.contenedor-malla {
	width: 100%;
	font-size: .8em;
	text-transform: uppercase;
}

.contenedor-malla .malla {
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	text-align: center;
	gap: 4%;
}

.contenedor-malla .malla .columna {
	width: 50%;
}

.contenedor-malla a {
	background: #036032;
	color: #FFF;
	padding: 3px 4px 5px 4px;
	line-height: 14px;
	border-radius: 3px;
	font-size: .9em;
}

.contenedor-malla .malla .columna .periodos .periodo {
	background: #002749;
	color: #FFF;
	border-radius: 5px;
	padding: 2px 0;
	/*width: 10%;*/
	margin-bottom: 10px;
}

.contenedor-malla .malla .columna .periodos .modulo {
	border-radius: 5px;
	/*width: 100%;*/
	overflow: hidden;
	margin-bottom: 10px;
}

.contenedor-malla .malla .columna .periodos .color-1 {
	border: 2px solid #C6D9F1;
}

.contenedor-malla .malla .columna .periodos .color-2 {
	border: 2px solid #A9D08E;
}

.contenedor-malla .malla .columna .periodos .color-3 {
	border: 2px solid #D6E3BC;
}

.contenedor-malla .malla .columna .periodos .color-4 {
	border: 2px solid #FFFF00;
}

.contenedor-malla .malla .columna .periodos .color-5 {
	border: 2px solid #808080;
}

.contenedor-malla .malla .columna .periodos .color-6 {
	border: 2px solid #8ddaf9;
}

.contenedor-malla .malla .columna .periodos .color-7 {
	border: 2px solid #f1b770;
}

.contenedor-malla .malla .columna .periodos .color-8 {
	border: 2px solid #89e0a7;
}

.contenedor-malla .malla .columna .periodos .color-9 {
	border: 2px solid #fff2cc;
}

.contenedor-malla .malla .columna .periodos .color-10 {
	border: 2px solid #ffccff;
}


.contenedor-malla .malla .columna .periodos .modulo .materia {
	/*width: 100%;*/
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9em;
	line-height: 14px;
	padding: 0 5px;
	font-weight: 500;
}

.contenedor-malla .malla .columna .periodos .modulo .horas {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15%;
	font-size: .8em;
	font-weight: 600;
	line-height: 12px;
}

.contenedor-malla .malla .columna .periodos .modulo .color-1 {
	background: #C6D9F1;
}

.contenedor-malla .malla .columna .periodos .modulo .color-2 {
	background: #A9D08E;
}

.contenedor-malla .malla .columna .periodos .modulo .color-3 {
	background: #D6E3BC;
}

.contenedor-malla .malla .columna .periodos .modulo .color-4 {
	background: #FFFF00;
}

.contenedor-malla .malla .columna .periodos .modulo .color-5 {
	background: #808080;
}

.contenedor-malla .malla .columna .periodos .modulo .color-6 {
	background: #8ddaf9;
}

.contenedor-malla .malla .columna .periodos .modulo .color-7 {
	background: #f1b770;
}

.contenedor-malla .malla .columna .periodos .modulo .color-8 {
	background: #89e0a7;
}

.contenedor-malla .malla .columna .periodos .modulo .color-9 {
	background: #fff2cc;
}

.contenedor-malla .malla .columna .periodos .modulo .color-10 {
	background: #ffccff;
}

.contenedor-malla .malla .columna .periodos .modulo .horas div {
	padding: 2px 0 1px 0;
}

@media screen and (max-width: 412px) {
	.contenedor-malla .malla .columna .periodos .modulo .materia {
		line-height: 9px;
		height: 40px;
		font-size: .8em;
	}

	.contenedor-malla .malla .columna .periodos .modulo .horas {
		gap: 10%;
		line-height: 5px;
	}
}

@media (min-width: 413px) and (max-width: 1125px) {
	body {
		font-size: .8em;
	}
}