*{
	margin:0;
	padding:0;
}
body{
	background-color:#ffffff;

}
div#header{
	width: 100%;
	height: 70px;
	background-color: #203864;
}
h1{
	color : #ffffff;
}
p{
	color : #ffffff; 
}
h3{
	color : #ffffff;
}
div#izquierda{
	float: left;
	margin:20px;
}
div#derecha{
	float: right;
	margin:20px;
}
div#body{
	margin:50px;
}
div#footer{
width: 100%;
	height: 70px;
	background-color: #203864;
		
}
div#logos{
	margin: 20px;
}
div#admi{	
	width: 100%;
	height: 470px;
}
div#admi1{
width: 33%;
height:470px;
float: left;
}
.caja1{
	width: 33%;
height:800px;
float: left;
}
.caja2{
	width: 50%;
height:800px;
float: left;
}
.caja3{
	width: 33%;
height:470px;
float: left;
}
div#admi2{
width: 33%;
height:470px;
float: center;
}
div#admi10{
width: 35%;
height:470px;
float: left;
}
div#admi20{
width: 55%;
height:470px;
float: right;
}
a{
	background: #203864;
	color: #ffffff;
	display: inline-block;
	font-size: 20px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:250px;
	text-decoration: none;
	
	
}
a:hover{
	background: #a8a8a8;
	transform: scale(1.1);
	box-shadow: 5px 5px 5px rgb(0,0,0,0.70);
	overflow-x:hidden;

}
.btn_back ion-icon{
	position: relative;
	top: 4px;
	right: 2rem;
	font-size: 1.5rem;
	font-weight: 4rem;

}
.btnacjefe{
	background: #001b4eec;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:100px;
	text-decoration: none;
	position: relative;
	top:  2rem;/**/
	font-weight: bold;
	
}
.btnacjefe:hover{
	background: #000e27;
	transform: scale(1.1);
	overflow-x: hidden;
	
}
.btnac{
	background: #001b4eec;
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:200px;
	text-decoration: none;
	border-radius: 10px;
	
}
.btnac:hover{
	transform: scale(1.1);
}
.btn{
	background: #FF0000;
	color: #000000;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:100px;
	text-decoration: none;
	
}
.face{
	background: #0000FF;
	color: #000000;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:100px;
	text-decoration: none;
	border-radius: 20px;
	
}
.imglogo{
	background:none;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:100px;
	text-decoration: none;
	border-radius: 20px;
}

.regresar{
	background: red;
	color: #000000;
	display: inline-block;
	font-size: 15px;
	margin: 5px;
	padding: 5px 0px;
	text-align: center;
	width:50px;
	text-decoration: none;
	border-radius: 20px;
}

.container{
	padding: 1em;
	overflow: hidden;
}

.item{
	margin: 1em;
	padding: 1em;

	float: left;
}












			ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
			}
			
			.nav li a {
				background: #22328f;
				color: #ffffff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				font-size: 18px;
			}
			
			.nav li a:hover {
				background-color: #a8a8a8;
				;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
			

.logos{
	margin: 1px 2rem;
}

h2{
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	padding-bottom: 10px;
}
table{
	/**/background-color: rgba(46, 96, 129, 0.568);
	height: 17rem;
	padding: 3rem;
	border-radius: 5px;
	box-shadow: 10px 10px 10px rgb(0,0,0,0.25),
	10px 10px 25px rgb(0,0,0,0.50);
}
table input{
	padding: 5px;
	border-radius: 6px;
}
table ion-icon{
	color: #001b4eec;
	font-size: 1.5rem;

}
.register_alum{
	background-color: #203864;
	color: #ffffff;
	position: relative;
	font-weight: bold;
	top: 15px;
	right: 5px;
	width: 25.4rem;
	border-radius: 5px;
	box-shadow: 10px 10px 20px rgb(0,0,0,0.25),
	10px 10px 25px rgb(0,0,0,0.50);

}
.register_alum:hover{
	background: #203864;
	color: #ffffff;
	box-shadow: 10px 10px 20px rgb(0,0,0,0.50),
	10px 10px 25px rgb(0,0,0,0.50);
}
.form_alumnos {
	padding-bottom: 5rem;
}

.form_alumnos form{
	background-color: rgba(46, 96, 129, 0.568);
	display:inline-block;
	padding: 1rem 15rem ;
	font-weight: bold;
	box-shadow: 10px 10px 20px rgb(0,0,0,0.25),
	10px 10px 25px rgb(0,0,0,0.50);


}
.form_alumnos form label{
	display: flex;
}
.form_alumnos input, select{
	margin-bottom: 15px;
	padding: 4px;
	border: none;
	border-radius: 5px;
	
}

.perfil_tutorado{
	display:inline-block;
	position: absolute;
	left: 1rem;
	font-size: 20px;
	font-weight: bold;
	color: #000000;	
}
.perfil_tutorado ion-icon{
	position: relative;
	font-size: 2.5rem;
	color: #22328f;
}
.perfil_tutorado span{
	position: relative;
	bottom: 10px;
}
.exit_tutorado{
	display: inline-block;
	position: absolute;
	right: 0;
}
.exit_tutorado a{
	width: 10rem;
}

.exit_tutorado span{
	position: relative;
	bottom: 5px;
}
.exit_tutorado ion-icon{
	position: relative;
	font-size: 1.6rem;
	left: 1.5rem;
	
	
}
.nav .menu_tutorados{
	margin: 1rem 1px 2rem;
	
}
.menu_tutorados a{
	position: relative;
	border-radius: 20px;
	left: 1.5vw;



}
.cont_menu{
	position: absolute;
	z-index: 10;
	width: 20rem;
	left: 8vw;
	background-color: #00426134;
	border-radius: 20px;
	padding: 0 9rem;
	top: 1rem;
}
.cont_img{
	position: relative;
	bottom: 2.5rem;
}
.cont_img img{
	position: absolute;
	right: 10vw;
	height: 340px;
	width: 340px;
}
.contenedor{
	position: relative;
	/*background-color: #70AD47;*/
	padding-bottom:  30rem;
}
.pie {
	position: absolute;
	bottom: 0;
	padding-bottom: 1rem;
}
.cont_admin img{
	width: 400px;
	

}
.cont_admin li{
	margin: 0 auto;
}
.cont_admin a{
	border-radius: 20px;
}
.cont_admin .admin_menu{
	display: inline-block;
	margin: 0 auto;
	margin-top: 2.5rem;
}
.cont_forms{
	display: inline-block;
	margin:  0 auto;
	padding-bottom: 3rem;
	top: 0;
	
}
.cont_forms form{
	display: inline-block;
	margin: 0 3rem;
	background-color: #00426134;
	font-weight: bold;
	padding: 1rem 4rem 2.5rem;
	border-radius: 15px;
	box-shadow: 10px 10px 20px rgb(0,0,0,0.50),
	10px 10px 15px rgb(0,0,0,0.0);
}
.nota_update{
	background-color: #57575741;
	position: relative;
	display: inline-block;
	width: 9rem;
	font-style: italic;
	margin-top: 1rem;
	padding: 10px 10px;
	text-align: justify;
}
.cont_forms form label{
	display: flex;
	
	
}
.cont_forms form input{
	padding: 3px;
	border-radius: 15px;
	border: none;
}
.icono ion-icon{
	color: #08368bec;
	position: relative;
	font-size: 1.6rem;
	top: 6px;
}
.icono input{
	height: 1.5rem;
}
.icono #search{
	
	position: sticky;
}
.icono form{
	padding-top: 2.5rem;
}
.cont_resultado form{
	display: inline-block;
	margin: 0 3rem;
	background-color: #00426134;
	font-weight: bold;
	padding: 1rem 6rem 2.5rem;
	border-radius: 15px;
	box-shadow: 10px 10px 20px rgb(0,0,0,0.50),
	10px 10px 15px rgb(0,0,0,0.0);
	text-align: left;
	position: relative;

}
.cont_resultado input{
	padding: 3px;
	border-radius: 15px;
	border: none;
	width: 14rem;
	
}
.cont_resultado .btn_actualizar{
	background: #001b4eec;
	color: #ffffff;
	font-size: 15px;
	margin: 5px;
	padding: 8px 0px;
	text-align: center;
	width:100px;
	font-weight: bold;

}
.cont_resultado .btn_eliminar{
	background: #790101ec;
	color: #ffffff;
	font-size: 15px;
	margin: 5px;
	padding: 8px 0px;
	text-align: center;
	width:100px;
	font-weight: bold;
}
.cont_resultado .btn_actualizar:hover{
	transform: scale(1.1);
}
.cont_resultado .btn_eliminar:hover{
	transform: scale(1.1);
}
.c_ints{
	margin-top: 1rem !important;
	padding-bottom: 9rem !important;
	position: relative;
	display: inline-block;
	width: 90%;
	
}
.c_ints .nav{
	display: flexbox;
	position: absolute;
	justify-content: center;
}
.cont_resultado .close{
	position: absolute;
	right: -10px;
	top: -10px;
	font-size: 2rem;
}
.cont_resultado .close:hover{
	transform: scale(1.1);
	color: #002d7a;
}


msg-error {
	color: #c65848;
  }
.g-recaptcha.error {
	border: solid 2px #c64848;
	padding: .2em;
	width: 19em;
	
}

.separar ion-icon{
	position: relative;
	top: 5px;
	
}
.menu_principal{
	border-radius: 15px;
	padding: .5rem;
	
}
.recuperarContra{
	all: unset;
}



