:root {
	--primary: #002A6E;
	--secondary: #007cba;
	--black: #333333;
	--bco: #fafafa;
	--yellow: #F5B902;
}
*{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color: var(--bco);
}
h1{
	font-size: 32px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
h2{
	font-size: 28px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	margin: 25px 0;
}
h3{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
}

p{
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
}
.recupera-pass{
	margin-top: 12px;
}
.recupera-pass a{
	color: #fff;
}
.btn-danger {
	color: var(--black);
	background-color: var(--yellow);
	border-color: var(--yellow);
}
.btn-danger:hover {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color:var(--black);
	border-color:var(--black);
}
btn-danger.focus, .btn-danger:focus {
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1); 
}
.link-footer{
	color: var(--yellow);
}

body{
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	background: var(--secondary);
}
header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,42,110,0.9),rgba(0,42,110,0.6)),url(../images/banner2.jpg);
	background-size: cover;
	background-position: center;
}
.header{
	width: 100%;
	height: auto;
	background: var(--secondary);
}
.logotipo img{
	width: auto;
	margin-top: 75px;
	margin-bottom: 35px;
}
.logo_home img{
	width: auto;
	margin-top: 24px;
}
hr{
	border-bottom: 1px solid var(--bco);
}
footer{
	position: relative;
	width: 100%;
}
footer p{
	color: var(--bco);
	font-size: 12px;
	padding:24px 0;
}

.images_perfil img{
	width: 68px;
	height: 68px;
	background-size: cover;
	border-radius: 50%;
	border: 2px solid var(--gris); 
}

.btn_disciplina > a:link  {
	background: var(--primary);
	width: 6rem;
	height: 6rem;

	border-radius: 8px;
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1); 
	margin: 18px;
	float: left;
}
.btn_disciplina a:hover  {
	background: var(--secondary);
}
.btn_disciplina p{
	margin-top: 16px;
}
.btn_disciplina img{
	width: 90%;
	padding: 5%;
}
.table td, .table th {
    padding: 12px 8px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


/*destop*/
@media (min-width: 1024px){
	.container{
		padding: 0 240px;
	}
}

/*movil*/
@media (max-width:780px) {
	.container{
		padding: 0 25px;
	}
}