body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	/* background-color: #26a9db; */
	justify-content: center;
}
a{
	text-decoration: none;
}
#login {
	display: flex;
	align-items: center; /* Centra verticalmente los elementos hijos */
	justify-content: center; /* Centra horizontalmente los elementos hijos */
	height: 100vh; /* Asegura que el contenedor tenga la altura de la ventana */
}
nav{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#000000;
	border-bottom: 2px solid #ffffff;
	text-align: center;
}
section{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
    align-items: center;
    justify-content: center;
}
.btn-danger{
	color: #fff;
	background-color: #d00;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 5px 10px;
}
.btn-warning{
	color: #fff;
	background-color: #ff6200;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 5px 10px;
}
.busqueda-data{
	margin-top: 1em;

}
.busqueda-data-table{
	width: 96%;
	color: #3a3a3a;
	text-align: left;
	border-collapse: collapse;
	margin-top: 1.5em;
	margin-left: 2%;
	margin-right: 2%;
}
.busqueda-data-table tr{
	
	border-bottom: #004b93 2px solid ;
	height: 40px;
}
.busqueda-data-table th{
	
	color:  #000000;
	text-align: left;
}
.busqueda-form{
	position: relative;
	float: left;
	text-align: center;

}
.busqueda-form-btn{
	margin-top: 1em;
	height:35px;
	width: 130px;
	border: 2px solid #000000;
	border-radius: 5px;
	background-color: #fff;
}
.busqueda-form-btn:hover{
	
	border: 2px solid #891218;
	background-color: #891218;
	color: #fff;
	font-weight: bold;
}
.busqueda-form-input{
	margin-top: 1.5em;
	height: 50px;
	width: 80%;
	border: 4px solid #000000;
	font-size: 1.15em;
	text-align: center;	
}
.certificado-form-box{
	position: relative;
	float: left;
	margin: 0 2%;
	width: 96%;
}
.data-btn{
	padding: 5px 10px;
	
	border: 2px solid #004b93;
	border-radius: 5px;
	background-color: #fff;
}
.data-btn:hover{
	color: #fff;
	background-color: #004b93;
}
.descripcion{
	background-color:#07294d;
}
.descripcion-texto{
	position: relative;
	float: left;
	width: 80%;
	text-align: left;
	padding: 1em 10% 1em 10%;
}
.descripcion-texto h3{
	font-size: 1.8em;
}
.descripcion-texto p{
	font-size: 1.2em;
}
.descripcion-video{
	display: none;
}
.form-group{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.form-group label{
	color: #004b93;
	position: relative;
	float: left;
	width: 30%;
	font-size: 1.05em;
}
.form-group input{
	color: #004b93;
	position: relative;
	float: left;
	width: 50%;
	font-size: 1.05em;
}
.login{
	display: flex;
	text-align: center;
	margin: 0;
	width: 100%;	
	justify-content: center;
}
.login-box{
	width: 100%;
	position: relative;
	float: left;
	background-color: #fff;
	border-radius: 10px;
}
.login-box-footer{
	position: relative;
	float: left;
	width: 100%;
	background-color: #f0f0f0;
	border-top: 1px solid #d0d0d0;
	padding: 30px 0;
}
.login-box-img{
	width: 150px;
	margin: 15px auto;
}
.login-form-input{
	position: relative;
	float: left;
	width: 80%;
	margin: 10px 10%;
	height: 30px;
	background-color: #f0f0f0;
	border: none;
	text-align: center;
}
.login-form-submit{
	position: relative;
	float: left;
	width: 40%;
	margin: 10px 30%;
	height: 30px;
	background-color: #26a9db;
	border: none;
	color: #fff;
	border-radius: 5px;
}
.login-registro{
	width: 100%;
	position: relative;
	float: left;
	background-color: #fff;
	border-radius: 10px;
	margin: 0;
	padding: 0;
}
.login-registro-control1{
	position: relative;
	float: left;
	width: 40%;
	margin: 5px 4%;
	height: 30px;
	background-color: #fff;
	border: none;
	text-align: center;
	padding: 0;
	border: #d0d0d0 1px solid;
}
.login-registro-control2{
	position: relative;
	float: left;
	width: 90%;
	margin: 5px 4%;
	height: 30px;
	background-color: #fff;
	border: none;
	text-align: center;
	border: #d0d0d0 1px solid;
}
.login-title{
	color: #000;
	font-weight: bold;
}
.modal{
	display: none;
	position: absolute;
	top: 100px;
	left: 10%;
	width: 60%;
	padding: 20px 10%;
	background-color: rgba(0,0,0,0.5);
	min-height: 200px;
}
.modal-title{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #004b93;
	font-weight: bolder;
	padding-top: 20px;
}
.modal-body{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #004b93;
	font-weight: bolder;
	padding-top: 20px;
}
.modal-footer{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	color: #004b93;
	font-weight: bolder;
	padding-top: 20px;
	min-height: 50px;
}
.nav-campus{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.nav-campus a{
	background-color: #fff;
	padding: 10px 20px;
	margin-top: 35px;
	font-size: 1.25em;
	border-radius: 5px;
	color: #000000;
}
.nav-campus a:hover{
	background-color: #891218;
	color: #fff;
	border: #ffffff 2px solid;
}
.nav-menu{
	position: relative;
	float: left;
	width: 100%;
}
.nav-menu ul{
	position: relative;
	float: left;
	width: 100%;
}
.nav-menu ul li{
	list-style: none;
	display: inline;
	margin-right: 10%;
}
.nav-menu ul li a{
	color: #fff;
	font-size: 1.25em;

}
.nav-menu ul li a:hover{
	text-decoration: underline;

}
.row{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
.title-blue{
	color: #004b93;
	margin-left: 2%;
}
.oculto {
	display: none;
  }
/*pantallas */
@media only screen and (min-width: 800px) {
	.descripcion-texto{
		width: 40%;
	}
	.descripcion-video{
		display: block;
		position: relative;
		float: left;
		width: 40%;
	}
	.form-group label{
		
		width: 20%;
		
	}
	.form-group input{
		
		width: 40%;
		
	}
	.login-box{
		width: 80%;
		margin: 20px 10%;
	}
	.login-registro{
		width: 90%;
		margin: 20px 5%;
	}
	/* .nav-campus{
		
		margin-bottom: : 0;
		width: 20%;
		
	} */
	
	.nav-menu{
		
		width: 80%;
	}
}
@media only screen and (min-width: 1008px) {
	.nav-campus{
		
		width: 30%;
		
	}
	
	.nav-menu{
		
		width: 70%;
	}
	.form-group input{
		
		width: 30%;
		
	}
	.login{
	
		width: 90%;
	}
	.login-box{
		width: 35%;
		margin: 20px 2.5%;
	}
	.login-registro{
		width: 55%;
		margin: 20px 2.5%;
	}
}