/*--------------------------------------------------------------------------------
ESTILO INSTITUTO ORIENTE 2023
JOSEANTONIO.RAVIZE@IORIENTE.EDU.MX
----------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Raleway);

@font-face{
	font-family: 'foxgrab';
	src: url(./Foxgrab.ttf);
	font-weight: bold;
	font-style: bold;
}

@font-face{
	font-family: 'bitcheese';
	src: url(./Bitcheese.ttf);
	font-weight: bold;
	font-style: bold;
}

    .stick25 {
      position: fixed;
      top: 40px;
      right: 40px;
      z-index: 1000;
      width: 250px;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

/* Estilo para el botón de WhatsApp */
    .whatsapp-btn {
      position: fixed;
      top: 40px;
      right: 40px;
      z-index: 1000;
      background-color: #25d366;
      color: white;
      border-radius: 33px;
      
      width: 200px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      font-size: 24px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      text-decoration: none;
    }
    .whatsapp-btn:hover {
      background-color: #1ebe57;
      text-decoration: none;
    }

.font_fox{
	font-family: 'foxgrab',sans-serif;;
	font-weight: bold;
}

.font_bitcheese{
	font-family: 'bitcheese',sans-serif;;
	font-weight: bold;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.contenedor {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 10px 0;

	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;

	
}

.logo_admision{
  max-width: 280px;
  min-width: 250px;
  height: auto;
	margin: 15px 10px 5px 5px;
	display: flex;
	/*border: 1px dashed #ccc;*/
}



.flex-secciones{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	padding: 1px;
	
}

.flex-secciones div{	
	width: 230px;
	margin: 0px;
	text-align: center;
/*	border: thin dashed #969696;*/
}

@media only screen and (max-width: 400px) { 

		  .flex-secciones div{	
			width: 160px;
			margin: 0px;
			text-align: center;
		/*	border: thin dashed #969696;*/
		}

		.stick25 {
      position: fixed;
      top: 40px;
      right: 40px;
      z-index: 1000;
      width: 35%;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }


}


#btn_proceso25 a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_pc1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_proceso25 a:active, #btn_proceso25 a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_pc1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_proceso25 a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_pc2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_01 a:link {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_01.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_01 a:active, #sec_01 a:visited {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_01.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#sec_01 a:hover {
max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_011.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_02 a:link {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_02.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_02 a:active, #sec_02 a:visited {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_02.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#sec_02 a:hover {
max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_021.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_03 a:link {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_03.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_03 a:active, #sec_03 a:visited {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_03.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#sec_03 a:hover {
max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_031.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


#sec_04 a:link {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_04.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#sec_04 a:active, #sec_04 a:visited {
	max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_04.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#sec_04 a:hover {
max-width: 288px;
	min-height: 338px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/sec_041.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}



#card-cuenta a:link {
	width: 80%;
	min-height: 380px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_cuenta.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-cuenta a:active, #card-cuenta a:visited {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_cuenta.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-cuenta a:hover {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_cuenta1.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	background-position: center center;
}

#card-visitas a:link {
	width: 80%;
	min-height: 380px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_visitas1.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-visitas a:active, #card-visitas a:visited {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_visitas1.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-visitas a:hover {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_visitas2.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	background-position: center center;
}

.flex-opciones{
	display: flex;
	flex-flow: wrap;
	justify-content: space-evenly;
	padding: 1px;
	/*	border: thin dashed #969696;*/
}

.flex-opciones div{
	width: 155px;
	margin: 5px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
/*	border: thin dashed #969696;*/
}

.flex-numeros{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 1px;
	/*	border: thin dashed #969696;*/
}

.flex-numeros div{
	width: 65px;
	margin: 5px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
/*	border: thin dashed #969696;*/
}


#btn_1 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_1 a:active, #btn_1 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_1 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_11.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_2 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_2 a:active, #btn_2 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_2 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_21.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_3 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_3.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_3 a:active, #btn_3 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_3.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_3 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_31.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_4 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_4.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_4 a:active, #btn_4 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_4.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_4 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_41.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_5 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_5.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_5 a:active, #btn_5 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_5.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_5 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_51.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_6 a:link {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_6.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_6 a:active, #btn_6 a:visited {
	max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_6.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_6 a:hover {
max-width: 58px;
	min-height: 58px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_61.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_proceso a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_proceso.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_proceso a:active, #btn_proceso a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_proceso.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_proceso a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_proceso1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_vg a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_vg.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_vg a:active, #btn_vg a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_vg.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_vg a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_vg1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_videoI a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_videoI.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_videoI a:active, #btn_videoI a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_videoI.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_videoI a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_videoI1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


#btn_reqs2 a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_reqs2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_reqs2 a:active, #btn_reqs2 a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_reqs2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_reqs2 a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_reqs21.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_informes a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_informes.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_informes a:active, #btn_informes a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_informes.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_informes a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_informes1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

.flex-container{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	padding: 1px;
	
}

.flex-container div{
	width: 155px;
	margin: 5px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
/*	border: thin dashed #969696;*/
}

.flex-videos{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	padding: 1px;
	/*	border: thin dashed #969696;*/
}

.flex-videos div{
	width: 195px;
	margin: 15px;
	text-align: center;
/*	border: thin dashed #969696;*/
}



#video1 a:link {
	max-width: 220px;
	min-height: 140px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video1 a:active, #video1 a:visited {
	max-width: 220px;
	min-height: 140px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#video1 a:hover {
max-width: 220px;
	min-height: 140px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video11.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video2 a:link {
	max-width: 220px;
	min-height: 140px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video2 a:active, #video2 a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#video2 a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video21.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video3 a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video3.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video3 a:active, #video3 a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video3.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#video3 a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video31.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video4 a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video4.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#video4 a:active, #video4 a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video4.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#video4 a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/video41.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_reqs a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_req.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_reqs a:active, #btn_reqs a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_req.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_reqs a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_req1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


#btn_faqs a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_faqs.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_faqs a:active, #btn_faqs a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_faqs.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_faqs a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_faqs1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}



#btn_cal a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_cal.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_cal a:active, #btn_cal a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_cal.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_cal a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_cal1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


#btn_solicitud a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_solicitud.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_solicitud a:active, #btn_solicitud a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_solicitud.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_solicitud a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_solicitud1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_resolutivo a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_resolutivo a:active, #btn_resolutivo a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_resolutivo a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}



#btn_folleto a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_folleto.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_folleto a:active, #btn_folleto a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_folleto.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_folleto a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_folleto1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


#btn_costos a:link {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_costos.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#btn_costos a:active, #btn_costos a:visited {
	max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_costos.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#btn_costos a:hover {
max-width: 180px;
	min-height: 130px;
	display: grid;	
	margin: 0 auto;
	background: url('../img/btn_costos1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}


.marco{
	display: grid;
	min-height: 300px;
	border: 10px solid #ffdb04;
}



/*
body{
  background: #f9f9f9;
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
}

*/
a img{border: none;}
#clear{clear:both;}


#doc_requisitos{
	width: 100px;
	height: auto;
	padding:10px;
	margin: 10px;
	float: left;
	text-align: center;
	font-size: .8em;
	font-weight: bolder;

}

#doc_requisitos a:link {
	color: #515151;
	text-decoration:none;
	border-radius: 15px;
	border: medium gray;			
}

#doc_requisitos a:active, #doc_requisitos a:visited {
	color: #515151;
	text-decoration:none;
	border-radius: 15px;
	border: medium gray;		
	
}
#doc_requisitos a:hover {
	color: #ffc107;
	text-decoration:underline;	
	border-radius: 15px;
	border: medium black;	
}


.responsive {width: 100%;height: auto;}
.responsive_foot {width: 100%;height: 50px; margin-top: 3rem;}
.color2{color: #00A2DB;}
.f_24{font-size: 24px; font-weight: bold;}
.f_15em{font-size: 1.5em;}
.f_12em{font-size: 1.2em;}
.f_42em{font-size: 5.2em;color: #252772;font-weight: bold;}
.rojo{color: firebrick;}
.negrita{font-weight: bold;}



.aviso{font-size: .7em; text-align: justify;}
.bk_blueIO{
	background: #252772;
	color: #fff;
	border-radius: 35px;
	margin-bottom: 10px;}

.azul1{color: #00A2DB;}


.azul{color: #252772;}
.amarillo{color: #ffdb04;}
.gris{color: #626261;}
.rojo{color: #bc1823;}

.bg-gris{background: #f6f6f6;;}

.min_txt{font-size: .5em; text-align: justify;}

.cita{font-size: .8em; font-style: italic;}

.main{ background: #fff;}
.color1{ background: #34495e;color: #fff;}

#cita_carta{ 		
	width: 35%;	
	padding:2px;
	margin: 2px;
	height: auto;
	float: right;
	}

img.izquierda {
  float: left;
}

aside{ background: #c0392b;color: #fff;}
/*-----------------INICIA ENCABEZADO--------------------*/
header {

	color: #252772;
	height: auto;
	margin-bottom: 1em;
	/*
		background: #f6f6f6;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	*/
}



.flex-head{
	display: flex;
	margin: 2px;
	flex-flow: row wrap;
	justify-content: space-between;
	height: auto;	
}

.flex-head div{
	width: 155px;
	margin: 5px;
}

#logo_io24{
  /*
  width: 100px;
  height: auto;*/

	margin: 10px 20px 10px 10px;
	display: inline-block;
	/*border: 1px dashed #ccc;*/
}

	#logo_IOP{ 		
	width: 100%;	
	max-width: 120px;	
	margin: 0 auto;
	height: auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
	margin-top: 15px;

	}

	#btn_home_right{
	width: 48px;
	height: auto;
	margin: 25px 30px 5px 5px;
}

	.contenedor-txt-head{
		display: grid;
		grid-auto-flow: dense;
		gap: 5px;
		grid-template-columns: repeat(auto-fill,minmax(21rem,1fr));
		font-family: 'Poppins', sans-serif;
		margin-top: 20px;
		align-items: flex-end;
	}


	.texto_head{	
		width: fit-content;	
		font-weight: bold;
		overflow: hidden;
		margin-top: 4rem;
		margin-right: 30px;
		line-height: 1em;
		border-bottom: 4px solid #ffdb04;
		display: inline-block;
	}

	.sub_amarillo{
		border-bottom: 4px solid #ffdb04 ;
	}

	.sub_texto{font-size: .8em; font-weight: 700;}

  .whatsapp{
  	width: 50px;
  	height: auto;
	padding:0px;
	margin: 20px 15px 10px 15px;	
	float: right;
}
/*-----------------FINALIZA ENCABEZADO--------------------*/


/*-----------------INICIA PIE--------------------*/
footer{ 
	background: #f6f6f6;
	color: #fff;
	height: auto;
	margin-top: 0px;
	font-family: 'Barlow', sans-serif;
}

.pie_cintillo {
	background: url('../img/cintillo2.png');
	width: 100%;
	height: auto;
}
#pieA{
	width: 90%;	
	padding:10px 10px 10px 20px;
	margin: 0 auto;
	height: auto;
	font-size: 11px;
	text-align: center;
}

	#pieA a:link {
		color: #FFF;
		text-decoration:none;
		padding: 0px;
	}
	#pieA a:active, #pieA a:visited {
		color: #FFF;
		text-decoration:none;
		padding: 0px;
	}
	#pieA a:hover {
		color: #FFF;
		font-style: italic;
		text-decoration:underline;
		padding:0px;
	}

#pieB{
	width: 90%;	
	padding:5px;
	margin: 0 auto;
	height: auto;
	text-align: justify;
	font-size: .6em;
	color: #252772;
}

#pieB a:link {
		color: #626261;;
		text-decoration:underline;
		padding: 0px;
		font-size: 1.1em;
	}
	#pieB a:active, #pieB a:visited {
		color: #626261;;
		text-decoration:underline;
		padding: 0px;
		font-size: 1.1em;
	}
	#pieB a:hover {
		color: #252772;
		font-weight: bold;
		text-decoration:underline;
		padding:0px;
		font-size: 1.1em;
	}

#pieC{
	width: 90%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	font-size: 14px;
}

	#pieC a:link {
		color: #FFF;
		text-decoration:underline;
		padding: 0px;
	}
	#pieC a:active, #pieC a:visited {
		color: #FFF;
		text-decoration:underline;
		padding: 0px;
	}
	#pieC a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration:underline;
		padding:0px;
	}
/*-----------------FINALIZA PIE--------------------*/

/*-----------------INICIA LOGIN--------------------*/

.modal-content2{
	width: 85%;
  background-color: #fff;
  color: 000;
  display: grid;
	gap:25px;
	grid-template-columns: 1fr;
	padding-top: 5px;
	margin: 0 auto;
  /*  opacity: .85;
    padding: 35px 20px;
    margin: 50px 20px 20px 20px;
    box-shadow: 0px 0px 3px #848484;*/
}


.form-select{
	height: 30px;
	font-size:.9em;
}

.vinculo_login{
	padding: 5px 0;
	color: white;
	font-size: 12px;
	text-align: justify;
}

.vinculo_login a{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#wlogin{ 
width: 75%;
max-width: 470px;
height:auto;
min-height: 270px;
margin: 0;
padding-top: 40px;
float: left;
}
/*-----------------FINALIZA LOGIN--------------------*/

/*-----------------INICIA CONTENIDOS-BODY-----------------

h2{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: 252772;
	font-size: 4.2em;
	font-weight: bolder;
	text-align: center;
}

h3{
	font-family: 'Poppins', sans-serif;
	line-height: 1em;
	color: 252772;
	font-size: 4.2em;
	font-weight: bolder;
	text-align: center;
}

---*/

.titulo1{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 2.1em;
	font-weight: bolder;
	text-align: center;
	margin-top: 30px;
}

.titulo11{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 2.4em;
	text-align: center;
	margin-top: 30px;
}

.titulo12{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 2em;
	text-align: left;
	margin-top: 30px;
}


.sub-titulo{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 1.4em;
	text-align: center;
	margin-top: 30px;
	font-weight: bolder;
}

.texto_t1{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.1em;
	color: #252772;
	font-size: 1.1em;
	text-align: justify;
	margin-top: 20px;
}

.texto_faqs{
	font-family: 'Open Sans', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 1em;
	text-align: justify;
	margin-top: 10px;
}

.texto_t2{
	font-family: 'Poppins', sans-serif;
	line-height: 1.2em;
	color: #000;
	font-size: 1.5em;
	text-align: center;
	margin-top: 20px;
	border-right: 1px dashed;
}


.titulo2{
	font-family: 'Poppins', sans-serif;
	line-height: 1em;
	color: #252772;
	font-size: 2.5em;
	font-weight: bolder;
	text-align: center;
}

.titulo3{
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 1.3em;
	font-weight: bolder;
	text-decoration: underline;
	text-align: center;
}

.opciones-seccion{
	border-radius: 10px;
	min-height: 200px;
	padding: 20px;
	align-content: center;
}


.opciones-seccion a:link {
	width: 100%;
	height: auto;
	display: grid;
	min-height : 250px;
	overflow: hidden;
	background: url('../img/btn_folleto1.png') no-repeat scroll 0 0 transparent;
}

.opciones-seccion a:active, .opciones-seccion a:visited {
	width: 100%;
	height: auto;
	display: grid;
	min-height : 250px;
	overflow: hidden;
	background: url('../img/btn_folleto1.png') no-repeat scroll 0 0 transparent;	
}

.opciones-seccion a:hover {
	width: 100%;
	height: auto;
	display: grid;
	min-height : 250px;
	overflow: hidden;
	background: url('../img/btn_folleto2.png') no-repeat scroll 0 0 transparent;	
	
}

/* INICIO - SECCION PRINCIPAL : PROCESO DE ADMSION */
.contenedor-principal-proceso{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(25rem,1fr));
	gap:25px;
	/*background-color: #f6f6f6;*/
	border-radius: 10px;
	min-height: 100px;
}

.resolutivo_carta a:link {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
}

.resolutivo_carta a:active, .resolutivo_carta a:visited {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;

}

.resolutivo_carta a:hover {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector2.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 border-radius: 10px;
	 background-color: #ffdb04;	
	 background-position: center center;
}


.resolutivo_plataforma a:link {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/plataforma.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
}

.resolutivo_plataforma a:active, .resolutivo_plataforma a:visited {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/plataforma.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;

}

.resolutivo_plataforma a:hover {
width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/plataforma2.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 border-radius: 10px;
	 background-color: #ffdb04;	
	 background-position: center center;
}

.resolutivo_pagos a:link {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/manual_pagos.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
}

.resolutivo_pagos a:active, .resolutivo_pagos a:visited {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/manual_pagos.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;

}

.resolutivo_pagos a:hover {
width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/manual_pagos2.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 border-radius: 10px;
	 background-color: #ffdb04;	
	 background-position: center center;
}


.resolutivo_directorio a:link {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/directorio.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
}

.resolutivo_directorio a:active, .resolutivo_directorio a:visited {
	width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/directorio.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;

}

.resolutivo_directorio a:hover {
width: 200px;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/directorio2.jpg') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 border-radius: 10px;
	 background-color: #ffdb04;	
	 background-position: center center;
}



.card_proceso{
	border-radius: 10px;
	min-height: 200px;
	position: relative;
	overflow: hidden;
	background-color: blue;
}

.proceso_requisitos a:link {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_requisitos.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_requisitos a:active, .proceso_requisitos a:visited {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_requisitos.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;

}

.proceso_requisitos a:hover {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_requisitos.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 border-radius: 10px;
	 background-color: #ffdb04;	
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_solicitud a:link {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_solicitud.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_solicitud a:active, .proceso_solicitud a:visited {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_solicitud.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_solicitud a:hover {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_solicitud.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
	 background-color: #ffdb04;	
	 border-radius: 10px;
}

.proceso_calendario a:link {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_calendario.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_calendario a:active, .proceso_calendario a:visited {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_calendario.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_calendario a:hover {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_calendario.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
	 background-color: #ffdb04;
	 border-radius: 10px;	
}

.proceso_resolutivo a:link {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_resolutivo a:active, .proceso_resolutivo a:visited {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
}

.proceso_resolutivo a:hover {
	width: 90%;
	height: 180px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_resolutivo.png') no-repeat scroll 0 0 transparent;
	 background-size: 85%;
	 background-position: center center;
	 border: 2px solid #f6f6f6;
	 background-color: #ffdb04;	
	 border-radius: 10px;
}

/* FIN - SECCION PRINCIPAL : PROCESO DE ADMSION */

/* INICIO - SECCION PRINCIPAL : CONOCENOS POR SECCIONES */
.contenedor-conocenos{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(20rem,1fr));
	gap:60px;
}


.card_conocenos{
	font-family: 'Poppins', sans-serif;
	border-radius: 10px;
	min-height: 450px;
	overflow: hidden;
}

.card_conocenos a:link {
margin: 10px; 	
	color: #252772;
	font-size: 1.6em;
	font-weight: bolder;
	text-align: center;	 
}

.card_conocenos a:active, .card_conocenos a:visited { 
	margin: 10px; 
	color: #252772;
	font-size: 1.6em;
	font-weight: bolder;
	text-align: center;	 
}
.card_conocenos a:hover {
	margin: 10px; 
	text-decoration: underline 4px solid #ffdb04;	
}

/* FIN - SECCION PRINCIPAL : CONOCENOS POR SECCIONES */


.contenedor-videos{
	display: grid;
	gap:45px;
	grid-template-columns: repeat(auto-fill,minmax(37rem,2fr));
	min-height: 380px;
	margin-top: 5rem;
}

.contenedor-espacio{
	display: grid;
	gap:15px;
	grid-template-columns: 1fr;
	min-height: 2.3vw;
}

.card_imagen_yt{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	min-height: 150px;
	

}

.contenedor-yt{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
	margin-top: 1rem;
}

.img_videos{
	border-radius: 10px;
	min-height: 120px;
	width: 95%;
	overflow: hidden;
	display: grid;
}


/*
.card-visitas{
	border-radius: 10px;
	min-height: 450px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr;
}*/

#card-visitas a:link {
	width: 80%;
	min-height: 380px;
	display: block;	
	margin: 0 auto;
	background: url('../img/btn_vghome.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-visitas a:active, #card-visitas a:visited {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_vghome.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	 background-position: center center;
}

#card-visitas a:hover {
	width: 80%;
	min-height: 380px;
	display: block;
	margin: 0 auto;
	background: url('../img/btn_vghome1.png') no-repeat scroll 0 0 transparent;
	 background-size: 100%;
	background-position: center center;
}



.contenedor-proceso{
	display: grid;
	grid-template-columns: 1fr;
}

.btn_central_principal{
	display: grid;
	gap:25px;
	max-width: 65%;
	grid-template-columns: 1fr;
	padding-top: 15px;
	margin: 0 auto;
}

.proceso_btn{
	width: 70%;
	margin: 0 auto;
}

.btn_proceso a:link {
	width: 100%;
	min-width: 200px;
	min-height: 150px;
	margin: 15px 10px 15px 10px;
	background: url('../img/btn_proceso4.png') no-repeat scroll 0 0 transparent;
	background-size: 100%;
	display: grid;
}

.btn_proceso a:active, .btn_proceso a:visited {
	width: 100%;
	min-width: 200px;
	min-height: 150px;
	margin: 15px 10px 15px 10px;
	background: url('../img/btn_proceso4.png') no-repeat scroll 0 0 transparent;
	background-size: 100%;
	display: grid;
}
.btn_proceso a:hover {
	width: 100%;
	min-width: 200px;
	min-height: 150px;
	margin: 15px 10px 15px 10px;
	background: url('../img/btn_proceso5.png') no-repeat scroll 0 0 transparent;
	background-size: 100%;
	display: grid;	
}

.wrap_seccion{
	display: grid;
	gap:10px;
	grid-template-columns: 3fr auto;

}
.contenedor-bnr-seccion{
	display: grid;
	gap:10px;
	grid-template-columns: 1fr;
	min-height: 350px;
}

.contenedor-opt-seccion{
	display: grid;
	gap:5px;
	/*margin-top: 10px;*/
	grid-template-columns: repeat(auto-fill,minmax(18rem,1fr));

}


#carta_admision a:link {
	width: 70%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#carta_admision a:active, #carta_admision a:visited {
	width: 70%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#carta_admision a:hover {
	width: 70%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/carta_rector.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}




#seccion_video a:link {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_video1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#seccion_video a:active, #seccion_video a:visited {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_video1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#seccion_video a:hover {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_video2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
	
}

#seccion_preguntas a:link {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_preguntas1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#seccion_preguntas a:active, #seccion_preguntas a:visited {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_preguntas1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#seccion_preguntas a:hover {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_preguntas2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;	
}

#seccion_visitas a:link {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_visitas1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#seccion_visitas a:active, #seccion_visitas a:visited {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_visitas1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#seccion_visitas a:hover {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_visitas2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;	
}

#seccion_requisitos a:link {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_requisitos1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#seccion_requisitos a:active, #seccion_requisitos a:visited {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_requisitos1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#seccion_requisitos a:hover {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_requisitos2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;	
}

#seccion_solicitud a:link {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_solicitud1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}

#seccion_solicitud a:active, #seccion_solicitud a:visited {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_solicitud1.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;
}
#seccion_solicitud a:hover {
	width: 90%;
	min-height: 260px;
	display: block;	
	margin: 0 auto;
	background: url('../img/sec_solicitud2.png') no-repeat scroll 0 0 transparent;
	background-size: 90%;
	background-position: center center;	
}

.btn_home{
	width: 128px;
	height: 128px;
	padding:10px;
	margin: 80px 10px 10px 10px;
	float: left;
}




 .mosca{
  	width: 90px;
  	height: auto;
	padding:0px;
	margin: 10px 5px 10px 0px;	
	float: left;
}

/* INICIO - SECCION PRINCIPAL : CONOCENOS POR SECCIONES */

.contenido_visitas{
	display: grid;
	gap:25px;
	max-width: 75%;
	grid-template-columns: 1fr;
	min-height: 250px;
	margin: 0 auto;
}

.contenido_solicitud{
	display: grid;
	gap:25px;
	max-width: 55%;
	grid-template-columns: 1fr;
	min-height: 250px;
	margin: 0 auto;
}

.tabla_eventos{
	display: grid;
	grid-auto-flow: dense;
	gap: 25px;
	grid-template-columns: repeat(auto-fill,minmax(25rem,1fr));
	min-height: 150px;
}


.btn_central{
	display: grid;
	gap:25px;
	max-width: 15%;
	grid-template-columns: 1fr;
	padding-top: 25px;
	margin: 0 auto;
}

/* FIN - SECCION PRINCIPAL : CONOCENOS POR SECCIONES */


/*INFORMACIÓN FLOTANTE*/
#informes{
 	width: 64px;
 	height: auto;
	padding:0px 0px 0px 0px;
	margin: 5px;
	float: right;	
}


#whatsappIn{
	position: fixed;
	top: 500px;
	right: 100px;
  	width: 32px;
  	height: auto;
	padding:0px 0px 0px 0px;
	margin: 5px;	
}




#img_back{
  	width: 15%;
  	height: auto;
	padding:5px;
	margin: 5px 5px 5px 5px;
	float: left;	
	display: inline-table;
}

#titulo {
	width:80%;
	height: auto;
	margin: 5px;
	padding:0px;
	float: left;
	display: inline-table;
	}		

#img_separador01{ 		
	width: 20%;		
	padding:1px;
	margin: 0px 3px 5px 3px;
	height: auto;
	display: inline-table;
	}

#info_proceso{
  width: 50%;
  color: #252772;
  /*background: #FFD500;*/
  line-height: 1.2em;
  font-weight: bold;
  font-family: 'Barlow', sans-serif;
  font-size: 18px;
	padding:0px 0px 0px 0px;
	margin: -110px 0px 0px 190px;
	float: left;
	z-index: -1;
}

#contenido_carta{
	width: 85%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	/*border: thin dashed #969696;*/
}



#contenido_principal{
	width: 65%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	/*border: thin dashed #969696;*/
}


#contenido_principal h1 {
   	font-size:3.8em;	
	color: #666666;
	/*text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
	font-weight:900;*/
	}

#contenido_principal h2 {
   	font-size:3.1em;
	color: #252772;
	}

#contenido_principal h3 {
   	font-size:18px;
	font-weight:bold;
	color: #252772;
	}

#contenido_principal h4 {
   	font-size:16px;
	font-weight:bold;
	font-style: italic;
	color: #666;
	font-family: 'Barlow', sans-serif;
	}


#contenido_cuenta{
	
	
	margin: 0 auto;
	height: auto;
	/*border: thin dashed #969696;*/
}


#contenido_cuenta h1 {
   	font-size:3.8em;	
	color: #666666;
	/*text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
	font-weight:900;*/
	}

#contenido_cuenta h2 {
   	font-size:1.8em;
	color: #252772;
	}

#contenido_cuenta h3 {
   	font-size:1.2em;
	font-weight:bold;
	color: #252772;
	}

#contenido_cuenta h4 {
   	font-size:16px;
	font-weight:bold;
	font-style: italic;
	color: #666;
	font-family: 'Barlow', sans-serif;
	}

#contenido_cuenta p {
   	font-size:1.2em;
	color: #252772;
	}

#contenido_cuenta ol {
   	font-size:1em;
	color: #252772;
	}

#contenido_cuenta ul {
   	font-size:1em;
	color: #252772;
	}

	.mensaje1{
			font-size:18px;
	font-weight:bold;
	font-style: italic;
	color: #666;
	font-family: 'Barlow', sans-serif;
	}

	.mensaje2_preesco{
		font-size:16px;
	font-weight:bold;
	color: #252772;
	font-family: 'Barlow', sans-serif;
	text-align: left;
	}


#btn_req a:link {
	width: 200px;
	height: 200px;
	display: grid;
	padding:10px;
	margin: 5px;
	background: url('../img/btn_req.png') no-repeat scroll 0 0 transparent;
	float: left;			
}

#btn_req a:active, #btn_req a:visited {
	width: 200px;
	height: 200px;
	padding:10px;
	margin: 5px;
	background: url('../img/btn_req.png') no-repeat scroll 0 0 transparent;
	float: left;		
}

#btn_req a:hover {
	width: 200px;
	height: 200px;
	padding:10px;
	margin: 5px;
	background: url('../img/btn_req1.png') no-repeat scroll 0 0 transparent;
	float: left;		
	
}



#t_preesco{
	font-size:32px;
	font-weight:bold;
	letter-spacing: .5em;
	color: #FFF;
	background: #FBBE2F;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
	display: block;
}

#t_prim{
	font-size:32px;
	font-weight:bold;
	letter-spacing: .5em;
	color: #FFF;
	background: #22959C;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
	display: block;
}

#t_sec{
	font-size:32px;
	font-weight:bold;
	letter-spacing: .5em;
	color: #FFF;
	background: #3E2B7C;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
	display: block;
}

#t_bach{
	font-size:32px;
	font-weight:bold;
	letter-spacing: .5em;
	color: #FFF;
	background: #205BA7;
	margin-top: 0;
	margin-bottom: .5rem;
	line-height: 1.2;
	display: block;
}


#vinculoA a:link {
		font-family: 'Barlow', sans-serif;
		color: #FFF;
		text-decoration:none;
		padding: 2px;
		margin: 3px;
		font-size: 1.2em;
	}
#vinculoA a:active, #vinculoA a:visited {
		font-family: 'Barlow', sans-serif;
		color: #FFF;
		text-decoration:none;
		padding: 2px;
		margin: 3px;
		font-size: 1.2em;
	}
#vinculoA a:hover {
		font-family: 'Barlow', sans-serif;
		color: #ffc107;
		font-style: italic;
		padding:2px;
		margin: 3px;
		font-size: 1.2em;
	}




/*-----------------FINALIZA CONTENIDOS-BODY--------------------*/

/*-----------------INICIA RESOLUTIVO DE ADMISIÓN*/
#cuadro_resolutivo{
	width: 100%; 
	background: #252772;
	color: #fff;
	height: 280px;
	margin-top: 10px;
	margin: 0 auto;
	padding: 10px;
	font-size: 1.5em;
	font-family: 'Barlow', sans-serif;
	border-radius: 15px;
}

#btn_resolutivo_admision{
	width: 20%;
	height: auto;
	display: inline-block;
	padding:15px;
	margin: 15px;
	float: left;
	/*border: dashed gray;	*/
	
}

#cuadro_resolutivo a:link {
	color: #fff;
	text-decoration: none;
		
}
#cuadro_resolutivo a:active, #cuadro_resolutivo a:visited {
	color: #fff;
	text-decoration: none;
}
#cuadro_resolutivo a:hover {
	color: #DCCECE;
	font-weight: bold;
	text-decoration: underline;
	
}

/*-----------------FINALIZA RESOLUTIVO DE ADMISIÓN--------------------*/


/*-----------------INICIA FORMULARIO--------------------*/
#t_admitidos{
	font-size: 18px;
	margin: 10px;
	padding:10px;
}

#t_admitidos th{
	font-size: 22px;
	font-weight:bold;
}

#t_admitidos .normal2{
	font-size: 18px;
	font-weight:normal;
	text-decoration: underline;
}


#t_formulario{
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
	margin: 10px;
	padding:10px;
	/*width: 780px;*/
	border-collapse: collapse;

}
#t_formulario th{
	font-size: 1.6em;
	font-weight: normal;
	background: #333;
	padding: 5px;
	color: #FFF;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}

/*#hor-zebra tr:hover td{background: #666;color: #FFF;}*/
*{box-sizing:border-box;}

form{
	/*width:auto;
	padding:16px;
	border-radius:10px;
	margin:auto;
	background-color:#ccc;*/
}

form input[type="text"],
form input[type="password"],
form input[type="email"]{
	height:30px;
	width: 85%;
	font-size:.9em;
	padding:2px;
	margin:10px;
	line-height:1.1em;
	border-style: solid;
	border-width: 1px;
	display: grid;
	margin: 0 auto;
	margin-bottom: 10px;
}


/**/
form select{
	height:30px;
	width: 85%;
	font-size:.9em;
	/*color: #333;*/
	padding:5px;
	margin:10px;
	line-height:1.1em;
	/*border-bottom: 2px medium #CCC;*/
	border-style: solid;
	border-width: 1px;
	display: grid;
	margin: 0 auto;
	margin-bottom: 10px;
}/**/

form input[type="date"]{
	height:30px;
	width: 35%;
	font-size:.9em;
	color: #333;
	padding:5px;
	line-height:1.1em;
	border-style: solid;
	border-width: 1px;
	display: inline;
	margin: 0 auto;
	margin-bottom: 10px;
}/**/

#t_formulario tr{
	height:40px;
	font-size:16px;
	color: #333;
	padding:5px;
	margin:15px 10px 25px 10px;
	line-height:1.6em;
	border-bottom: 2px medium #CCC;
}
#t_formulario .normal{
	padding: 4px;
	background: #EEE;	 
	border-bottom: 1px solid #fff;
	color: #333;
	border-top: 1px solid transparent;
	
}
#t_formulario .odd
{
	background: #b9c9fe;
	padding: 15px;
	color: #669;
}

#t_formulario a:link {
	color: #fff;
	text-decoration: none;
		
}
#t_formulario a:active, #t_formulario a:visited {
	color: #fff;
	text-decoration: none;
}
#t_formulario a:hover {
	color: #DCCECE;
	font-weight: bold;
	text-decoration: underline;
	
}
/*-----------------FINALIZA FORMULARIO--------------------*/

/*-----------------INICIA BOTONES--------------------*/
.boton1{
	display: inline-block;
   border-radius: 10px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #00A2DB;
   background:#00A2DB;
   color:#FFF;
   font-size:1.4em;
   font-weight:bold;
   font-style:normal;
   padding:5px 10px 5px 10px;
	margin: 5px 0px 10px 0px;
}

.boton2{
	display: inline-block;
   border-radius: 10px;
    white-space: nowrap;
   line-height:1.2em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #ffdb04;
   background:#ffdb04;
   color:#FFF;
   font-size:1.8em;
   font-weight:bold;
   font-style:normal;
   padding:15px 35px 15px 35px;
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}

.img_registra{
	background-image:url('../img/btn_registra.png');
  background-repeat:no-repeat;
  height:60px;
  width:70px;
  background-size: 50px 50px;
  background-position:center;
}

.boton3{
	display: inline-block;
   border-radius: 35px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #00A2DB;
   background:#00A2DB;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   font-style:normal;
   padding:10px 25px 10px 25px;
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}


.boton4{
	display: inline-block;
   border-radius: 35px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
	width: 150px;
   border:1px solid #F29200;
   background:#F29200;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   font-style:normal;
   padding:10px 25px 10px 25px;
	margin: 5px 30px 10px 30px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}

.boton5{
	display: inline-block;
   border-radius: 35px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   width: 160px;
   overflow: visible;
   cursor: pointer;
   border:1px solid #f21307;
   background: #f21307;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   font-style:normal;
   padding:10px 25px 10px 25px;
	margin: 5px 0px 10px 50px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}

/*BOTONES PARA ADMISIONES 22-23*/
.btn1-azul { 
  display: inline-block;
   border-radius: 5px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #00A2DB;
   background:#00A2DB;
   color:#FFF;
   font-size:1.3em;
   font-weight:bold;
   font-style:normal;
   padding:10px 25px 10px 25px;
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
} 
 
.btn1-azul:hover, 
.btn1-azul:focus, 
.btn1-azul:active, 
.btn1-azul.active, 
.open .dropdown-toggle.btn1-azul { 
  color: #FFF; 
  background-color: #04D4F7; 
  border-color: 1px solid #00A2DB;
	border-radius: 5px;
	font-size:1.3em;
	font-style: italic;
} 
 
.btn1-azul:active, 
.btn1-azul.active, 
.open .dropdown-toggle.btn1-azul { 
  background-image: none; 
} 

/*------------------------------------------------------------------*/
.btn2-verde { 
  display: inline-block;
   border-radius: 5px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #00BF76;
   background:#00BF76;
   color:#FFF;
   font-size:1.3em;
   font-weight:bold;
   font-style:normal;
   padding:10px 25px 10px 25px;
	margin: 5px 0px 10px 0px;
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
} 
 
.btn2-verde:hover, 
.btn2-verde::focus, 
.btn2-verde::active, 
.btn2-verde:.active, 
.open .dropdown-toggle.btn2-verde: { 
  color: #FFF; 
  background-color: #20c997; 
  border-color: 1px solid #00BF76;
	border-radius: 5px;
	font-size:1.3em;
	font-style: italic;
} 
 
.btn2-verde::active, 
.btn2-verde:.active, 
.open .dropdown-toggle.btn2-verde: { 
  background-image: none; 
}