h2{
    text-align: center;
}
header{
    background-image: url('../img/header-back.jpg');
    height: 14vh;
}
header img{
    padding-top: 7%;
    padding-left: 5%;
    /* width: 500px; */
}
header h1{
    color: white;
    /* font-size: 36px !important;
    font-weight: 700;
    letter-spacing: 1px; */
    padding-top: 3%;
}
#inicios{
    width: 50%;
    margin: auto;
}
footer{
    margin-top: 2%;
    background-image: url('../img/header-back.jpg');
    color: white;
    height: 25vh;
    padding-top: 2%;
    position: relative;
    bottom: 0;
    width: 100%;
}
footer p{
    text-align: center;
    padding-top: 1%;
}
.footer-copyright p{
    text-align: center;
}
.row{
    width: 100%;
}
/*Color de la navbar inferior*/
.navbar{
    /*background: #6e0065!important;*/
	background: #194891!important;
    /*border-top: 2px solid #CFA974;*/
	border-top: 2px solid #759090;
}
.navbar-nav{
    margin: auto;
}
.nav-link{
    color: white !important;
    font-size: 20px;

    font-weight: 400;
}
/*Color del hover en menú*/
.nav-link:hover{
    /*background-color: #cfa974;*/
	background-color: #759090;
}
#cenexp{
    margin: auto;
    width: 80%;
}
/*Color del nombre del personal*/
a{
    /*color: #88147f;*/
	color: #194891;
}
/*Color de la paginación*/
.page-link{
    /*color: #88147f !important;*/
	color: #194891 !important;
}
/*Color de active pagination*/
.page-item.active .page-link{
    /*background-color: #cfa974;*/
	background-color: #759090;
    border: none;
    color: white;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 200% !important;
}

/* Color titulo tabla*/
table.dataTable thead > tr > th{
    /*color: #88147f;*/
	color: #194891;
}

div.dataTables_filter{
    display: none !important;
}

@media (max-width: 575.98px) { 
    header{
        height: 10vh;
    }
    header img{
        width: 100%;
    }
    header h1{
        font-size: 25px;
        padding-top: 14%;
    }
    .navbar-toggler {
        color: white;
    }
    .container{
        padding-left: 10%;
    }
    
}

@media (min-width: 576px) and (max-width: 767.98px) {
    header img{
        width: 100%;
    }
    header h1{
        font-size: 25px;
        padding-top: 14%;
    }
    .container{
        padding-left: 10%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    header{
        height: 10vh;
    }
    header img{
        width: 100%;
    }
    header h1{
        font-size: 32px;
        padding-top: 4%;
    }
    .container{
        padding-left: 5%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    header{
        height: 10vh;
    }
    header img{
        width: 100%;
    }
    header h1{
        font-size: 40px;
        padding-top: 3%;
    }
    .container{
        padding-left: 5%;
    }
    footer{
        height: 30vh;
    }
 }

 @media (min-width: 1200px) { 
    header img{
        width: 78%;
        padding-top: 4%;
    }
    header h1{
        font-size: 40px;
        padding-top: 2%;
    }
    .container{
        padding-left: 5%;
    }
 }