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

.contenedor-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}

.contenedor-modal button {
  position: relative;
  top: 40%;
}


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

.responsive {width: 100%;height: auto;}
.color2{color: #00A2DB;}
.color3{color: #0F0E98;}
.f_24{font-size: 24px; font-weight: bold;}
.rojo{color: firebrick;}
.tachado{text-decoration: black line-through;}
.main{ background: #fff;}
.color1{ background: #34495e;color: #fff;}
.naranja{color:#F29200;}
aside{ background: #c0392b;color: #fff;}
/*-----------------INICIA ENCABEZADO--------------------*/
header {
	background: #fff;
	color: #252772;
	height: auto;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	margin-bottom: 10px;
}

	#logo_IOP{ 		
	width: 90%;	
	max-width: 350px;	
	padding:15px 10px 0px 10px;
	margin: 0 auto;
	height: auto;
	}

	#nombre_Head {
	width:90%;
	height: auto;
	margin-top:25px;
	padding:0px;
	float: right;
	text-align: end;
	}
	
	#nombre_Head h1 {
	font-family: 'Barlow', sans-serif;
   	font-size:2.2em;
	font-weight:bolder;
	/*text-transform: uppercase;
	line-height:1em;
  	color: #FFF;*/
	}
/*-----------------FINALIZA ENCABEZADO--------------------*/


/*-----------------INICIA PIE--------------------*/
footer{ 
	background: #252772;
	color: #fff;
	height: auto;
	margin-top: 0px;
	font-family: 'Barlow', sans-serif;
}
#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:10px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#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 CONTENIDOS-BODY--------------------*/


#login{
width:90%;
height:400px;
border:thin #6A6A6A;
float:left;
margin-top: 10px;
padding:10px;
border-radius: 15px;
font-family: 'Barlow', sans-serif;
font-size:14px;
color:#000; 	
}

#login h2 {	
   	font-size:28px;
	color:#0F70B7;
  	/*color: #00c4b3; */
}

#login h3 {
   	font-size:18px; 
  	color: #000;
	padding:0px;
	margin:0px;
}

#login h4 {	
   	font-size:22px; 
  	color: #000;
	padding:0px;
	margin:0px;
}

.informacion{font-size:16px;}

.error{font-size:16px;color: firebrick;}

#contenido{
		font-size:16px; 
}

#contenido h1 {
	font-family: 'Barlow', sans-serif;
   	font-size:1.8em;
	font-weight:bolder;
	color: #00A2DB;
	}

#contenido h2 {
	font-family: 'Barlow', sans-serif;
   	font-size:1.5em;
	font-weight:bolder;
	color: #00A2DB;
	}

#tb_agenda {
  border-collapse: collapse;
  /*width: 100%;*/
font-size: 16px;	
}

#tb_agenda td{
  border: 1px solid #ddd;
  padding: 8px;
vertical-align: baseline;
	
}

#tb_agenda th {
  border: 1px solid #ddd;
  padding: 8px;
  height: 25px;
  font-size: 18px;
	background:#3F3F3F; 
	color:#fff;	
	text-align: center;
}

#tb_agenda tr:nth-child(even){background-color: #f2f2f2;}

#tb_agenda tr:hover {background-color: #ddd;}

#tb_agenda .t_letra{
	border: 1px solid #ddd;
	padding: 8px;
	font-size: 1.4em;
	background: #252772;	
	color: #FFF;
	text-align: center;
}

#tb_agenda .t_letra2{
	border: 1px solid #ddd;
	padding: 8px;
	font-size: 1.4em;
	background:#C8800A;	
	color: #FFF;
	text-align: center;
}

.t_letra_imp{
	font-size: .8em;
}

#tb_agenda .t_total{
	border: 1px solid #ddd;
	padding: 8px;
	font-size: 1.6em;
	font-weight: bolder;
	background:#0BB5E9;	
	color: #FFF;
	text-align: center;
}

#tb_agenda .t_menu{
	border: 1px solid #ddd;
	padding: 9px;
	font-size: 1.1em;
	font-weight: bolder;
	background:#0BB5E9;	
	color: #FFF;
	text-align: center;
	border-radius: 25px;
}


#img_principal {
	width:95%;
	max-width: 450px;
	height: auto;
	/*min-height: inherit;*/
	padding:0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	float: left;
	/*border: dashed #6B6868;*/	
	}

#img_presencial {
	width:95%;
	/*max-width: 450px;*/
	height: auto;
	/*min-height: inherit;*/
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float: left;
	/*border: dashed #6B6868;*/	
	}

#img_presencial2 {
	width:25%;
	/*max-width: 450px;*/
	height: auto;
	/*min-height: inherit;*/
	padding:0px 0px 0px 0px;
	margin: 10px;
	float: right;
	/*border: dashed #6B6868;*/	
	}

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

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

#img_back{
  	width: 64px;
  	height: auto;
	padding:0px 0px 0px 0px;
	margin: 5px;
	float: left;	
}

#img_hand{	
	position:absolute;
 	z-index:1;
 	top:25px;
 	left:380px;
	width:64px;
	height: 64px;
	background-image: url("../img/hand2.png");
}

#img_flecha{	
	position:absolute;
 	z-index:1;
 	top:-80px;
 	left:30px;
	width:108px;
	height:96px;
	background-image: url("../img/flecha2.png");
	background-repeat: no-repeat;
}

#btn_proceso{
	position:relative;
	width: 90%;
	height: auto;
	padding: 0px;
	margin: 5px;

}

#checkbtn{
	position: relative;
	width: 32px;
	height: 32px;
	float: left;
	background: #3989E9;	
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
	margin: 10px 5px 5px ;
	padding: 10px;	
}

#img_semaforo{ 		
	width: 45%;		
	padding:5px;
	margin: 10px;
	height: auto;
	}

#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_principal{
	position: relative;
	width: 90%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	/*border: thin dashed #969696;*/
}

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

#contenido_principal h2 {
   	font-size:32px;
	font-weight:bold;
	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;
	}


#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: 0px;
	}
#vinculoA a:active, #vinculoA a:visited {
		font-family: 'Barlow', sans-serif;
		color: #FFF;
		text-decoration:none;
		padding: 0px;
	}
#vinculoA a:hover {
		font-family: 'Barlow', sans-serif;
		color: #FFF;
		font-style: italic;
		padding:0px;
	}

#secciones a:link {
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		color: #515151;
		text-decoration:none;
		padding: 0px;
	}
#secciones a:active, #secciones a:visited {
		text-align: center;
		font-size: 14px;
		font-weight: 500;
		color: #515151;
		text-decoration:none;
		padding: 0px;
	}
#secciones a:hover {
		text-align: center;
		font-size: 14px;
		color: #515151;
		font-style: italic;
		font-weight: bold;
		padding:0px;
	}

#req_seccion{
	width: 103px;
	height: 88px;
	padding: 2px;
	margin: 2px;
	float: left;
}

#req_seccion2{
	width: 113px;
	height: 88px;
	padding: 2px;
	margin: 2px;
	float: left;
}

#opcionSesion {
	width:250px;
	height:90px;
	padding:10px 15px 10px 15px;
	margin: 10px;
	float: left;
	background:#252772;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	-webkit-border-radius: 35px;
   -moz-border-radius: 35px;
   border-radius: 35px;
	text-align: center;
	color: #FFF;
	}

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


/*-----------------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: 16px;
	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 select{
	height:40px;
	font-size:16px;
	color: #333;
	padding:5px;
	margin:10px 10px 15px 10px;
	line-height:1.6em;
	border-bottom: 2px medium #CCC;
	display:inline-block;
}

#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;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   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;
   -webkit-border-radius: 35px;
   -moz-border-radius: 35px;
   border-radius: 35px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #252772;
   background:#252772;
   color:#FFF;
   font-size:20px;
   font-weight:bold;
   font-style:normal;
   padding:15px 35px 15px 35px;
	margin: 5px 0px 10px 0px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}

.boton3{
	display: inline-block;
   -webkit-border-radius: 35px;
   -moz-border-radius: 35px;
   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;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);	
}

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

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

.boton6{
	display: inline-block;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #14C158;
   background:#14C158;
   color:#FFF;
   font-size:1.4em;
   font-weight:400;
   font-style:italic;
   padding:10px 20px 10px 20px;
}

.boton7{
	display: inline-block;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
    white-space: nowrap;
   line-height:1em;
   position:relative;
   outline: none;
   overflow: visible;
   cursor: pointer;
   border:1px solid #277EE7;
   background:#277EE7;
   color:#FFF;
   font-size:1.4em;
   font-weight:400;
   font-style:italic;
   padding:10px 20px 10px 20px;
}

/*-----------------FINALIZA BOTONES--------------------*/