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


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');


html {
	width:100%;
	min-height: 100%;
}

body {
	min-height: 100%;
	min-width: 800px;
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	margin:0px;
	padding:0px;
}

a {
	color:#442187;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.no-select {
	-webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.Centrar {
	position: relative;
	z-index: auto;
	width:82%;
	margin-left: auto;
	margin-right: auto;
}

/* ENCABEZADO */
		.Encabezado {
			position: fixed;
			z-index: 5000;
			width:100%;
			height: 132px;
		}
		.Encabezado .Enc_Barra {
			position: relative;
			z-index: 4000;
			width: 100%;
			height: 36px;
			line-height: 36px;
			background-color: #333;
			color:#fff;
			font-size:14px;
		}
		.Encabezado .Enc_Barra .Vinculo {
			display: inline-block;
			color:#fff;
			text-decoration: none;
			padding-left:16px;
			padding-right: 16px;
			height: 28px;
			line-height: 28px;
			transition: background-color ease-in 0.5s;
			-webkit-transition: background-color ease-in 0.5s;
		}

		.Encabezado .Enc_Barra .Vinculo:hover {
			background-color:#666;
		}
		.Encabezado .Enc_Menu {
			position: relative;
			z-index: 5000;
			width: 100%;
			height: 96px;
			background-color: #fff;
			color:#666;
			border-bottom: 1px solid #ddd;
			box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
			transition: height ease 0.5s;
			-webkit-transition: height ease 0.5s;
		}
		.Encabezado .Enc_Menu .Enc_Logo {
			display: block;
			position: absolute;
			z-index: auto;
			top:16px;
			width:114px;
			height: 64px;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			background-image: url(Imagenes/Batek.png);
			transition: all ease 0.5s;
			-webkit-transition: all ease 0.5s;
		}
		.Encabezado .Enc_Menu .Enc_Opciones {
			position: absolute;
			z-index: auto;
			top:32px;
			right: 0px;
			width: calc(100% - 140px);
			height: 32px;
			line-height: 32px;
			color:#442187;
			text-align: right;
			box-sizing: border-box;
			padding:0px;
			transition: top ease 0.5s;
			-webkit-transition: top ease 0.5s;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion {
			position: relative;
			z-index: auto;
			display: inline-block;
			height: 32px;
			line-height: 32px;
			vertical-align: middle;
			padding:0px;
			margin:0px;
			box-sizing: border-box;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Opcion_Texto {
			display: block;
			position: relative;
			z-index: auto;
			color:#666;
			text-decoration: none;
			vertical-align: middle;
			padding-left:8px;
			padding-right: 8px;
			transition: color ease-in 0.2s;
			-webkit-transition: color ease-in 0.2s;
			cursor: pointer;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion:hover .Enc_Opcion_Texto {
			color:#442187;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion div.Enc_Opcion_Texto {
			cursor: default;
		}		
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion div.Enc_Opcion_Texto::after {
			display: inline-block;
			content: 'v';
			font-size:14px;
			padding-left:8px;
			color:#ff2316;
			vertical-align: top;
			height: 32px;
			line-height: 32px;
			transform: scale(1, 0.5); 
			-webkit-transform: scale(1, 0.5); 
			-moz-transform: scale(1, 0.5); 
			-ms-transform: scale(1, 0.5);
			-o-transform: scale(1, 0.5);
			transition: color ease-in 0.2s;
			-webkit-transition: color ease-in 0.2s;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion:hover div.Enc_Opcion_Texto::after {
			color:#442187;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista {
			position: absolute; 
			z-index: auto;
			left:0px;
			top:32px;
			min-width: 180px;
			border:1px solid #ddd;
			background-color: #fff;
			text-align: left;
			visibility: hidden;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Triangulo {
			position: absolute;
			z-index: auto;
			top:-8px;
			left:16px;
			border-left:8px solid transparent;
			border-right:8px solid transparent;
			border-bottom:8px solid #ddd;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Triangulo .Triangulo2 {
			position: absolute;
			z-index: auto;
			top:2px;
			left:-6px;
			border-left:6px solid transparent;
			border-right:6px solid transparent;
			border-bottom:6px solid #fff;
		}
		.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion:hover .Enc_Lista {
			visibility: visible;
		}
		/* SUB-OPCIONES */
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion {
				position: relative;
				z-index: auto;
				display: inline-block;
				height: 32px;
				line-height: 32px;
				vertical-align: middle;
				padding:0px;
				margin:0px;
				box-sizing: border-box;
				border-bottom: 1px dashed #eee;
				width: 100%;
				min-width: 180px;
			}
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion:last-child {
				border-bottom: none;
			}
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_Opcion_Texto {
				display: block;
				position: relative;
				z-index: auto;
				padding-left:8px;
				padding-right: 24px;
				box-sizing: border-box;
				text-decoration: none;
				color:#666;
				font-size:13px;
				line-height: 33px;
				height: 33px;
				cursor: pointer;
				margin-top:-2px;
			}
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion:hover .Enc_Lista_Opcion_Texto {
				background-color: #eee;
				color:#442187;
			}
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion div.Enc_Lista_Opcion_Texto {
				cursor: default;
			}
			.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion div.Enc_Lista_Opcion_Texto::after {
				display: inline-block;
				position: absolute;
				z-index: auto;
				right:4px;
				content: '>';
				font-size:14px;
				padding-left:8px;
				color:#ff2316;
				vertical-align: top;
				height: 32px;
				line-height: 32px;
				transform: scale(1, 0.5); 
				-webkit-transform: scale(0.5, 1); 
				-moz-transform: scale(0.5, 1); 
				-ms-transform: scale(0.5, 1);
				-o-transform: scale(0.5, 1);
				transition: color ease-in 0.2s;
				-webkit-transition: color ease-in 0.2s;
			}
				/* SUB SUB OPCIONES */
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 {
					position: absolute;
					left:100%;
					top:-2px;
					background-color: #fff;
					border:1px solid #ddd;
					visibility: hidden;
				}
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion:hover .Enc_Lista_2 {
					visibility: visible;
				}

				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 .Enc_Lista_Opcion_2 {
					display: block;
					position: relative;
					z-index: auto;
					padding-left:8px;
					padding-right: 24px;
					box-sizing: border-box;
					text-decoration: none;
					color:#666;
					font-size:13px;
					line-height: 33px;
					height: 33px;
					cursor: pointer;
					margin-top:-2px;
					border-bottom: 1px dashed #eee;
				}
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 .Enc_Lista_Opcion_2:hover {
					background-color: #eee;
					color:#442187;					
				}
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 .Enc_Lista_Opcion_2:last-child {
					border-bottom: none;
				}
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 .Triangulo {
					position: absolute;
					z-index: auto;
					top:8px;
					left:-8px;
					border-top:8px solid transparent;
					border-left:none;
					border-right:8px solid #ddd;
					border-bottom:8px solid transparent;
				}
				.Encabezado .Enc_Menu .Enc_Opciones .Enc_Opcion .Enc_Lista .Enc_Lista_Opcion .Enc_Lista_2 .Triangulo .Triangulo2 {
					position: absolute;
					z-index: auto;
					top:-6px;
					left:2px;
					border-top:6px solid transparent;
					border-left:none;
					border-right:6px solid #fff;
					border-bottom:6px solid transparent;
				}
		/* ENCABEZADO MINI */
			.Enc_Mini .Enc_Menu {
				height: 48px !important;
			}
			.Enc_Mini .Enc_Menu .Enc_Logo {
				top:4px;
				width:114px;
				height: 40px;
				transition: all ease 0.5s;
				-webkit-transition: all ease 0.5s;
			}
			.Enc_Mini .Enc_Menu .Enc_Opciones {
				top:8px;
			}

/* PIE DE PAGINA */
		.PiePagina {
			position: relative;
			z-index: 4000;
			background-color:#eee;
			border-top:1px solid #ddd;
			border-bottom: 8px solid #442187;
			color:#442187;
			width:100%;
			height: 64px;
			line-height: 64px;
			font-size:14px;
			box-shadow: 0px 0px 8px #999;
		}
		
		.PiePagina .Pie_Logo {
			display: inline-block;
			position: relative;
			z-index: auto;
			width:96px;
			height: 48px;
			margin-right: 16px;
			background-size: contain;
			background-position: left;
			background-repeat: no-repeat;
			background-image: url(Imagenes/Batek.png);
			vertical-align: middle;
		}
		.PiePagina .Pie_Opciones { 
			position: absolute;
			z-index: auto;
			top:0px;
			right:0px;
			height: 100%;
			display: block;
			text-align: right;
		}
		.PiePagina .Pie_Opciones .Vinculo {
			margin-right: 32px;
		}
		.PiePagina .Pie_Opciones .Vinculo:last-child {
			margin-right: 0px;
		}

/* CONTENIDO */
	.Contenido {
		position: relative;
		z-index: 100;
		width:100%;
		padding-top:132px;
		box-sizing: border-box;
		min-height: calc(100vh - 48px);
		height: auto;
	}
		/* CONTENIDO GENERAL */
			/* ENCABEZADO CON IMAGEN */
					.Contenido_Encabezado {
						display: block;
						position: relative;
						z-index: auto;
						height: 360px;
						width:100%;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
						box-sizing:border-box;
						cursor: default;
					}
					.Contenido_Encabezado .Encabezado_Fondo {
						display: block;
						position: absolute;
						z-index: 100;
						top:0px;
						left:0px;
						width:100%;
						height: 100%;
						background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
					}
					.Contenido_Encabezado .Texto_Encabezado {
						display: table;
						position: absolute;
						z-index: 200;
						width:40%;
						left:9%;
						height: 100%;
						color:#fff;
						padding:16px;
					}
					.Contenido_Encabezado .Texto_Encabezado .Celda_Encabezado {
						display: table-cell;
						width: 100%;
						height: 100%;
						vertical-align: bottom;
						text-align: left;
						padding:32px 16px;
						font-size:18px;
						line-height: normal;
						color:#eee;
					}
					.Contenido_Encabezado .Texto_Encabezado .Celda_Encabezado h1 {
						font-size:32px;
						font-weight: normal;
						padding:0px;
						margin: 0px;
						color:#fff;
						line-height: 36px;
					}
			/* ENCABEZADO SIN IMAGEN */
					.Contenido_Encabezado_Texto {
						display: block;
						position: relative;
						z-index: auto;
						background-color: #ccc;
						width:100%;
						box-sizing:border-box;
						cursor: default;
						margin: 0px;
						padding-top:8px;
						padding-bottom: 8px;
						font-size:18px;
						box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
					}
					.Contenido_Encabezado_Texto h1 {
						font-size:28px;
						font-weight: normal;
						padding:0px;
						margin: 0px;
						line-height: 36px;
					}
			.Contenido_Bloque {
				margin-top:32px;
				margin-bottom:32px;
				color:#333;
				border-left:4px solid #eee;
				padding-left:16px;
				box-sizing: border-box;
			}
			.Contenido_1Col {
				column-count: 1;
				-webkit-column-count: 1;
				-moz-column-count: 1;
			}
			.Contenido_2Col {
				column-count: 2;
				-webkit-column-count: 2;
				-moz-column-count: 2;
				column-gap: 42px;
				-webkit-column-gap: 42px;
				-moz-column-gap: 42px;
			}
			.Contenido_Bloque h1 {
				padding: 0px;
				margin: 0px;
			}
		/* CONTENIDO PARTES */
			.Contenido_BloqueImagenes {
				position: absolute;
				z-index: auto;
				width:35%;
				left:65%;
			}
			.Contenido_BloqueImagenes .Contenido_ImagenesV {
				position: relative;
				z-index: auto;
				margin-bottom: 16px;
				width:100%;
			}

		/* GALERIA IMAGENES */
			.Contenido_Galeria {
				position: relative;
				z-index: auto;
			}
			.Contenido_Galeria .Imagen_Principal {
				position: relative;
				z-index: auto;
				width: 100%;
				padding-top: 66%;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				cursor: pointer;
			}
			.Contenido_Galeria .Imagen_Principal:hover {
				box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
			}
			.Contenido_Galeria .Galeria_Thumbnails {
				position: relative;
				z-index: auto;
				display: flex;
				width: 100%;
				padding: 8px 0px;
				flex-wrap: wrap;
				justify-content: space-between;
			}
			.Contenido_Galeria .Galeria_Thumbnails .Imagen_Thumb {
				position: relative;
				z-index: auto;
				float: left;
				width: calc(33.33% - 6px);
				padding-top:20%;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				cursor: pointer;
				margin-bottom: 8px;
				box-sizing: border-box;
			}
			.Contenido_Galeria .Galeria_Thumbnails .Imagen_Thumb:hover {
				box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
			}


	/* AGENDA */
		.Agenda_Titulo_P {
			position: relative;
			z-index:auto;
			width:100%;
			padding-top:8px;
			padding-bottom:8px;
			background-color:#eee;
			box-shadow:0px 4px 8px rgba(0,0,0,0.3);
			top:-4px;
		}
		.Agenda_Titulo_P h1 {
			font-weight:normal;
			font-size: 18px;
			padding:0px;
			margin:0px;
		}
		.Agenda_Titulo_P h2 {
			font-weight:normal;
			font-size: 14px;
			padding:0px;
			margin:0px;
		}
		.Agenda_Titulo_P .Agenda_Fecha {
			font-size:12px;
			font-style:italic;
		}
		
		.Agenda_Lista {
			position:absolute;
			z-index:auto;
			width:300px;
			right:0px;
		}
		
		.Agenda_Bloque {
			position: relative;
			z-index: auto;
			margin-top:32px;
			margin-bottom: 32px;
		}
		.Agenda_Bloque .Agenda_Evento {
			display: block;
			position: absolute;
			z-index: auto;
			width:32%;
			height: 240px;
			border:1px solid #ddd;
			overflow: hidden;
			cursor: pointer;
			text-decoration: none;
		}
		.Agenda_Bloque .Agenda_Evento .Agenda_Imagen {
			position: absolute;
			z-index: auto;
			top:0px;
			left:0px;
			width:100%;
			height: 100%;
			overflow: hidden;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			transition: transform ease 0.5s;
			-webkit-transition: transform ease 0.5s;
		}
		.Agenda_Bloque .Agenda_Evento:hover .Agenda_Imagen {
			 transform: scale(1.2);
		}
		.Agenda_Bloque .Agenda_Evento .Agenda_Titulo {
			position: absolute;
			z-index: auto;
			bottom: 0px;
			left:0px;
			width:100%;
			background-color: #666;
			color:#fff;
			padding-left:8px;
			font-size:13px;
			font-weight: normal;
			height:32px;
			line-height:32px;
			box-sizing: border-box;
		}
		.Agenda_Bloque .Agenda_Evento .Agenda_Titulo .Agenda_Fecha {
			position:absolute;
			z-index:auto;
			right:0px;
			text-align:right;
			top:0px;
			padding-right:8px;
			height:32px;
			line-height:32px;
			font-size:12px;
			font-style:italic;
		}

		/* GALERIA */
			.Seccion_Galeria100 {
				position: relative;
				z-index: auto;
				width:100%;
				margin-bottom: 64px;
			}
			.Seccion_Galeria100 .Seccion_Galeria_Imagen {
				position: absolute;
				z-index: auto;
				width:120px;
				height: 300px;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
			}


	/* PORTADA */
		
			.Portada_Slides {
				position: relative;
				z-index: auto;
				width:100%;
				height: calc(100vh - 132px - 48px);
				border-bottom: 1px solid #ddd;
			}
			.Portada_Slides .Portada_Slide {
				position: absolute;
				z-index: auto;
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				visibility: visible;
				opacity: 1.0;
				transition: opacity ease 0.5s;
				-webkit-transition: opacity ease 0.5s;
				cursor: default;
			}

			.Portada_Slides .Portada_Slide_Esconde {
				visibility: hidden;
				opacity: 0.0;
				transition: opacity ease 0.5s,visibility ease 0.1s 0.5s;
				-webkit-transition: opacity ease 0.5s,visibility ease 0.1s 0.5s;
			}
			.Portada_Slides .Portada_Slide .Portada_Flecha {
				position: absolute;
				z-index: 500;
				top:50%;
				margin-top:-48px;
				color:#fff;
				height: 96px;
				line-height: 96px;
				font-size:96px;
				font-weight: bold;
				transform: scale(1, 0.5); 
				-webkit-transform: scale(0.5, 1); 
				-moz-transform: scale(0.5, 1); 
				-ms-transform: scale(0.5, 1);
				-o-transform: scale(0.5, 1);
				cursor: pointer;
			}
			.Portada_Slides .Portada_Slide .Portada_FlechaIzq {
				z-index: 500;
				left:32px;
			}
			.Portada_Slides .Portada_Slide .Portada_FlechaDer {
				z-index: 505;
				right:32px;
			}
			.Portada_Slides .Portada_Slide .Portada_Contenedor_Full {
				display: block;
				position: absolute;
				z-index: auto;
				width:100%;
				height: 100%;
			}
			.Portada_Slides .Portada_Slide .Portada_Contenedor_Titulo {
				display: table;
				position: absolute;
				z-index: auto;
				width:80%;
				left:10%;
				height: 100%;
				padding:32px;
				box-sizing: border-box;
			}
			.Portada_Slides .Portada_Slide .Portada_Contenedor_Titulo .Portada_CT_Celda {
				display: table-cell;
				width:100%;
				text-align: center;
				vertical-align: middle;
			}
			.Portada_Slides .Portada_Slide .Portada_Titulo {
				display: inline-block;
				max-width: 40%;
				width:auto;
				font-size:40px;
				font-family: 'Oswald', sans-serif;
				line-height: 40px;
			}
			.Portada_Slides .Portada_Slide .Portada_Titulo .Portada_Subtitulo {
				font-size:24px;
				font-family: 'Open Sans', sans-serif;
				line-height: normal;
			}
			.Portada_Contenedor_Vinculos {
				display: block;
				font-size:16px;
				margin-top:16px;
			}
			.Portada_Contenedor_Vinculos .Portada_Vinculo {
				position: relative;
				display: inline-block;

				width:auto;
				margin-right: 16px;
			}
			.Portada_Contenedor_Vinculos .Portada_Vinculo:last-child {
				margin-right: 0px;
			}
			.Portada_Contenedor_Vinculos a.Portada_Vinculo:after {
				display: inline-block;
				content: '>';
				padding-left:8px;

				transform: scale(1, 0.5); 
				-webkit-transform: scale(0.5, 1); 
				-moz-transform: scale(0.5, 1); 
				-ms-transform: scale(0.5, 1);
				-o-transform: scale(0.5, 1);
			}			

		/* CATEGORIAS */
			.OA_Barra {
				position: relative;
				z-index: auto;
				width:100%;
				height: 156px;
				background-color: #442187;
				color:#fff;
				margin-bottom: 32px;
			}
			.OA_Barra .OA_Categoria {
				position: relative;
				z-index: auto;
				display: inline-block;
				float: left;
				width:30%;
				height: 156px;
				box-sizing: border-box;
				padding:24px;
				border-left:1px solid rgba(255,255,255,0.5);
				cursor: pointer;
				text-decoration: none;
			}
			.OA_Barra .OA_Categoria:hover {
				background-color: rgba(255,255,255,0.1);
			}
			.OA_Barra .OA_Categoria:last-child {
				border-right:1px solid rgba(255,255,255,0.5);
			}
			.OA_Barra .OA_Categoria h1 {
				margin: 0px;
				padding: 0px;
				font-size:18px;
				font-weight: normal;
				text-decoration: none;
				color:#fff;
			}

			.OA_Barra .OA_Categoria .OA_Desc {
				margin-top: 4px;
				font-size:12px;
				color:#eee;
				line-height: 22px;
			}

	/* PANTALLAS CONTENIDO */





	/* PANTALLA OFERTA ACADEMICA */
		.OA_Categorias {
			position: relative;
			z-index: 500;
			width:100%;
			height: 72px;
			background-color: #442187;
			color:#fff;
			padding-top:8px;
			box-sizing: border-box;
			box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
		}
		.OA_Categorias .OA_Opciones {
			position: absolute;
			z-index: auto;
			bottom: 0px;
			height: 32px;
		}

		.OA_Categorias .OA_Categoria {
			display: inline-block;
			position: relative;
			z-index: auto;
			color:#fff;
			text-decoration: none;
			margin-right: 32px;
			box-sizing: border-box;
			font-size:13px;
			font-weight: 100;
			line-height: 24px;
			height: 32px;
			border-bottom: 4px solid transparent;
		}
		.OA_Categorias .OA_Categoria:last-child {
			border-right: 0px;
		}
		.OA_Categorias .OA_Categoria:hover {
			border-bottom-color: #eee;
		}
		.OA_Categorias .OA_Categoria_Sel {
			border-bottom-color: #fff !important;
			font-weight: bold !important;
		}
		/* IMAGEN GRANDE */
			.OA_Categoria_Imagenes {
				position: relative;
				z-index: 100;
				width:100%;
				height: 50vh;
			}
			.OA_Categoria_Imagenes .OA_Categoria_Imagen {
				position: absolute;
				z-index: auto;
				width:100%;
				height: 100%;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				visibility: visible;
				opacity:1.0;
				transition: opacity ease 0.5s;
				-webkit-transition: opacity ease 0.5s;
			}
			.OA_Categoria_Imagenes .OA_Categoria_Imagen_Esconde {
				visibility: hidden;
				opacity: 0.0;
				transition: opacity ease 0.5s,visibility ease 0.1s 0.5s;
				-webkit-transition: opacity ease 0.5s,visibility ease 0.1s 0.5s;
			}

	/* CUADROS DE CURSOS */
		.OA_Bloque {
			position: relative;
			z-index: auto;
			width: 82%;
			margin-top:32px;
			margin-bottom: 32px;
			margin-left: auto;
			margin-right: auto;
		}
		.OA_Titulo {
			position: relative;
			z-index: auto;
			font-weight: normal;
			color:#666;
			margin-bottom: 8px;
		}
		.OA_Renglon {
			position: relative;
			z-index: auto;
			width:100%;
			min-height: 282px;
			overflow: hidden;
		}
		.OA_Renglon_Cursos {
			position: absolute;
			z-index: 500;
			left:0px;
			min-width:100%;
			transition: left ease-in-out 0.5s;
			-webkit-transition: left ease-in-out 0.5s;
		}
		.OA_Bloque .OA_BotonRecorre {
			position: absolute;
			z-index: 1000;
			top:50%;
			margin-top:-24px;
			width:48px;
			height: 48px;
			border-radius: 50%;
			background-color: #fff;
			border:1px solid #ddd;
			text-align: center;
			vertical-align: middle;
			line-height: 48px;
			cursor: pointer;
			text-decoration: none !important;
		}
		.OA_Bloque .OA_BotonRecorre_Der {
			right:-24px;
		}
		.OA_Bloque .OA_BotonRecorre_Max {
			right:-24px;
			font-weight: bold;
			border:1px solid #999;
		}
		.OA_Bloque .OA_BotonRecorre_Izq {
			left:-24px;
		}
		.OA_Bloque .OA_BotonRecorre:hover {
			box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
		}
		.OA_Bloque .OA_BotonRecorre_Invis {
			visibility: hidden;
		}
			/* CURSOS */
				.OA_Curso {
					display: inline-block;
					position: relative;
					z-index: auto;
					width:240px;
					height: 280px;
					border:1px solid #ddd;
					background-color: #fff;
					box-sizing: border-box;
					float:left;
					margin-right: 16px;
					margin-bottom:16px;
					cursor: pointer;
					text-decoration: none;
				}
				.OA_Curso:last-child {
					margin-right: none;
				}
				.OA_Curso .OA_Imagen {
					position: absolute;
					z-index: 500;
					top:0px;
					left:0px;
					width:100%;
					height: 50%;
					background-color: #eee;
					border-bottom: 1px solid #ddd;
					background-position: center;
					background-size: cover;
					background-repeat: no-repeat;
				}
				.OA_Curso .OA_Desc {
					position: absolute;
					z-index: 400;
					top:50%;
					left: 0px;
					width:100%;
					height: 50%;
					padding:8px;
					font-size:13px;
					color:#666;
					box-sizing: border-box;
				}
				.OA_Curso .OA_Desc h1 {
					padding: 0px;
					margin: 0px;
					font-size:14px;
					font-weight: bold;
					color:#666;
					line-height: 20px;
					
					box-sizing: border-box;
				}
				.OA_Curso .OA_Desc .OA_ImpartidorPor {
					position: relative;
					z-index: auto;
					padding-top:8px;
					line-height: 24px;
					color:#999;
				}
				.OA_Curso .OA_Desc .OA_MasInfo {
					position: absolute;
					z-index: auto;
					bottom: 0px;
					left:0px;
					width:100%;
					height: 4px;
					line-height: 24px;
					font-size: 12px;
					color:#fff;
					background-color: #999;
					box-sizing: border-box;
					padding:0px;
					padding-right:8px;
					text-align: right;
					overflow: hidden;
					transition: height ease-in-out 0.5s;
					-webkit-transition: height ease-in-out 0.5s;
				}
				.OA_Curso:hover .OA_Desc .OA_MasInfo {
					height: 24px;
				}

	/* CURSO INTERIOR */
		.OA_Encabezado {
			position: relative;
			z-index: auto;
			width:100%;
			height: 320px;
			background-color: #ccc;
			box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
			cursor: default;
		}
		.OA_Encabezado .OA_Texto {
			position: absolute;
			z-index: auto;
			width:60%;
			top:0px;
			left:0px;
			color:#fff;
			padding-top:16px;
			padding-bottom:16px;
			box-sizing: border-box;
		}
		/* CATEGORIA */
			.OA_Encabezado .OA_Texto2 {
				position: absolute;
				z-index: auto;
				width:60%;
				bottom:16px;
				left:0px;
				color:#fff;
				box-sizing: border-box;
			}
			.OA_Encabezado .OA_Texto2 .Vinculo {
				color:#fff;
				text-decoration:none;
			}
			.OA_Encabezado .OA_Texto2 .Vinculo::before {
				display: inline-block;
				content: '<';
				font-size:14px;
				padding-left:8px;
				color:#fff;
				vertical-align: top;
				height: 24px;
				line-height: 24px;
				transform: scale(0.5, 1); 
				-webkit-transform: scale(0.5, 1); 
				-moz-transform: scale(0.5, 1); 
				-ms-transform: scale(0.5, 1);
				-o-transform: scale(0.5, 1);
			}
			.OA_Encabezado .OA_Texto2 .Vinculo:hover {
				text-decoration: underline;
			}

		.OA_Encabezado .OA_Imagen {
			position: absolute;
			z-index: auto;
			width:calc(40% - 32px);
			right: 0px;
			top:16px;
			height: calc(100% - 32px);
			border:4px solid #fff;
			background-color: #ccc;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			box-sizing: border-box;
		}

		.OA_Encabezado .OA_Texto h1 {
			font-size:24px;
			padding:0px;
			margin: 0px;
			font-family: 'Open Sans',sans-serif;
			font-weight: normal;
			line-height: normal;
			margin-bottom: 8px;
		}

		.OA_Encabezado .OA_Texto h2 {
			font-size:16px;
			padding:0px;
			margin: 0px;
			font-family: 'Open Sans',sans-serif;
			font-weight: normal;
			line-height: normal;
			color:#eee;
			margin-bottom: 8px;
		}

		.OA_Encabezado .OA_Texto h3 {
			font-size:18px;
			padding:0px;
			margin: 0px;
			font-family: 'Open Sans',sans-serif;
			font-weight: normal;
			line-height: normal;
			color:#eee;
			margin-bottom: 8px;
			font-style: italic;
		}

		.OA_Encabezado .OA_Texto .OA_Info {
			position: relative;
			z-index: auto;
			font-size:13px;
			line-height: 18px;
			min-height: 18px;
			margin-right: 16px;
			padding-left:24px;
		}
		.OA_Encabezado .OA_Texto .OA_InfoEspecial {
			font-weight: bold;
			
		}
		.OA_Encabezado .OA_Texto .OA_Icono {
			position: absolute;
			z-index: auto;
			left:0px;
			top:2px;
			width:16px;
			height: 16px;
		}
		.OA_Contenido {
			position: relative;
			z-index: auto;
			color:#666;
			margin-top:32px;
			margin-bottom: 64px;
			width:60%;
		}


/*****************************************************
					FORMULARIO 
*****************************************************/
		.Formulario {
			
		}
		.Formulario .Form_Renglon {
			margin-bottom:16px;
		}
		.Formulario .Form_Renglon .Form_Etiqueta {
			color:#6e0000;
			font-size:16px;
			font-weight: 300;
			font-family: 'Alegreya Sans', sans-serif;
			margin-bottom: 4px;
		}
		.Formulario .Form_Renglon .Form_TA {
			resize: none;
			width:100%;
			height: 120px;
			font-size:14px;
			color:#666;
			border:1px solid #ccc;
			padding:8px;
			box-sizing: border-box;
			font-family: 'Alegreya Sans', sans-serif;
		}
		.Formulario .Form_Renglon .Form_Text {
			resize: none;
			width:100%;
			font-size:14px;
			color:#666;
			border:1px solid #ccc;
			padding:8px;
			box-sizing: border-box;
			font-family: 'Alegreya Sans', sans-serif;
		}
		.Formulario .Form_Botones {
			position: relative;
			z-index: auto;
			border-top:1px solid #ccc;
			margin-top:16px;
			padding-top: 16px;
			text-align: center;
		}
		.Formulario .Form_Botones .Form_Boton {
			display: inline-block;
			position: relative;
			z-index: auto;
			border:none;
			background-color: #6e0000;
			color:#fff;
			height: 32px;
			padding-left:8px;
			padding-right: 8px;
			min-width: 120px;
			text-transform: uppercase;
			cursor: pointer;
		}
		.Formulario .Form_Botones .Form_Boton:hover {
			background-color: #8e2222;
		}
/*****************************************************
					COMUNES 
*****************************************************/
	/* BOTON GRIS */
		.Boton_Gris {
			display: inline-block;
			text-decoration: none !important;
			height: 32px;
			line-height: 30px;
			border:2px solid #fff;
			background-color: #fff;
			padding:0px;
			padding-left:16px;
			padding-right: 16px;
			border-radius: 16px;
			font-family: 'Alegreya Sans', sans-serif;
			font-size:14px;
			font-weight: bold;
			color:#333 !important;
			margin-left:4px;
			margin-right: 4px;
			transition:all 0.2s ease-in;
			-webkit-transition:all 0.2s ease-in;
			box-sizing: border-box;
		}
		.Boton_Gris:hover {
			color:#fff !important;
			border:2px solid #ccc;
			background-color: transparent;
		}
		.Boton_GrisC {
			display: inline-block;
			text-decoration: none;
			height: 32px;
			line-height: 32px;
			background-color: #aaa;
			padding-left:16px;
			padding-right: 16px;
			border-radius: 16px;
			font-family: 'Alegreya Sans', sans-serif;
			font-size:14px;
			font-weight:normal;
			color:#eee;
			margin-left:4px;
			margin-right: 4px;
			text-transform: uppercase;
			cursor: pointer !important;
		}
		.Boton_GrisC:hover {
			background-color: #999;
		}




	iframe.Formato {
		width:100%;
		border: none;
		min-height: 200px;
	}