@charset "utf-8";

/*
1. Estilos para header, footer, div, a, p... en el orden en que vayan aapreciendo en el html
2. Estilos para identificadores (id), id's son elementos unicos en el html, los estilos para los id's es declaran con # ejemplo: #nombre-id{ estilos }
3. class se declaran .nombre-clase{ estilos } y se llaman enm los elementos con class
4. Ordenar los estilos html, id's, class
5. Atributos se declaran atributo1: valor1; atributo2:valor2; ...
6. Orden de atributos alfabeticamente color, display, width...
7. Primeros estilos *, html, body (* es para todos los elementos)
8. En el body se definen tamaño de fuente global
9. Primero que nada estilos para resetear elementos
*/

/* En celulares: portrait vertical - landscape horizontal */
/* Tamaño de fuente 16px = 12pt = 100% = 1em M */

/*Reseteo universal*/
	html{ font-size:16px; }
	*{ border:0; box-sizing:border-box; margin:0; padding:0; }
	article, figcaption, figure, footer, header, hgroup, nav, section{ display:block; }
	section { overflow:hidden; }
	:focus { outline: 0; }

/*Fuentes*/
	.ptsans{ font-family: 'PT Sans', sans-serif; }
	.Lato {	font-family: 'Lato', sans-serif; font-size: 1em; }
	.Roboto { font-family: 'Roboto', sans-serif; font-size: 1em; }
	.IndieFlower { font-family: 'Indie Flower', cursive; font-size: 1em; }
	.OpenSans {	font-family: 'Open Sans', sans-serif; font-size: 1em; }
	.Oswald { font-family: 'Oswald', sans-serif; font-size: 1em; }
	.Karla { font-family: 'Karla', sans-serif; font-size: 1em; }
	.Pacifico{ font-family: 'Pacifico', cursive; }

/*Letras*/
	.tit, .subtit, .subtitazu, .tit_interlin{ color:#0053A4; font-family: 'Roboto', sans-serif; font-size:2.8125rem; font-weight:normal; line-height:1.5rem; margin:0; }
	.subtit { font-size:1.5rem; color:#EB514D; }
	.subtitazu { font-size:1.2rem; color:#0053A4; }
	.tit_interlin{ line-height:2.6rem; }	
	.lgen, .l9, .l10, .l12, { color:#444444; font-family: 'Roboto', sans-serif; font-size:1rem; line-height:1.2rem; }
	.l9{ font-size:0.5625rem; }
	.l10{ font-size:0.625rem; }
	.l11{ font-size:0.6875rem; }
	.l12{ font-size:0.75rem; }
	.l13{ font-size:0.8125rem; }
	.l14{ font-size:0.875rem; }
	.l15{ font-size:0.9375rem; }
	.l18{ font-size:1.125rem; }
	.negrita { font-weight:bold; }
	.justificado { text-align:justify; }
	.mensaje_html{ font-size:0.75rem; padding:1rem 0;  width:100%; }
	.texto-vertical-1 { writing-mode: vertical-lr; /*Orientacion vertical de izquieda(left) a derecha(rigth)*/ }
	.texto-vertical-2 { writing-mode: vertical-rl; /*Orientacion vertical de derecha(rigth) a izquieda(left)*/ transform: rotate(180deg); /*Rotas 180 grados*/ }
	.texto-vertical-3 { width:20px; word-wrap: break-word; text-align:center; }
	
/*Hipervinculos*/	
	a{ color:#000000; text-decoration:none; }
		a:hover{ color:#EB514D; }
	a.a2{ color:#0053A4; font-size:0.9rem; text-decoration:none; }
		a.a2:hover{ color:#71C43F; }
	a.a2s{ color:#0053A4; font-size:0.9rem; text-decoration:underline; }
		a.a2s:hover{ color:#71C43F; text-decoration:none; }	
	a.a3{ color:#EB514D; text-decoration:none; }
		a.a3:hover{ color:#FEA521; }
	a.a3s{ color:#EB514D; text-decoration:underline; }
		a.a3s:hover{ color:#FEA521; }	
	a.a4{ color:#0053A4; font-size:1.8rem; text-decoration:none; }
		a.a4:hover{ color:#EB514D; font-size:2rem; }
	a.a5{ color:#71C43F; font-size:0.9rem; text-decoration:none; }
		a.a5:hover{ color:#EB514D; }
	a.a6{ color:#000; font-size:1rem; text-decoration:none; }
		a.a6:hover{ color:#0053A4; }
	a.a7{ color:#71C43F; font-size:1.2rem; text-decoration:none; }
		a.a7:hover{ color:#0053A4; }		
	a.a8{ color:#FFF2BF; font-size:1rem; text-decoration:underline; }
		a.a8:hover{ color:#FFBF00; }				
	a.a9s{ color:#71C43F; font-size:0.9rem; text-decoration:underline; }
		a.a9s:hover{ color:#0053A4; text-decoration:none; }		
		

/*Estilos Loading ajax*/
	#loading { background: rgba(0,0,0,0.7); display: none; position: absolute; margin:0 auto; top:0; left:0; bottom:0; width:100%; z-index:9999; }
	#loading #loaging-img {	margin: auto; margin-top:6.25rem; text-align:center; }

/*Estilos Ir arriba*/
	.ir-arriba{ background:#0053A4; bottom:0; right:1rem; color:#FFF; cursor:pointer; display:none; font-size:1.25rem; filter: alpha(opacity=5); opacity:0.5; padding:1rem; position:fixed; z-index:9999; }
	.cl_gototop{ border:0; }
	
/*Separador de bloques*/
	.sep, .sep1, .sep2, .sep3, .sep4, .sep_punteado{ /*background:#FFF;*/ height:0.75rem; width:100%; }
	.sep { height:0.5rem; } /*8px */
	.sep1{ height:1rem;   } /*16px*/
	.sep2{ height:2rem;   } /*32px*/
	.sep3{ height:3rem;   } /*48px*/	
	.sep4{ height:4rem;   } /*64px*/		
	.sep5{ height:5rem;   } 
	.sep_punteado{ border-top:1px dotted #CCCCCC; height:0.05rem; }		
	.sep_solido{ border-top:1px solid #D8D8D8; height:0.05rem; }		

/*Colores*/
	/*Fondos*/
	.bgblanco{ background:#FFF; }
	.bgazul{ background:#0053A4; }
	.bgverde{ background:#71C43F; }
	.bgverdeF{ background:#8CC618; }
	.bgamarillo{ background:#FEA521; }
	.bgamarilloF{ background:#FFBF00; }
	.bgrojo{ background:#EB514D; }
	.bgrojoF{ background:#DE001F; }
	.bgmorado{ background:#9C73AD; }
	.bgmoradoF{ background:#9C73AD; }
	.bggrisoscuro{ background:#444444; }
	/*Letras*/	
	.lblanco{ color:#FFF; }
	.lazul{ color:#0053A4; }
	.lverde{ color:#71C43F; }
	.lamarillo{ color:#FEA521; }
	.lrojo{ color:#EB514D; }
	.lmorado{ color:#9C73AD; }
	.lgrisoscuro{ color:#444444; }

/*Objetos de Formulario*/
	.cajastexto, .cajastexto2, .textarea, .textareaG, .file{ border:1px solid #e0e0e0; color:#444444; font-family: 'Roboto', sans-serif; height:2rem; margin:0; padding:0; width:100%;	}
	.cajastextoG{ font-size:2rem; }
	.textarea{ height:6rem; }
	.textareaG{ height:10rem; }
	.file{ height:1.5rem; padding:0; }
	.boton{ /*background:#0053A4;*/ background:#DE001F; border-radius:0.3rem; color:#FFF; cursor:pointer; padding:0.7rem 1rem; margin:0.2rem 0.1rem; width:auto; transition:all 0.3s ease-out; }
	.boton:hover{ background:#C20202; }
	.boton--blue{ background:#38468c; }	
	.boton--blue:hover{ background:#303a78; }
	.boton--green{ background:#97c11f; }	
	.boton--green:hover{ background:#C3E561; }
	.labels{ color:#0053A4; font-family: 'Roboto', sans-serif;	font-size:0.8rem; padding:0; margin:0.5rem 0 0 0; text-align:left; width:auto; }
	.forma1{ border:0px solid #3366cc; display:block; height:auto; margin:0 auto; padding:0; text-align:left; vertical-align:top; width:82%; }
	.forma2{ border:0px solid #cc0000; background:#FFF; height:auto; padding:0; margin:0 auto; letter-spacing:-1px; line-height:1rem; text-align:center; width:100%; }
	.forma3{ border:0px solid #cc0000; background:#FFF; height:auto; padding:0; margin:0 auto; letter-spacing:-1px; line-height:1rem; text-align:left; width:80%; }
	.col100{ display:block; font-size:0.9rem; width:100%; }	
	.col100_cp{ display:block; font-size:0.9rem; padding:0 0.8rem; text-align:left; vertical-align:top; word-spacing: normal; letter-spacing: normal; white-space: normal; width:100%; }	
	.col50{ border:0px solid #3366cc; display:inline-block; font-size:0.9rem; height:auto; margin:0; padding:0 0.8rem; text-align:left; vertical-align:top; width:45%; word-spacing: normal; letter-spacing: normal; white-space: normal; }
	.col50_d{ border:0px solid #3366cc; display:inline-block; font-size:0.9rem; height:auto; margin:0; padding:0 0.8rem; text-align:right; vertical-align:top; width:45%; word-spacing: normal; letter-spacing: normal; white-space: normal; }
	.col50_se{ border:0px solid #3366cc; display:inline-block; font-size:0.9rem; height:auto; margin:1px; padding:0 0.8rem 0 0; text-align:left; vertical-align:top; width:45%; word-spacing: normal; letter-spacing: normal; white-space: normal; }
	.col40{ border:0px solid #3366cc; display:inline-block; font-size:0.9rem; height:auto; margin:0; padding:0 0.8rem; text-align:left; vertical-align:top; width:40%; word-spacing: normal; letter-spacing: normal; white-space: normal; }
	.col40_d{ border:0px solid #3366cc; display:inline-block; font-size:0.9rem; height:auto; margin:0; padding:0 0.8rem; text-align:right; vertical-align:top; width:40%; word-spacing: normal; letter-spacing: normal; white-space: normal; }
	.col20{ display:inline-block; width:20%; }
	.col25{ display:inline-block; width:25%; }
	.col33{ display:inline-block; width:33%; }
	.col66{ display:inline-block; width:66%; }
	.col74{ display:inline-block; width:74%; }
	.col79{ display:inline-block; width:79%; }
	.col94{ display:block; font-size:0.9rem; margin:0 auto; width:94%; }	
	
/*Objetos de Diseño*/	
	.planti1{ display:block; height:auto; margin:0 auto; padding:0; text-align:left; vertical-align:top; width:74%; }
	.dis100{ display:block; font-size:0.8rem;  height:auto; padding:1rem; vertical-align:top; width:90%; }
	.dis50{ box-sizing:border-box; display:inline-block; font-size:0.8rem; height:auto; padding:1rem; vertical-align:top; /*width:45%;*/ width:49%; }
	.img100{ width:100%; height:auto; border:0; }
	
	
/*Body*/
	body{ background:#FFF; color:#444444; font-family: 'Roboto', sans-serif; font-size:1rem; min-height:100%; position:absolute; width:100%; -webkit-overflow-scrolling: none;	}

/*Header y Footer*/
	header, footer{ background:#0053A4; height:8.125rem; width:100%; z-index:999; }
	header{ position:fixed; }
	/*#hd_0{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; display:inline-flex; height:auto; margin:0 auto; width:74.375rem; }*/
	#hd_0{ height:auto; margin:0 auto; padding:0 0.5rem; width:74.375rem; }
	#hd_0_1, #hd_0_2, #hd_0_3{ border:0px solid #cc0000; display:inline-block; height:auto; margin:0; width:33%; vertical-align:middle; }
	#hd_0_1{ margin-top:0.3rem; width:23%; }
	#hd_0_2{ border-left:1px solid #FFF; padding-left:1rem; width:10%; }
	#hd_0_3{ margin-bottom:0.7rem; vertical-align:bottom; width:65%; }
	.hd_sep_fijo{ /*height:8.15rem;*/ height:8.05rem; }

/*Menu admisiones*/
	#hd_0_3_0{ display:block; height:96px; width:100%; }
	#hd_0_3_0_mb{ display:none; height:60px; width:100%; }
	#dv_menu_admisiones{ height:auto; margin:0 1% 0 19%; text-align:center; width:80%; }
	.opc_menu_admisiones{ width: 33%; height: 60px; font-family: 'Roboto', sans-serif; font-size:1rem; float:left; margin:0 auto; -webkit-transition: height .4s; }
	#dv_cronograma{ background-color: #71C43F; }
	#dv_contactenos{ background-color: #FEA521; }
	#dv_admisiones{ background-color: #EB514D; }
	/*.icon{ margin:10px auto; background-color: rgba(255,255,255,.15); width:40px; padding:20px; -webkit-border-radius: 50%; -webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0); -webkit-transition:box-shadow .4s; }*/
	.texto_menu_admisiones{ display:inline-block; font-size: 1em; color:#fff; text-align: center; padding-top:0; /*opacity: 0.7;*/ -webkit-transition: padding-top .4s; }
	.icon_admisiones{ color:#fff; font-size:1.5rem; margin:0.3rem 0.5rem 0 0.5rem; /*opacity: .7;*/ }
	
	.opc_menu_admisiones:hover{ height:80px; }
	.opc_menu_admisiones:hover .texto_menu_admisiones{ padding-top: 0px; opacity: 1; }
	.opc_menu_admisiones:hover .icon_admisiones{ -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.6); opacity: 1; }	
	/*.icon_admisiones:hover{ opacity: 1; }*/
	
/*Menu de Navegacion*/
	#hd_0_3_1{ align-items:center; bottom:0; display:flex; font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:normal; filter:alpha(opacity=9.2); justify-content:flex-end; opacity:0.92; position:relative; right:0px; }
	#hd_0_3_1 label{ cursor:pointer; display:none; width:auto; }
	#btn-menu{ color:#0053A4; display:none; }	
	nav{ width:auto; }
	.menu ul{ display:flex; justify-content:left; list-style:none; }
	.menu ul li{ padding:0 0.8rem; text-align:left; }
	.menu ul li ul { padding-top:1rem; }
	.menu ul ul{ background:#FFF; display:none; }
	.menu ul a{ color:#FFF; display:block; text-decoration:none; }
	.menu ul ul li a{ font-size:0.7rem; color:#000; padding:0.3rem 0.5rem; width:auto; }
	.menu a:hover{ background: rgba(0,0,0,0); color:#EB514D; }
	.menu a i{ display:none; }
	.menu ul li:hover ul{ display:block; position:absolute; }
	
/*Botones*/	
	#se_botones{ border:0px solid #cc0000; height:auto; overflow:visible; width:100%; }
	#dv_bot_0, #dv_bot_1, #dv_bot_2{ background:#71C43F; display:inline-block; height:auto; padding:2.5rem 0; text-align:center; width:33.33%; }
	#dv_bot_1{ background:#FEA521; }
	#dv_bot_2{ background:#EB514D; }
	#dv_bot_0_0{ height:auto; border:0px solid #cc0000; display:inline-block; padding:0 0.5rem 0 0; text-align:right; vertical-align:middle; width:23%; }
	#dv_bot_0_1 { height:auto; border:0px solid #3366cc; color:#FFF; display:inline-block; font-size:1.6rem; text-align:left; vertical-align:middle; width:67%; }
	#dv_bot_0_2 { height:auto; border:0px solid #3366cc; color:#FFF; display:inline-block; font-size:1.2rem; text-align:left; line-height:1.2rem; vertical-align:middle; width:67%; }

/*Noticias*/
	#se_eventos{ border:height:auto; }
	#dv_eve_0{ color:#EB514D;  font-size:1.8rem; font-weight:normal; text-align:center; }
	#dv_eve_1 { font-size:1rem; text-align:center; }
	.cl_eve_1_0 { background:#F5F5F5; display:inline-block; font-size:1rem; height:auto; padding:1.5rem; margin:0 0.3rem 1.5rem 0.3rem; text-align:center; vertical-align:top; width:20%; }
	.cl_eve_1_0_1 { color:#0053A4; font-size:0.86rem; font-weight:normal; height:38px; margin:0 auto; width:90%; }
	.cl_eve_1_0_2 { font-size:0.9rem; height:110px; margin:0 auto; width:90%; }
	.cl_eve_1_0_3 { width:100%; }
	.cl_eve_1_0_4 {color:#FFF; font-size:0.9rem; margin:0 auto; padding:0.4rem; width:36%; }
	.cl_evehist_1_0 { background:#F5F5F5; display:inline-block; font-size:1rem; height:auto; line-height:1.2rem; margin:1rem 0.5rem; padding:0.3rem; text-align:left; vertical-align:top; width:20%; }	
	.cl_evehist_1_0_1 { color:#000; font-size:1rem; font-weight:normal; /*height:2.5rem;*/height:auto; margin:0 auto; width:100%; }
	
/*Video Index*/	
	#se_video{ height:auto; }
	#dv_vi_0{ background:#9C73AD; height:auto; width:100%; }
	#dv_vi_0_1{ display:inline-block; height:auto; text-align:center; vertical-align:middle; width:50%; }
	#dv_vi_0_1_0{ color:#FFBF00; font-size:1.5rem; font-weight:bold; margin:0 auto; text-align:left; width:70%; }
	#dv_vi_0_1_1{ color:#FFFFFF; font-size:0.9rem; line-height:1.3rem; margin:0 auto; text-align:justify; width:70%; }
	#dv_vi_0_2{ display:inline-block; height:auto; line-height:0; vertical-align:middle; width:50%; }
	#dv_vi_0_3{ display:inline-block; height:auto; letter-spacing:normal; line-height:0; overflow: hidden; padding-bottom:25.66%; position:relative; vertical-align:middle; width:50%; word-spacing:normal; white-space:normal; }
	#dv_vi_0_3 iframe { position: absolute; top:0; left: 0; width: 100%; height:100%; }
	
/*Programas Académicos*/	
	#dv_pa_0{ color:#EB514D; font-size:1.8rem; font-weight:normal; padding:3rem 0; text-align:center; }
	#dv_pa_1{ background:#F5F5F5; height:auto; padding:2rem 0; text-align:center; width:100%; }	
	.cl_pa_1_0{ display:inline-block; height:auto; line-height:0; margin:0 2rem; vertical-align:top; width:20%; }			
	.cl_pa_1_0_i { display:block; width:100%; }
	.cl_pa_sep { display:none; height:4rem; width:100%; }
	#dv_pa_1_0 img, #dv_pa_1_1 img, #dv_pa_1_2 img { height:auto; width:100%; }	
	#dv_pa_1_0_0{ border:2px solid #CA69CF; /*height:210px;*/ height:auto; padding:2rem 1rem; }
	#dv_pa_1_1_0{ border:2px solid #81B3D8; /*height:210px;*/height:auto; padding:2rem 1rem; }
	#dv_pa_1_2_0{ border:2px solid #FFA02D; /*height:210px;*/height:auto; padding:2rem 1rem; }
	#dv_pa_1_0_0_0{ color:#CA69CF; font-size:1.5rem; line-height:1rem; }
	#dv_pa_1_1_0_0{ color:#81B3D8; font-size:1.5rem; line-height:1rem; }	
	#dv_pa_1_2_0_0{ color:#FFA02D; font-size:1.5rem; line-height:1rem; }
	.cl_pa_1_0_0_1{ font-size:0.9rem; line-height:1rem; }
	
/*Detalle Noticias*/	
	#se_detalle_eventos img{ height:auto; width:90%; }
	/*#dv_deteve_0_0{ height:0; padding-bottom:55.5%; width:100%; }*/
	#dv_deteve_0_0{ height:auto; letter-spacing:normal; line-height:0; overflow: hidden; padding-bottom:55.5%; position:relative; vertical-align:middle; width:100%; word-spacing:normal; white-space:normal; }
	#dv_deteve_0_0 iframe{ height:100%; left:0; position:absolute; top:0; width:100%; }
	#dv_deteve_1_0{ border:0px solid #cc0000; display:inline-block; width:48%;  }	
	#dv_deteve_1_0 iframe{ height:100%; width:99% }
	.cl_admeve_img{ width:200px; height:auto; }
	
/*Footer*/
	footer{ background:#DEEAF2; /*background:#EB514D;*/ height:auto; }
	/*#fo_sep1,#fo_sep2{ border:0.5px solid #F39694; display:none; height:0; margin:1rem auto; width:96%; }*/
	#fo_0{ height:auto; text-align:center; padding:2rem 1rem; }
	#fo_0_0{   display:inline-block; height:auto; margin:0 1rem; vertical-align:middle; width:auto }
	#fo_0_0 img { height:auto; max-width:200px; width:100%; }
	#fo_0_1{  display:inline-block; height:auto; margin:0 1rem; vertical-align:middle; width:auto; }
	#fo_0_1 img { height:auto; max-width:60px; width:100%; }
	#fo_0_2{ display:inline-block; font-size:0.8rem; height:auto; margin:0 1rem; text-align:left; vertical-align:middle; width:auto }	
	#fo_0_3{ display:inline-block; font-size:0.8rem; height:auto; margin:0 1rem; text-align:left; vertical-align:middle; width:auto; }
	#fo_0_4{ display:inline-block; height:auto; margin:0 1rem; vertical-align:middle; width:auto; text-align:center; }
	#fo_0_5{ display:inline-block; font-size:0.9rem; height:auto; margin:0 1rem; vertical-align:middle; width:auto; }
	#fo_0_5_0{ display:inline-block; height:auto; margin:0 0.2rem; text-align:right; vertical-align:middle; width:auto; }
	#fo_0_5_0 img{ height:auto; width:80%; }
	#fo_0_5_1{ display:inline-block; height:auto; text-align:left; vertical-align:middle; width:auto; }
	
/*Autenticacion*/	
	#se_aut_0 { text-align:right; }
	#se_aut_0 img{ height:auto; width:80%; }
	.aut_error{ display:none; color:#DE001F; font-size:0.78rem; margin:auto; padding:0 0 0.8rem 0; text-align:left; width:100%; }
	
/*Precargador*/
	#loader-wrapper{ background-color:#fff; height:100%; left:0; position: fixed; top:0; width:100%; z-index:99999; }
	.signal { border: 6px solid #0053A4; border-radius: 30px; height: 30px; left: 50%; margin: -15px 0 0 -15px; opacity: 0; position: absolute; top: 50%; width: 30px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; }
	@keyframes pulsate { 0% { transform: scale(.1); opacity: 0.0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }

/*Icon Notificacion*/
	.iconnf{ background-size:3rem 3rem; /*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/ bottom:1.25rem; color:#ff0000; right:1.25rem; cursor:pointer; font-size:3rem; filter:alpha(opacity=7); opacity:0.7; height:3rem; margin:auto; position:fixed; border-radius:999px; width:3rem; z-index:99999; }
	.pulse1nf { border: 3px solid rgba(255,255,255,.1); bottom:1.10rem; right:1.10rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1nf 2s linear infinite; -moz-animation: pulsejg1nf 2s linear infinite; animation: pulsejg1nf 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 15px 10px #FF0000; -moz-box-shadow: inset 0px 0px 15px 10px #FF0000; box-shadow: inset 0px 0px 15px 10px #FF0000); width: 54px; z-index: 10000; }
	.pulse2nf { border: 1px solid rgba(255,255,255,0);  bottom:1.10rem; right:1.10rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2nf 2s linear infinite; -moz-animation: pulsejg2nf 2s linear infinite; animation: pulsejg2nf 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px #FF0000;  -moz-box-shadow: inset 0px 0px 12px 5px #FF0000;  box-shadow: inset 0px 0px 12px 5px #FF0000;   width: 54px; z-index: 20000; }
	@-webkit-keyframes pulsejg1nf { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } }
	@-moz-keyframes pulsejg1nf { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } }
	@keyframes pulsejg1nf { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } }
	@-webkit-keyframes pulsejg2nf { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } }
	@-moz-keyframes pulsejg2nf { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} }
	@keyframes pulsejg2nf { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} }
	
	
/*Icon de Whatsapp*/
	.iconwp{ background:url(../img/wp.png); background-size: 50px 50px; bottom:0.5rem; cursor:pointer; height: 50px; left:0.5rem; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 50px; z-index: 3;}
	.pulse1wp { border: 3px solid rgba(255,255,255,.1); bottom:0.25rem; left:0.25rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1wp 2s linear infinite; -moz-animation: pulsejg1wp 2s linear infinite; animation: pulsejg1wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 15px 10px #00A500; -moz-box-shadow: inset 0px 0px 15px 10px #00A500; box-shadow: inset 0px 0px 15px 10px #00A500); width: 54px; z-index: 1; }
	.pulse2wp { border: 1px solid rgba(255,255,255,0);  bottom:0.25rem; left:0.25rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2wp 2s linear infinite; -moz-animation: pulsejg2wp 2s linear infinite; animation: pulsejg2wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px #00A500;  -moz-box-shadow: inset 0px 0px 12px 5px #00A500;  box-shadow: inset 0px 0px 12px 5px #00A500;   width: 54px; z-index: 2; }
	/*
	.iconwp{ background:url(../img/wp.png); background-size: 50px 50px; bottom:1rem; cursor:pointer; height: 50px; right:1rem; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 50px; z-index: 3000;}
	.pulse1wp { border: 3px solid rgba(255,255,255,.1); bottom:0.6rem; right:0.55rem; height: 60px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1wp 2s linear infinite; -moz-animation: pulsejg1wp 2s linear infinite; animation: pulsejg1wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 15px 10px #00A500; -moz-box-shadow: inset 0px 0px 15px 10px #00A500; box-shadow: inset 0px 0px 15px 10px #00A500); width: 60px; z-index: 1000; }	
	.pulse2wp { border: 1px solid rgba(255,255,255,0);  bottom:0.6rem; right:0.55rem;	height: 60px; margin: auto;	opacity: 0;	position: fixed; -webkit-animation: pulsejg2wp 2s linear infinite; -moz-animation: pulsejg2wp 2s linear infinite; animation: pulsejg2wp 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px #00A500;  -moz-box-shadow: inset 0px 0px 12px 5px #00A500;  box-shadow: inset 0px 0px 12px 5px #00A500;   width: 60px; z-index: 2000; }	
	*/
	@-webkit-keyframes pulsejg1wp { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } }
	@-moz-keyframes pulsejg1wp { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } }
	@keyframes pulsejg1wp { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } }
	@-webkit-keyframes pulsejg2wp { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } }
	@-moz-keyframes pulsejg2wp { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} }
	@keyframes pulsejg2wp { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} }

/*Icono de Contacto*/
	.iconmsg{ background:url(../img/msg.png); background-size: 62px 62px; bottom:6.25rem; left:1.25rem; cursor:pointer; height: 62px; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 62px; z-index: 3; }
	.pulse1msg { border: 3px solid rgba(255,255,255,.1); bottom:6rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1msg 2s linear infinite; -moz-animation: pulsejg1msg 2s linear infinite; animation: pulsejg1msg 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 15px 10px #0A4176; -moz-box-shadow: inset 0px 0px 15px 10px #0A4176; box-shadow: inset 0px 0px 15px 10px #0A4176); width: 70px; z-index: 1; }
	.pulse2msg { border: 1px solid rgba(255,255,255,0);	 bottom:6rem; left:1rem; height: 70px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2msg 2s linear infinite; -moz-animation: pulsejg2msg 2s linear infinite; animation: pulsejg2msg 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px #0A4176;  -moz-box-shadow: inset 0px 0px 12px 5px #0A4176;  box-shadow: inset 0px 0px 12px 5px #0A4176;   width: 70px; z-index: 2; }
	@-webkit-keyframes pulsejg1msg { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } }
	@-moz-keyframes pulsejg1msg { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } }
	@keyframes pulsejg1msg { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } }
	@-webkit-keyframes pulsejg2msg { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } }
	@-moz-keyframes pulsejg2msg { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} }
	@keyframes pulsejg2msg { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} }

/*Icono de Plataforma*/
	#dv_plataforma_movil{ display:none; }
	.iconplataforma{ background:url(../img/cg.png); background-size: 50px 50px; bottom:4rem; left:0.5rem; cursor:pointer; height: 50px; margin: auto; position: fixed; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 50px; z-index: 3; }

/*Redes sociales*/
.social{ left:0; position: fixed; top:200px; z-index:2000; }
.social ul{ list-style:none; }
.social ul li a{ background:#000; color:#FFF; display:inline-block; padding:10px 15px; text-decoration:none; -webkit-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.social ul li .icon-plataforma{ background:#71C43F; padding:6px 8px; margin-bottom:5px; }
.social ul li .icon-facebook{ background:#365998; }
.social ul li .icon-youtube{ background:#bb0000; }
.social ul li .icon-instagram{ background:#125688; }
.social ul li a:hover{ padding:10px 30px; }
.social ul li .icon-plataforma:hover{ padding:6px 30px; }


/*Slide*/
	#se_slide{ border:0px solid #00dd00; padding:0; background:#fff; height:auto; width:100%; }
	.img_slide{ width:100%; height:auto; }
	.sl-tit, .sl-det { font-family: 'Roboto', sans-serif; font-size:3rem; left:0; margin:0 auto; text-align:right; top:0; width:90%; text-shadow: #BBBBBB 0.1rem 0.1rem 0.2rem }
	.sl-det { font-size:2.5rem; }
	.sl-hor-der{ text-align:right; }
	.sl-hor-izq{ text-align:left; }
	.sl-hor-cen{ text-align:center; }
	
	/*#sltext1{ font-family: 'Roboto', sans-serif; font-size:3rem; 	 left:0; margin:0 auto; text-align:right; top:0; width:90%; text-shadow: #BBBBBB 0.1rem 0.1rem 0.2rem }
	#sltext2{ font-family: 'Roboto', sans-serif; font-size:2.5rem;   left:0; margin:0 auto; text-align:right; top:0; width:90%; text-shadow: #BBBBBB 0.1rem 0.1rem 0.2rem }*/
	.animadelay{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }	
	.animadelay2{ -webkit-animation-delay: 5s; animation-delay: 5s; }	
	.anima1 { color:#FFF; position: relative; filter: alpha(opacity=0); line-height:0; opacity:0; -webkit-animation-name: movTopBottom; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-name: movTopBottom; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }
	@-webkit-keyframes movTopBottom { from { top: 10rem; filter: alpha(opacity=0); opacity:0; } to { top: 23.5rem; filter: alpha(opacity=1); opacity:1; } }
	@keyframes movTopBottom { from { top: 10rem; filter: alpha(opacity=0); opacity:0; } to { top: 23.5rem; filter: alpha(opacity=1); opacity:1; } }
	.anima2 { color:#FFF; position: relative; filter: alpha(opacity=0); line-height:0; opacity:0; -webkit-animation-name: movTopBottom2; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-name: movTopBottom2; animation-duration: 1s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; }
	@-webkit-keyframes movTopBottom2 { from { top: 10rem; filter: alpha(opacity=0); opacity:0; } to { top: 27rem; filter: alpha(opacity=1); opacity:1; } }
	@keyframes movTopBottom2 { from { top: 10rem; filter: alpha(opacity=0); opacity:0; } to { top: 27rem; filter: alpha(opacity=1); opacity:1; } }
	

/*Academicas*/
	.cl_listaest{ margin:1rem 0 0 0; padding:0; text-align:center; }
	.cl_listaest_foto, .cl_listaest_foto_link, .cl_distiest_foto { display:inline-block;  height:auto; margin:7px; text-align:center; vertical-align:top; width:100px; }
	.cl_listaest_foto_link { cursor:pointer; }
	.cl_listaest_foto_indiv { background:#ccc; cursor:pointer; height:120px; margin-bottom:5px; width:100px; }
	.cl_listaest_foto_indiv img { max-width:100px; height:auto; }
	.cl_estdat_foto{ display:inline-block; height:auto; margin-right:5px; width:auto; }
	.cl_estdat_datos{ display:inline-block; height:auto; width:80%; }
	.cl_distiest_foto{ margin:24px; width:130px; }
	.cl_distiest_enc1, .cl_distiest_enc2{ background:#365998; border:0; color:#fff; display:inline-block; height:auto; margin:0; padding:5px 0; width:55%; }
	.cl_distiest_enc2 { background:#EB514D; color:#fff; width:45%; }
	#VistoBueno{ color:#71C43F; font-size:2.5rem;  }

/*Gobierno escolar*/
	.ge_dis20{ border:1px solid #ccc; box-sizing:border-box; cursor:pointer; display:inline-block; font-size:0.8rem; height:auto; margin:1rem 0; padding:0.5rem; vertical-align:top; width:19%; }
		.ge_dis20 img { height:auto; max-width:354px; min-width:100px; width:100%; }
	#ge_subwrap{ border:2px solid #f0f0f0; margin-bottom:1rem; padding:1rem; }
	#dv_ge_titulo{ color:#FFF; padding:0.3rem; }
	#dv_ge_votar{ color:#DE001F; }
	#dv_ge_foto{ margin:0.5rem auto; text-align:center; height:auto; max-width:120px; min-width:100px; width:120px; }
	#dv_ge_nombre{ height:2.5rem; font-size:0.8rem; line-height:1rem; text-align:center; }
	#dv_ge_numero{ font-size:2rem; text-align:center; }
	#dv_ge_boton{ margin:0 auto;width:200px; height:auto; cursor:pointer; }
	
	
/*Venta Modal*/	
	.modal-background { background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.5); display:none; left:0; position:fixed; height:100%; padding-top:50px; top:0; width:100%; z-index:9999; }
	.modal { background-color:#fff; border:1px solid #000; border-radius:8px; height:540px; margin:auto; margin-bottom:100px; overflow:auto; padding:20px; width:58%; -webkit-box-shadow: -3px 6px 25px -3px rgba(0,0,0,0.75); -moz-box-shadow: -3px 6px 25px -3px rgba(0,0,0,0.75); box-shadow: -3px 6px 25px -3px rgba(0,0,0,0.75); }	
	.modal-close { color:#aaaaaa; float:right; font-size:28px; font-weight:bold; }	
	.modal-close:hover, .modal-close:focus { color:#000; cursor:pointer; text-decoration:none; }
	
/*Datos estudiante*/	
	#dv_datos_est{ text-align:left; vertical-align:top; }
	#dv_datos_est_0{ display:inline-block; width:15%; height:auto; vertical-align:top; }
	#dv_datos_est_1{ display:inline-block; width:82%; height:auto; vertical-align:top; }
	.cl_datos_est{ text-align:left; vertical-align:top; }
	.cl_datos_est_0{ display:inline-block; height:auto; padding:0 0.8rem; vertical-align:top; width:20%; }
	.cl_datos_est_1{ display:inline-block; height:auto; padding:0 0.8rem; vertical-align:top; width:70%; }
	
/*Escribenos*/	
	#se_escribe_0 { height:auto; letter-spacing: normal; overflow: hidden; padding-bottom: 40%; position:relative; vertical-align:top; white-space: normal; word-spacing: normal;  }
	#se_escribe_0 iframe{ height:100%; left:0; position:absolute; top:0; width: 100%; }
	#se_escribe_1 { padding:0 2rem; }	
	
/*Tablas*/
.table { display: table; margin: 0; width: 100%; }
.row { background: #fff; display: table-row; }
.row.header {  background: #365998;  color: #ffffff; }
.cell {  display: table-cell; }
.row .cell { border-bottom: 1px solid #ccc; color: #444444; font-size: 0.82rem; font-weight: unset !important; line-height: 1.2; padding:20px 10px; }
.row.header .cell {  color: #fff; font-size: 0.9rem;  font-weight: unset !important; line-height: 1.2; padding: 5px 10px; vertical-align:middle; }
.row .cell:nth-child(1) { width:10%; }
.row .cell:nth-child(2) { width: 10%; }
.row .cell:nth-child(3) { width: 57%; }
.row .cell:nth-child(4) { width: 13%; }
.row .cell:nth-child(5) { width: 10%; }
.table, .row { width: 100% !important; }

.table { display: table; margin: 0; width: 100%; }
.row2 { background: #fff; display: table-row; }
.row2.header {  background: #365998;  color: #ffffff; }
.cell2 {  display: table-cell; }
.row2 .cell2 { border-bottom: 1px solid #ccc; color: #444444; font-size: 0.82rem; font-weight: unset !important; line-height: 1.2; padding:20px 10px; }
.row2.header .cell2 {  color: #fff; font-size: 0.9rem;  font-weight: unset !important; line-height: 1.2; padding: 5px 10px; vertical-align:middle; }
.row2 .cell2:nth-child(1) { width:14%; }
.row2 .cell2:nth-child(2) { width: 20%; }
.row2 .cell2:nth-child(3) { width: 20%; }
.row2 .cell2:nth-child(4) { width: 20%; }
.row2 .cell2:nth-child(5) { width: 13%; }
.row2 .cell2:nth-child(6) { width: 13%; }
.table, .row2 { width: 100% !important; }

.table { display: table; margin: 0; width: 100%; }
.row3 { background: #fff; display: table-row; }
.row3.header {  background: #365998;  color: #ffffff; }
.cell3 {  display: table-cell; }
.row3 .cell3 { border-bottom: 1px solid #ccc; color: #444444; font-size: 0.82rem; font-weight: unset !important; line-height: 1.2; padding:10px 10px; }
.row3.header .cell3 {  color: #fff; font-size: 0.9rem;  font-weight: unset !important; line-height: 1.2; padding: 5px 10px; vertical-align:middle; }
.row3 .cell3:nth-child(1) { width:25%; }
.row3 .cell3:nth-child(2) { width: 75%; }
.table, .row3 { width: 100% !important; }


/*POPUPS*/	
	.ventana{ border:0px solid #cc0000; width:100%; height:100%; color:#fff; margin:0 auto; position:fixed; background-image:url(../imagenes/bgmogal.png); top:0px; left:0%; z-index:2000; }
	/*.form_popup { border:1px solid #cc0000; width:auto; height:auto; padding:0; color:#999999; top:10%;	left:29.7%; position:absolute; margin:0 auto; }*/
	.form_popup { border:0px solid #cc0000; height:auto; padding:0; color:#4444; font-family:'Roboto', sans-serif; font-size:0.8rem; top:5%;	left:30%; position:absolute; margin:0 auto; width:40%; }
	#msn_pop{ border:0px solid #3366cc; margin:0 auto; text-align:center;  }
		#msn_pop img{ height:auto; max-width:1280px; min-width:200px; width:100%; }
	.cerrar{ color:#FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; width:auto; margin:0 auto; }
	.linkcerrar{ color:#FFF; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
	.linkcerrar:hover{ color:#FFCC00; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
	.linkcerrar2{ color:#EB514D; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
	.linkcerrar2:hover{ color:#DE001F; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
	#pop_complemento{ border:0px solid #cc0000; height:auto; margin:0 auto; text-align:left; width:100%; }
		#pop_txt_complemento{ border:1px solid #00dd00; border:5px solid #fff; box-sizing:border-box; background:#DE001F; color: #000; height:auto;padding:8px; text-align:left; width:100%; }
	.pop_buscador{ background:#efefef; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; margin:1rem auto; padding:0.5rem 0.8rem; width:97.5%; }
		.pop_buscador__objetos{ margin-right: 0.5rem;  }
	.pop_wrap_listado{ border: 0x solid #ff0000; margin:1rem auto; width:97%; }
	.pop_wrap_listado__fila{ border-bottom:0px solid #ccc; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-size:0.85rem; margin:0.2rem 0; padding:0.3rem; vertical-align: top; }
	.pop_wrap_listado__obj{ margin-right:0.5rem; }
	.pop_button{ background:#0053A4; border-radius:0.1rem;  color:#FFF; cursor:pointer; font-size:0.8rem; margin:0; padding:0.54rem 1rem; width:auto;  }
	.popmod__img{ height:auto; width:100%; }
	.pop__link { color:#FFF; font-weight:normal; font-family:'Roboto', sans-serif; font-size:0.8rem; text-decoration:underline; }
	.pop__link:hover { color:#FFF; text-decoration:none; }
	.pop__link-black { color:#000; font-weight:normal; font-family:'Roboto', sans-serif; font-size:0.8rem; text-decoration:underline; }
	.pop__link-black:hover { color:#000; text-decoration:none; }
	.pop__ul{ justify-content:left; color:#fff; list-style:disc; padding-left:1rem; }
	.pop__wrap-notify{ background:#FFF; border:0px solid #cc0000; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.2); display:flex; flex-direction:column; justify-content:flex-start; align-items:center; padding:1.2rem; }
	.pop__notify-module{ border:1px solid #ccc; box-sizing:border-box; border-radius:0.3rem; cursor:pointer; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin:0 0 0.6rem 0; padding:0; width:100%; -webkit-transition:all 0.5s ease-out;/*Chrome y Safari*/ -o-transition:all 0.5s ease-out;/*Opera*/ -moz-transition:all 0.5s ease-out;/*Mozilla Firefox*/ -ms-transition:all 0.5s ease-out;/*Internet Explorer*/ transition:all 0.5s ease-out;/*W3C*/ }
		.pop__notify-module:hover{ background:#efefef; }
	.pop__notify-title{ color:#444; font-family: 'Quicksand', sans-serif; font-weight:bold; font-size:1.1rem; height:auto; margin-bottom:0.5rem; text-align:left; width:100%; }
	.pop__notify-icon{ background:#38468c; border-radius:0.3rem; color:#FFF; font-size:1.2rem; padding:0.5rem 0.8rem; }
	.pop__notify-icon-agenda{ background:#38468c; }
	.pop__notify-icon-obs{ background:#f7d629; }
	.pop__notify-icon-rie{ background:#fa7721; }
	.pop__notify-icon-mensa{ background:#e4032b; }
	.pop__notify-icon-circu{ background:#97c11f; }
	.pop__notify-icon-cita{ background:#c700cd; }
	.pop__notify-icon-resoacu{ background:#B1770E; }
	.pop__notify-data{ color:#444; font-family: 'Roboto', sans-serif; font-size:0.9rem; padding:0.5rem 1rem; }
	.pop__notify-data-cant{ font-weight:bold; }
	
	
/*TOOGLE SWITCH*/
	.switch{ position:relative; width:100px; height:40px; background:#71C43F; -webkit-appearance:none; border-radius:20px; outline:none; transition:.4s; box-shadow: inset 0 0 5px rbga(0, 0, 0, 0.2); cursor:pointer;	}
	.switch:checked{ background:#EB514D; }
	.switch:before{	position: absolute;	content:"";	left:0; width:38px;	height:38px; margin:1px 1px 0 1px; background:#fff; border-radius:50%; transform:scale(1,1); box-shadow:0 2px 5px rgba(0,0,0,0.2); transition:.4s;	z-index:2; }
	.switch:checked:before{ left:60px; }
	.toogle{ position:relative; display:inline; }
	.toogle_children{ border:0px solid #000; position:relative;	width:110px; /*display:inline;*/ }
	.es_label{ border:0px solid #cc0000; position:absolute; color:#FFF; font-weight:600; font-size:20px; pointer-events:none; }
	.onbtn{ bottom:12px; left:15px; }
	.ofbtn{ bottom:12px; right:20px; }
	.es_sintomas_wrap{ display:flex; flex-direction:row; align-items:center; justify-content: space-between; margin:0.4rem 0; width:100%; }
	.es_sintomas_data{ padding-right:1rem; }
	.es_evaluacion_data{ font-weight:600; font-size:20px; }


/*REGISTRO INTEGRAL ESTUDIANTE*/	
	.rie__wrap{ border:1px solid #ccc; box-sizing:border-box; height:auto; font-size:0.9rem; margin:0 auto; padding:1rem; width:100%; }
	.rie__header{ display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-end; height:auto; margin-bottom:1rem; width:100%; }
	.rie__dataestwrap{ display:flex; flex-direction:row; align-items:flex-end; margin-right:4rem; }
	.rie__imgwrap{ text-align:left; height:auto; margin-right:1rem; width:auto; }
	.rie__img{ height:auto; max-width:100px; min-width:80px; width:100% }
	.rie__dataest-info{ display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; height:auto; width:auto; }
	.rie__dataest-name{ color:#0053A4; font-size:1rem; font-weight:bold; }
	.rie__label{ font-weight:bold; }
	.rie__dataanotationwrap{ display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; }
	.rie__datawrap{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; height:auto; margin-bottom:1rem; width:100%; }
	.rie__datasubtitle{ font-weight:bold; width:100%; }
	.rie__datainfo{ text-align:left; width:100%; }
	.rie__button{ background:#FC4B47; border-radius:0.3rem; color:#FFF; cursor:pointer; height:auto; padding:0.5rem 1rem; margin:0.2rem 0.1rem; text-align:center; width:200px; }
	.rie__button--blue{ background:#0053A4; }
	.rie__intro{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; margin-bottom:0.3rem; width:100%; }
	
	.rie__link-summary{ font-size:0.9rem; color:#0053A4; cursor:pointer; margin-left:1rem; text-align:center; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
	.rie__link-summary:hover{ font-size:0.9rem; color:#5BC4DB; }
	.rie__link-summary:hover .rie__icon{ color:#5BC4DB; }
	.rie__icon{ color:#0053A4; font-size:2.5rem; cursor:pointer; margin-right:0.3rem; -webkit-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
	.rie__icon:hover{ color:#5BC4DB; }
	.rie__botonera{ border-top:1px dotted #ccc; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-top:2rem; padding-top:1rem; }
	.rie__dataest-data { font-size:0.9rem; line-height:0.9rem; }
	
	
/*LISTA DE UTILES*/	
	.uti__wrap{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; }
	.uti__subwrap{ height: auto; width: 49%; }
	.uti__video{ letter-spacing:normal; margin:0.3rem; line-height:0; height:auto; overflow: hidden; padding-bottom:53%; position:relative; vertical-align:middle; width:100%; word-spacing:normal; white-space:normal; }
	
	
/*ADMINISTRADOR DE CONTENIDOS 2*/
	.modusec__wrap{ background:#DFEDFC; color:#303a78; display:flex; flex-direction:row; justify-content:center; align-items:center; font-weight:normal; font-family: 'Open Sans', sans-serif; font-size: 0.9em; height:auto; padding:0.6rem; text-align:center; width:100%; }
	.menusec__wrap { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; font-family: 'Open Sans', sans-serif; font-size: 0.8rem; height:auto; width:100%; } 
	.menusec__option { margin:0.3rem 0.5rem; }
	
	
/*EVALUACION DOCENTE*/
	.evd__califica-wrap{ border:0px solid #ccc;  display:flex; flex-direction:column; justify-content:center; align-items:center; }
	.evd__califica-items{ border:0px solid #ccc; cursor:pointer; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0.5rem 0.1rem; width:100%; }
	.evd__criterio{ font-size:0.8rem; }
	

/*Tablas Responsive*/	
	.tableR { border-collapse:collapse; width:100%; }	
	.thR{ /*background:#303a78;  color:#fff;*/ background:#D7EAF4; color:#444; }
	.tdR, .thR{ border:1px solid #B3B5B7; font-size:0.8rem; padding:0.2rem; }
	.td--subtit{ font-size:0.9rem; }
	.td--grey{ background:#DAF7F8; }
	.td--position-hori{ text-align:center; }
	.table__link{ cursor:pointer; }
	.table__link:hover{ background:#fff3f6; }