@import url('https://fonts.googleapis.com/css?family=Spinnaker');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');

/********************* Ocultar Horarios***********************/
/*
 .btnmodalIng{
	display: none;

}
#table_edu{
	display: none;
}*/  
/*cambia block cuando hay horarios none cuando no hay*/
#table_edu_wrapper{
	display: block;
}
/* afecta a todas las tablas */
.dataTables_wrapper{ display: block; }

/*.dataTables_wrapper{ display: none; }
.divmodal{
	display: none;
}/*
.btnmodalsem{
	display: none;
}*/
.lenguaje, .en{
	display: none;
}
.ingDivActualizandoHorarios{
	margin-top: 5%;
	margin-bottom: 5%;
	display: block;
}
.eduDivActualizandoHorarios{
	margin-top: 5%;
	margin-bottom: 5%;
	display: block; 
}
.salDivActualizandoHorarios{
	margin-top: 5%;
	margin-bottom: 5%;
	display: block;
}/*
.semDivActualizandoHorarios{
	margin-top: 5%;
	margin-bottom: 5%;
	display: block;
}
/*********************************************/
#titulo{
	text-align: center;
	padding: 51px;
	background: #93014a;
	height: 100px;
	
}
body div#titulo.row{
margin-right: 0px !important;
margin-left: -15px !important ;
}
.row{
	margin-left: 0px;
	margin-right: 0px;
}


.contenedor {
	max-width: 1620px;
	padding-top:25px;
	margin: 0 auto;
	margin-left: auto;
	text-align: center;
	font-weight: bold;
	user-select: none;
/* 	padding-left: 88px; */
/* 	padding-right: 116px; */
}
h2{
	text-align: left;
}
h3{
	text-align: left;
}
section.contenedor div.item-page h3{
	text-align: left;
} 
/****************************************Menu Principal********************************************************************/
/*Guia primavera*/
.guiastitulo{
	color:#FFF;
 	font-family: 'Montserrat'; 
 	font-size:30px !important; 
	font-weight: 600;
	background: #93014a;
}
.imgIcon{
	height:35px; 
}
.imgIconhorario{
	width: 6% !important;
	height:35px; 
}
/*Elige tu Perfil*/
.guiastitulo1{
	color:#7a7a7a;
	font-family: 'Montserrat'; 
	font-size:30px !important;
	font-weight: 500;
	
	margin-top: 50px;
    margin-bottom: 50px;
}/*INSCRIPCION REINSCRIPCION*/
.guiasbtn, .guiasbtnLicC, .guiasbtnLic, .guiasbtnAbi, .guiasbtnOnl, .guiasbtnPost{
	cursor: pointer;
	user-select: none;
	widht:640px;
	height:200px;
	background:#475c7a;
	padding: 60px;
	margin-bottom: 50px;
}
.guiasbtnPost{
	padding: 30px 60px
}
/*HORARIOS*/
.guiasbtnAbi.horario,
.guiasbtnLic.horario,
.guiasbtnLicC.horario,
.guiasbtn.horario,
.guiasbtnOnl.horario,
.guiasbtnPost.horario{

	color:#FFF;
 	font-family: 'Montserrat'; 
 	font-size:30px !important;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	background:#4cb1ad;
	widht:1500px;
	height:100px;
	padding: 30px;
	margin-bottom: 40px;
}


.tituloPerfil{
 	color:#fff;
	font-family: 'Montserrat';
	font-size: 28px;
	font-weight: 700;
	margin-bottom:0px !important;
	padding-top:0px !important;  
	padding-bottom:0px !important;  
}
/*
ALUMNOS DE NUEVO INGRESO - ALUMNOS DE SEGUNDO SEMESTRE
EN ADELANTE*/
.subtituloPerfil{
	color:#fff;
	font-family: 'Montserrat';
	font-size:20 px;
	font-weight: 400;
	margin-bottom:0px !important; 
}
.tituloPerfil.horario{
	color: #FFF;
	font-family: 'Montserrat';
	font-size: 30px !important;
	font-weight: 600;
	padding: 27px;
	margin-bottom:0px !important; 
}

/**************************************************************************************************************************/
.cuadros{
	width: 94%;
	height: 81%;
}

.ingenierias {
	font-size: 20px;
	font-family: 'Montserrat';
	/*width: 600px;*/
	width:100%;
	/*height: 165px;*/
	height:100%;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid;
	color:#000;  
	padding: 50px;
	
}

 .educacion {
 	font-size: 20px;
	font-family: 'Montserrat';
/* 	width: 600px; */
	width:100%;
	height:100%;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid;
	color:#000;  
	padding: 50px;
}

 .salud {
 	font-size: 20px;
	font-family: 'Montserrat';
	width:100%;
	height:100%;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid;
	color:#000;
	padding: 50px; 
}

 .semestrales {
 	font-size: 20px;
	font-family: 'Montserrat';
	width:100%;
	height:100%;
	text-align: center;
	margin-bottom: 10px;
	border: 1px solid;
	color:#000; 
	padding: 50px;
}
.divRojo{
	width: 100%;
	height: 30px;
	
}

.divRojo.ing{
	background: #aa0003;
}

.divRojo.edu{
	background: #cf851c;
}
.divRojo.sal{
	background: #006872;
}
.divRojo.sem{
	background: #4d802c;
}

/*********************************************Textos************************************************************/
.rectanguloRojo{
	/*width:1410px;*/
	width: 100%;
	min-height:74px;
	background:#b30000;
	margin-top: 40px;
}

.titulosAreas{
	font-family: 'Spinnaker';
	font-size: 28px;
	color:#fff;
	padding: 1%;
}

.titulosGuia{
	font-family:'Montserrat';
	 font-size: 32px;
	font-weight: 700; 
	color:#93014a;
	margin: 20px 0px;
}
.contenedorPaso{
	margin-bottom: 30px;
	padding-left: 34px;
	width: 98%;
	
}
.cuadroFondoPasos{
width: 8%;
height: 96px;
float: left;

}
.cuadroFondoPasos.paso1fondo{
	background:#ce344c;
	
}
.cuadroFondoPasos.paso2fondo{
	background:#8f2570;
}
.cuadroFondoPasos.paso3fondo{
	background:#67b0bf;

}
.cuadroFondoPasos.paso4fondo{
	background:#3c6cac;
	
}
.cuadroFondoPasos.paso5fondo{
	background:#008F39;
	
}
.cuadroFondoPasos.paso6fondo{
	background:#f57c00;
	
}

.textoPasos{
	font-family:'Montserrat';
 	font-size: 21px;
	font-weight: 700; 
	color:#FFF;
	max-height: 10px;
}
.numeros1234{
	font-family:'Montserrat';
	font-size: 60px;
	font-weight: 700; 
	color:#FFF;
}

.rectanguloTitulosPasos{
	/*width: 1234px;*/
	width:92%;
	height: 96px;
	border: solid 1px;
	border-color:#c9c9c9;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	padding-left: 46px;
}

.textoTitulosPasos{
 font-family: 'Spinnaker';
 font-weight:400;
 font-size:  28px;
}
.colorTituloPaso1{
 color:#ce344c;
}
.colorTituloPaso2{
 color:#8f2570; 
}
.colorTituloPaso3{
 color:#67b0bf;
}
.colorTituloPaso4{
 color:#3c6cac;
}
.cuadroIconosContenido{
	
	float: left;
	
}
.cuadroContenido{
	text-align: left;
	font-weight: normal;
	font-family: 'Montserrat';
}
.cuadroContenido ul{
	margin-left: 40px;
}
.textoContenido{
 	font-family:'Montserrat';
 	font-size: 18px;
	font-weight: 400; 
	color:#000;
	padding-left: 60px;
}
.table {
	font-family:'Montserrat';
	font-size: 16px;
}
.textoContenido.list{
	padding-left: 80px;
}
.contenidoPasoAlerta{
	border: solid 1px;
	border-color:#c9c9c9;
	/*width: 1344px;*/
	width: 96%;
/* 	padding-left: 121px; */
	padding-left: 10%;
	margin-left: 2%;
	padding-right: 1%;
	margin: 3%;
	padding-top: 2%;
}
.textoContenidoColor1{
	font-family:'Montserrat';
 	font-size: 18px;
	font-weight: 400; 
	text-align:left;
	color:#ce344c;
}
.textoContenidoColor2{
	font-family:'Montserrat';
 	font-size: 18px;
	font-weight: 400; 
	text-align:left;
	color:#8f2570; 
}

.textoContenidoColor4{
	font-family:'Montserrat';
 	font-size: 18px;
	font-weight: 400; 
	text-align:left;
	color:#3c6cac;
}
.contenidoPaso{
	/*margin-left: 160px;*/
	margin-left: 12%;
	text-align: left;
}
.divTab3{
	text-align: left;
	margin-left: 60px;
}
.divTab4{
	margin-left: 56px;
}

.linkGuias{
	text-decoration: none !important;
	display: none;
	margin: 40px;
}
.guiastitulo.return{
	font-size: 25px !important;
}
/*section.contenedor  div.item-page  .cuadro {
	border: 1px #000000 solid;
	padding: 15px;
	font-family: 'Montserrat';
	font-size: 16px;
}

section.contenedor  div.item-page  .pasos {
	background: #666666;
	color: #ffffff;
	text-align: center;
	font-size: 15px;
	width: 15%;
	float: left;
	padding: 10px 10px 10px 10px;
	font-family: 'Montserrat';
}

section.contenedor div.item-page  a.blanco {
	text-decoration: none;
	color: #ffffff;
}

section.contenedor div.item-page div a {
	text-decoration: none;
	color: #3B6DE7;
}

section.contenedor  div.item-page .texto {
	width: 100%;
	padding-left: 16%;
	text-align: left;
	color: #757474;
	font-family: 'Montserrat';
	font-size: 14px;
}

section.contenedor .p_rojo {
	font-weight: bold;
	color: #F30909;
}

section.contenedor .p_azul1 {
	font-weight: bold;
	color: #142BD9;
}

section.contenedor .p_azul2 {
	font-weight: bold;
	color: #2858CD;
}

section.contenedor .p_azul3 {
	font-weight: bold;
	font-size: large;
	color: #3B6DE7;
}

section.contenedor div.item-page div {
	font-family: 'Montserrat';
	font-size: 18px;
}

section.contenedor div.item-page div .p_gris {
	align-content: center;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Montserrat';
	font-size: 25px;
	background: #666666;
	border: 1px #666666 solid;
	padding: 1 px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-top: 5px;
	margin-top: 15px;
	width: 100%;
	height: 50px;
	text-align: center;
}

section.contenedor div  .simple {
	align-content: center;
	color: #000000;
	font-family: 'Montserrat';
	font-size: 25px;
	padding: 1 px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-top: 5px;
	margin-top: 15px;
	width: 100%;
	height: 50px;
	text-align: center;
}*/
/**************************************** Tablas *********************************************************/
td.color {
	background: #FCC0C0;
}
td.colorOfertadaA{
	background: #cba39a;
}
.cerrado {
	background: #FCC0C0;
}

section.contenedor th {
	background: #84171B;
	color: white;
	border-collapse: collapse;
	border: 0;
}

section.contenedor tr {
	font-size: 12px;
	font-weight: normal;
}

section.contenedor h2 {
	text-align: left;
}

section.contenedor   .divcentrado {
	align-content: center;
	text-align: center;
}

/* section.contenedor  img { */
/* 	width: 100%; */
/* } */

.imgIconMid{
	width: 100% !important;
	height: 35px;
}

.divimg {
	float: left;
}

.dataTables_wrapper {
	padding-bottom: 50px
}

#contenedorTablas {
	width: 100%
}

#cerrarModalPrin{
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity:1;
}
#cerrarModalPrin:focus, #cerrarModalPrin:hover {

    color: #fff;
    text-decoration: none;
    opacity: 1;

}
/****************************************** Modales *******************************************************/


section.contenedor  .btnmodalsem {
	align-content: left;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Montserrat';
	font-size: 25px;
	background: #666666;
	border: 1px #666666 solid;
	padding: 1 px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 15px;
	padding-top: 5px;
	width: 100%;
	height: 50px;
	text-align: left;
}

section.contenedor  .divmodal {
	align-content: left;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Montserrat';
	font-size: 25px;
	background: #666666;
	border: 1px #666666 solid;
	padding: 1 px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 15px;
	padding-top: 5px;
	width: 100%;
	height: 50px;
	text-align: left;
	margin-bottom: 2%;
}

section.contenedor  .btnmodalIng {
	align-content: left;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Montserrat';
	font-size: 25px;
	background: #666666;;
	border: 1px #E3E0E0 solid;
	padding: 1 px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 15px;
	padding-top: 5px;
	width: 100%;
	height: 50px;
	text-align: left;
}

section.contenedor  .btnmodalIngMod {
	align-content: left;
	font-size: 25px;
	background: #666666;
	border: 1px #666666 solid;
	padding: 1 px;
	margin: 10px;
	margin-left: 20px;
	font-weight: normal;
	float: left;
	text-align: center;
	color: #FFF;
	width: 46%;
	cursor: pointer;
	max-width: 50%;
}
section.contenedor #edu_btn_conatinner{
    margin-top: 20px;
    display:flex;
    justify-content:center;
}

section.contenedor  .btnmodalEduMod {
	align-content: left;
	font-size: 25px;
	background: #B3B6B7;
	border: 1px #ffffff solid;
	padding: 1 px;
	margin: 10px;
	margin-left: 20px;
	font-weight: normal;
	float: left;
	text-align: center;
	color: #FFF;
	width: 46%;
	cursor: pointer;
	max-width: 50%;
}

section.contenedor  .btnFilterSelected {
	background: #66666F;
}


.modal-dialog {
	max-width: 90%;
	margin: 1.75rem auto;
}

.modal-title {
	text-align: center;
}



#modalHeaderAreas{
color: #FFF;
font-family: 'Montserrat'; 
font-size: 30px;
font-weight: 600;
background: #910000;
	
}
.contRow{
	display: flex;
}

.rowL{
/* 	display:flex; */
	width: 50%;
	padding-left: 16%;
}
.rowC{
	width:100%;
	padding-left: 16%;
	padding-right: 16%;
	display: ruby;
}
.rowR{
	width: 50%;
	padding-right:16%;
}
#modalAreas div  a{
	font-family: 'Montserrat';
	font-size: 20px;
	font-weight:500;
	text-decoration: none;
	color: #000;
	
}
/*#modalAreas > div > div > div.modal-body > div:nth-child(1) > div.rowL > div > div.ingenierias > a*/

/********************************************* Spinner **********************************************************/
.spinnerModal {
	width: 100%;
	height: 100%;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999999999999999999;
	background-color: #ffffff;
	display: none;
	text-align: center;
	/*opacity: 0.8; */
}

.spinner {
	
}
/*
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}*/
/*@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/
#animation_container {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* 	display:none; */
	background-color: #ffffff;
}
/***************************************************************************************************************/
/***************************************** @media **************************************************************/
/***************************************************************************************************************/
/*@media ( max-width : 1620px) {
	.contenedor {
		width: 920px;
		padding-left: 0;
		padding-right: 0;
	}
	/*
	section.contenedor div.item-page div .ingenierias {
		font-size: 22px;
		width: 300px;
		padding-top: 10px;
	}
	section.contenedor div.item-page div .salud {
		font-size: 26px;
		width: 300px;
	}
	section.contenedor div.item-page div .educacion {
		font-size: 22px;
		width: 300px;
	}
	section.contenedor div.item-page div .semestrales {
		font-size: 26px;
		width: 300px;
	}
	
	
	.btnmodalIngMod {
		margin-left: 20px;
	}
}*/


@media ( max-width :1400px) {

	#modalAreas div a{
	font-size: 15px !important;
	}
	
	.titulosAreas{
		font-size: 20px;
	}
	.titulosGuia{
		font-size: 26px;
	}

}

@media ( max-width :1260px) {
	.titulosGuia {
    font-size: 29px;
	}
    
	.textoTitulosPasos {
    font-size: 25PX;
    }
	.textoPasos{
		font-size: 18px;
	}
	.numeros1234{
		font-size: 50px;
	}
	.cuadroFondoPasos{
		height: 80px;
		width: 9%;
	}
	
	.rectanguloTitulosPasos{
		height: 80px;
		width: 81%
	}
	.contenidoPasoAlerta{
	width: 81%
	}
	.textoContenido{
		font-size: 16px;
	}
}
@media ( max-width :1180px) {
	
/* 	#modalAreas div a{ */
/* 	 font-size: 12px !important; */
/* 	} */
	/*
	section.contenedor div.item-page div p img {
		width: 100%;
	}
	section.contenedor div.item-page div .ingenierias {
		font-size: 20px;
	}
	section.contenedor div.item-page div .salud {
		font-size: 20px;
		padding-top: 56px;
	}
	section.contenedor div.item-page div .educacion {
		font-size: 20px;
		padding-top: 56px;
	}
	section.contenedor div.item-page div .semestrales {
		font-size: 20px;
		padding-top: 85px;
		height: 200px;
	}
	*/
}
@media ( max-width : 1095px) {
	.contenedor {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
/* 		max-width: 80%; */
		font-size: 25px;
/* 		padding: 70px 0 0px 76px; */
	}
	.tituloPerfil{
	font-size: 15px !important;
	}
	.contenedor ul li, .contenedor ol li, .contenedor li{
		font-size: 15px;
	}
	
	.subtituloPerfil{
		font-size: 11px !important;
	}
	
	.cuadros{
	margin: 0 auto;
	}
/* 	#modalAreas div a{ */
/* 		font-size: 14px !important; */
/* 	} */
	.contRow{
	display: block;
	}
	.rowL {

    display: block;
    width: 100%;
    padding: 2%;
    }
    .rowR {
    display: block;
    width: 100%;
    padding: 2%;
    }
    .tituloModal{
    font-size:20px;
    }
	/*section.contenedor div.item-page div .ingenierias {
		font-size: 15px;
		width: 230px;
	}
	section.contenedor div.item-page div .salud {
		font-size: 15px;
		width: 230px;
		padding-top: 46px;
	}
	section.contenedor div.item-page div .educacion {
		font-size: 15px;
		width: 230px;
		padding-top: 46px;
	}
	section.contenedor div.item-page div .semestrales {
		font-size: 15px;
		width: 230px;
		height: 130px;
		padding-top: 46px;
	}*/
}

@media ( max-width :980px) {
	.contenedor {
/* 		padding-left: 91px; */
		padding-top: 0;
		width: 100%;
	}
	/*section.contenedor div.item-page div .ingenierias {
		font-size: 15px;
		width: 200px;
	}
	section.contenedor div.item-page div .salud {
		font-size: 15px;
		width: 200px;
	}
	section.contenedor div.item-page div .educacion {
		font-size: 15px;
		width: 200px;
	}
	section.contenedor div.item-page div .semestrales {
		font-size: 15px;
		width: 200px;
	}*/
	.rectanguloRojo{
		margin-top: 0px;
		padding: 77px 0;
	}
	.titulosGuia {
    font-size: 27px;
	}
    
	.textoTitulosPasos {
    font-size: 24PX;
    }
	.textoPasos{
		font-size: 16px;
	}
	.numeros1234{
		font-size: 40px;
	}
	.cuadroFondoPasos{
		height: 60px;
		width: 9%;
	}
	
	.rectanguloTitulosPasos{
		height: 60px;
		width: 81%
	}
	.textoContenido{
	 	font-size:14px;
	 	width: 85%;
	}
	.divmodal {
		font-size: 20px !important;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 22px;
	}
	.simple {
		font-size: 18px !important;
	}
}

@media ( max-width : 885px) {
	.contenedor {
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 100%;
		margin-bottom: 15px;
	}
	.tituloPerfil.horario{
	 	font-size: 20px !important;
	}
	.guiastitulo1{
		margin-top: 20px;
		margin-bottom: 20px;
	
	}
	.titulosAreas {
    	font-size: 16px;
	}
	.titulosGuia {
    	font-size: 20px;
	}
	.textoTitulosPasos {
    	font-size: 16PX;	
	}
	.textoPasos{
		font-size: 12px;
	}
	.numeros1234{
		font-size: 30px;
	}
	.imgIcon {
    	height: 30px;
	}
	.cuadroFondoPasos {
    	height: 50px;
    	width: 9%;
	}
	
	.rectanguloTitulosPasos{
	    	height: 50px;
	}
	label {
		font-size: 15px;
	}
	.dataTables_info {
		font-size: 15px;
	}
	.dataTables_paginate.paging_simple_numbers {
		font-size: 15px;
	}
	.btnmodalIngMod {
		width: 44% !important;
		font-size: 20px !important;
	}
	.row {
		padding: 0;
	}
	.divmodal {
		font-size: 18px !important;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	.imgIconhorario {
		width: 100% !important;
	}
	.guiasbtn.horario {
		height: 130px;
	}
	.guiasbtnLic.horario {
		height: 130px;
	}
	.guiasbtnLicC.horario {
		height: 130px;
	}
	.guiasbtnAbi.horario {
		height: 130px;
	}
	.guiasbtnOnl.horario {
		height: 130px;
	}
	.guiasbtnPost .horario {
		height: 130px;
	}
}

@media ( max-width : 570px) {
	
	.guiastitulo{
		font-size: 20px !important;
	}
	.guiastitulo1{
		font-size: 18px !important;
	}
	.contenedor {
		padding: 0;
		width: 100%;
		height: 100%;
		margin-bottom: 15px;
	}
	#modalAreas div a{
		font-size: 12px !important;
	}
	.ingenierias{
		padding: 0px;
		min-height: 55px;
		font-size: 10px !important;
	}
	.educacion{
		padding: 0px;
		min-height: 55px;
		font-size: 10px !important;
	}
	.salud{
		padding: 0px;
		min-height: 55px;
		font-size: 10px !important;
	}
	.semestrales{
		padding: 0px;
		min-height: 55px;
		font-size: 10px !important;
	}
	
	section.contenedor  .btnmodalIng {
		font-size: 15px;
		text-align: center;
	}
	label {
		font-size: 15px;
	}
	.dataTables_info {
		font-size: 15px;
	}
	.dataTables_paginate.paging_simple_numbers {
		font-size: 15px;
	}
	.btnmodalIngMod {
		width: 100% !important;
		font-size: 20px !important;
		max-width: 100% !important;
	}
	#divtitulo {
		font-size: 15px;
	}
	.divmodal {
		font-size: 15px !important;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
}
@media ( max-width : 470px) {
	.contenedorPaso{
		padding-left: 25px;
	}
	 .contenidoPaso{
	 	margin-left: 10%;
	 }
	#modalAreas div a{
		font-size: 12px !important;
	}
	.guiastitulo {
    	font-size: 20px !important;
    }
    .guiastitulo1 {
    	font-size: 17px !important;
	}	
	
	.titulosAreas {
    	font-size: 12px;
	}
	.titulosGuia {
    	font-size: 16px;
	}
	.textoTitulosPasos {
    	font-size: 14px;
	}
	.textoPasos{
		font-size: 10px;
	}
	.numeros1234{
		font-size: 20px;
	}

	.cuadroFondoPasos {
    	height: 40px;
    	width: 13%;
	}
	
	.rectanguloTitulosPasos{
	    	height: 40px;
	}
	.textoContenido{
		font-size: 12px;
		
	}
	.textoContenidoColor1{
		font-size: 14px;
	}
	.textoContenidoColor2{
		font-size: 14px;
	}
	.textoContenidoColor3{
		font-size: 14px;
	}
	.textoContenidoColor4{
		font-size: 14px;
	}
	.contenidoPasoAlerta{
	padding-left: 0px;
    margin-left: 32px;
    padding-right: 1%;

	}
	#titulo{
		height: 50px;
		padding: 3%;
	}
	
}

@media ( max-width : 320px) {
	
	.rectanguloRojo{
		width: 100% !important;
	}
	
	.titulosAreas{
	 	font-size: 18px !important;
	}
	
	.titulosGuia{
	 	font-size: 20px !important;
	}
	
	
	#modalAreas div a{
		font-size: 14px !important;
	}

	section.contenedor div.item-page .pasos {
		font-size: 8px;
	}
	section.contenedor h2 {
		font-size: 20px;
	}
	section.contenedor h3 {
		font-size: 18px;
	}
	section.contenedor div.item-page .texto {
		font-size: 12px;
	}
	section.contenedor div.item-page .cuadro {
		font-size: 14px;
	}
	section.contenedor .btnmodalIngMod {
		font-size: 18px !important;
		width: 80% !important;
	}
	#divtitulo {
		font-size: 15px;
	}
	.simple {
		font-size: 16px !important;
	}
	section.contenedor  .btnmodalIng {
		font-size: 15px;
		text-align: center;
	}
	label {
		font-size: 10px;
	}
	.dataTables_info {
		font-size: 10px;
	}
	section.contenedor .btnmodalsem {
		font-size: 15px;
	}
	.dataTables_paginate.paging_simple_numbers {
		font-size: 10px !important;
	}
	#animation_container {
		width: 100% !important;
		position: initial !important;
		text-align: center;
	}
	#canvas {
		width: 200px !important;
		height: 200px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		position: initial !important;
	}
	.contenedorPaso{
		padding-left: 10px;
	}
	.titulosAreas {
    	font-size: 12px !important;
	}
	.titulosGuia {
    	font-size: 16px !important;
	}
	.textoTitulosPasos {
    	font-size: 12px !important;	
	}
	.textoContenidoColor1{
		font-size: 10px !important;
	}
	.textoContenidoColor2{
		font-size: 10px !important;
	}
	.textoContenidoColor4{
		font-size: 10px !important;
	}
	.textoPasos{
		font-size: 8px !important;
	}
	.numeros1234{
		font-size: 18px !important;
	}

	.cuadroFondoPasos {
    	height: 30px !important;
    	width: 15% !important;
	}	
	.rectanguloTitulosPasos{
	    	height: 30px !important;
	    	padding-left: 3% !important;
	}
	.textoContenido{
	 	font-size: 10px !important;
	 	padding-left: 40px;
/* 	 	margin: 0px; */
	}
	.imgIcon {	height: 25px !important;	}
}
.tit_abi{	margin-top: 30px;	}
.guia_contact{
	text-align: center;
	margin-bottom: 50px;
	font-family: 'Fira Sans Condensed', sans-serif;
}
.row_cat_titulo_guias{
	width: 100%;
	border-bottom: 2px solid #FFFFFF;
	opacity: 1;
}
.row_cat_titulo_guias h3{
	text-align: center !important;
    padding: 20px 0;
    width: 100%;
	color: #FFFFFF;
}
.row_cat_guias{	
	text-align: center;
	letter-spacing: 0px;
	opacity: 1;
	font-family: 'Fira Sans', sans-serif;	
    display: inline-block;
	margin-bottom: 80px;
}
.row_cat_guias h3{	font-size: 33px;	}
.contenedor_btns{
	display: flex;
/*	justify-content: space-around;*/
	flex-wrap: wrap;
	gap: 40px;
	padding-top: 30px;
}
.cat_nivel_guias{
	width: 200px;
	background: #E10023 0% 0% no-repeat padding-box;
	opacity: 1;
	font-size: 17px;
	padding: 10px 0;
/*	margin: 50px 0;*/
	border-radius: 25px;
}
.contenedor_guias{	padding-top: 80px;	}
.contenedor_guias .txt_intro{	font-size: 30px;	}
.h1_bienvenido{	font-size: 74px;	}
.contacto_guias{
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	margin-top: 100px;
	margin-bottom: 30px;
}
.contacto_guias img{
	width: 18px;
	margin-right: 10px;
}
.contacto_guias p{ margin-bottom: 3px;	}
.contacto_guias .contacto_guia_title{
	font-size: 20px;
	font-weight: 800;
}
.contenedor_guias1{	padding-top: 30px;	}
.contacto_guias .contacto_guia_title1{
	font-size: 17px;
	font-weight: 600;
}
.cat_nivel_guias p{	margin-bottom: 0px;	}
.contenedor_btns a{	color: #FFFFFF;	}
.col-lg-6{	float: left;	}
footer div.footerSlogan {
	background: #575756;
	padding: 15px 0px;
	margin: 0px auto;
	text-align: center;
  }
footer div.footerSlogan img {	width: 500px;	}
.contacto_guias_interior{
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	background-color: #000;
	color: #ffffff;
	position: relative;
    overflow: hidden;    
	padding: 30px 15px;
}
.contacto_guias_interior img{
	width: 18px;
	margin-right: 10px;
}
.contacto_guias_interior p{ margin-bottom: 3px;	}
.contacto_guias_interior .contacto_guia_title{
	font-size: 28px;
	font-weight: 800;
	width: 350px;
    margin: 0px auto;
}
.contacto_guias_interior .contacto_guia_title1{
	font-size: 17px;
	font-weight: 600;
}
.contacto_linea{
	border-bottom: 2px solid #Ff0000;
	width: 80px;
}
.contacto_guias_interior .columna{
	width:50%;
	float: left;
}
.colum2{	padding-left: 30px;	}
@media (max-width: 638px){
	footer div.footerSlogan img {	width: 85%;	}
	.page-on-scroll h1{	font-size: 35px;	}
	.page-on-scroll p.txt_intro{    font-size: 20px;    }
	.contacto_guias_interior .columna {
		width: 100%;
	  }
	  .contacto_guias_interior .contacto_guia_title{	width: 100%;	}
	  .colum2{	padding-top: 30px;	}
}


/* Header */

main {
    position: relative;
    float: left;
    width: 100%;
}

section.header__titulo--movil {
    display: none;
}

header {
    background-color: #e6e6e6;
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
}

.header__down {
    background: var(--colordark);
    color: var(--colorgrey4);
    font-size: var(--upaep-fz14);
}

.header__logo {
    position: relative;
    float: left;
    padding: 15px;
}

.header__logo img {
    width: 130px;
}

.header__titulo {
    color: #4d4d4d;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    float: left;
    padding-left: 25px;
    padding: 15px;
}

.header__menu {
    position: relative;
    float: right;
    text-align: right;
    background-color: #e10023;
    font-weight: 400;
    padding: 22px;
    color: #fff;
    padding-left: 27px;
    height: 68px;
    display: flex;
    cursor: pointer;
}

.header__menu::before {
    content: "";
    position: absolute;
    left: -22px;
    width: 43px;
    height: 68px;
    background: #e10023;
    transform: skew(328deg);
    top: 0px;
}

.header__menu i {
    font-size: 23px;
}

/* upaep__header */


footer {
    width: 100%;
    min-height: 0px;
    border-top: 2px solid #ac241e;
    background: #4d4d4d;
    text-align: center;
    padding: 0px !important;
}