* , *::before , *::after {
    box-sizing: border-box;
}
body {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color:#7a7a7a;
    font-family: 'Roboto', sans-serif!important;
}
h2  {
    color:#102947;
}
section h3 {
    color:#102947;
}
div.top {
    background: #6db4c6;
    color:#f1f1f1;
    padding:10px 0;
}
div.top div.container div.row {
    justify-content: space-between;
    align-items: center;
}
div.top div.container div.access form div.input-group {
    margin-bottom:0!important; 
}

div.top span::before , div.top div.access a::before{
    font-family: 'font Awesome 5 pro';
    display: inline-block;
    color: white;
    margin-right:2px;
}
div.top span.tel::before{
    content: '\f095';
}
div.top span.email::before{
    content: '\f0e0';
}
div.top div.access a#a-login::before {
    content: '\f007';
}
div.top div.access a#a-solicitud::before {
    content: '\f023';
}
header.ppl {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
    background-color: #021f47;
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
    
}
header.ppl img {
    width:100%;
}
div.top div.contact {
    text-align: center;
    margin-bottom:5px;
}
div.access{
    text-align: center;
    font-size: 14px;
    display:flex;
    justify-content: flex-end;
}
 div.access a {
    padding: 5px 10px;
    color:white;
}
.btn-primary {
    background:#173e69!important;
    border-color:#173e69!important;
}
nav.navbar-light {
    background-color: #021f47!important;
}
nav.navbar ul li a.nav-link {
    color: white!important;
    font-family: 'Belleza', sans-serif;
}
.navbar-light .navbar-nav .active>.nav-link {
    color: white!important;
}
/* carousel */
.carousel-caption {
    bottom:40%!important;
    background:rgba(16,41,71,0.6)!important;
}
.carousel-caption p {
    margin-bottom:0;
    font-style: italic;
}
/* niveles */
section.niveles {
    /*background-color: #102947;
    background-image: url("https://www.transparenttextures.com/patterns/skulls.png");

    color:white;*/
    padding:30px 0;
}
section.niveles div.col-md-4 {
    text-align: left;
    padding:20px 15px;
}
section.niveles  h3 {
    border-left: 5px solid #6db4c6;
    padding-left:20px;
    color:#102947;
    font-family: 'Belleza', sans-serif;
}
div.card {
    position: relative;
    background: #102947;
    margin-bottom:10px;
}
div.card img {
    display: block;
    margin:0;
    width: 100%;
    transition: opacity ease-out 250ms;
    opacity: 1;
}
.card:hover img {
    opacity: 0.2;
}
div.card div.icon {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    color:white;
    opacity: 0;
    transition: opacity ease-out 250ms;
}
.card:hover .icon {
    opacity: 1;
}

/* section.niveles div.col-md-4 h3::before {
    font-family: 'font Awesome 5 pro';
    display: block;
    margin-bottom: 10px;
    color: #102947;
}
section.niveles div.col-md-4#inicial h3::before{
    content: '\f5a9';
}
section.niveles div.col-md-4#primario h3::before{
    content: '\f5da';
}
section.niveles div.col-md-4#secundario h3::before{
    content: '\f19d';
} */

/*admisiones */
section.admisiones {
    background: #102947;
    color:white;
    padding:20px 0;

}
section.admisiones .container {
    display: fleX;
    flex-flow: column;
    align-items: center;
}
section.admisiones .container p {
    margin-bottom:0;
}
section.admisiones a {
    color:white;
}
section.admisiones div.col-sm-4 {
    display: flex;
}
section.admisiones div.boton {
    text-align: center;
    background:#3d5981;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:15px;
    width: 100%;
}
section.admisiones div.boton h4::before{
    font-family: 'font Awesome 5 pro';
    display: block;
    margin-bottom: 10px;
    color: white;
}
section.admisiones div.boton#micorreo h4::before{
    content: '\f0e0';
}
section.admisiones div.boton#reserva h4::before{
    content: '\f274';
}
section.admisiones div.boton#admisiones h4::before{
    content: '\f333';
}

.btn-secondary {
    background:#F5CB5C!important;
    border-color:#F5CB5C!important;
}
/* footer */

footer {
    background: #102947;
    color:white;
    padding:25px 0;
}
footer img {
    width: 100%;
}
footer div.english {
    text-align: center;
}
footer div.map {
    font-size: 14px;
}
footer div.map h5 {
    font-size: 16px;
    text-transform: uppercase;
}
footer div.map ul {
    list-style: none;
    margin:0;
    padding:0;
}
footer div.map ul li a , footer div.map ul li a:hover {
    color:white!important;
}

/* novedades-home */

section.novedades {
    padding:30px 0;
    background-color: #e8eddf;
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    font-size: 18px;
    text-transform: uppercase;
}
.nav-tabs .nav-item a {
    color: #102947!important;
}
.nav-tabs .nav-item a.active {
    background: #0a8e4a;
    color:white!important;
}
div.novedad-tab {
    margin-bottom:25px;
}
section.novedades div img {
    width:100%;
}
section.novedades div.novedad {
    position: relative;
    margin-bottom:30px;
    max-height: 540px;
    overflow: hidden;
}
div.info-card {
    position: absolute;
    bottom: 0;
    left: 15px;
    padding: 15px;
    background: rgba(16,41,71,0.6)!important;
    color: white;
    width: 92.5%;
}
div.col-sm-4.novedad div.info-card {
    width: 92.5%;
    top:0;
    display: flex;
    flex-flow: column;
    align-items: end;
    justify-items: end;
    justify-content: flex-end;
}


 p.datos {
     width: 100%;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px 0;
    color: #0a8e4a;
}


/* detalle-contenido */

div.banner.col-12 {
    padding: 0;
}
div.banner img {
    width:100%
}
div.detalle-contenido sidebar {
    background:#c3cdd9;
    padding:25px;
    color:#102947;
    display:none;
}

div.detalle-contenido sidebar ul {
    margin:0;
    padding:0;
    list-style: none;
}
div.detalle-contenido sidebar ul li {
    margin-bottom:10px;
}

div.detalle-contenido main{
    padding-top: 25px;
    padding-bottom: 25px;
    margin: auto;
}
div.detalle-contenido main h4{
    color:#c3cdd9;
}
.album-detalle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin-top: 40px;
    margin-left:0;
    padding:0;
}
.album-detalle .album_thumb {
    padding: 10px;
    background-color: white;
    -moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.8);
    margin-bottom:10px;
}
.album-detalle .album_thumb img {
    width:100%;
}
/* mas informacion */
section.informacion {
    padding: 30px 0;
}

section.informacion div#prox-eventos ul , section.informacion div#documentos ul {
    margin:0;
    padding:0;
    list-style: none;
}
section.informacion div#prox-eventos {
    margin: auto;
}
section.informacion div#prox-eventos h3 {
    width: 100%;
}
section.informacion div#prox-eventos h3 a {
    color: #102947;
    font-size: 16px;
}

section.informacion div#prox-eventos ul li div.evento {
    display: flex;
    background: #eee;
    padding: 15px 10px;
    margin-bottom: 15px;
}
section.informacion div#prox-eventos ul li div.evento span.fecha {
text-align: center;
    padding: 10px;
    width: 75px;
    height: 75px;
    border: 5px solid gray;
    margin-right: 5px;
}
section.informacion div#prox-eventos ul li div.evento p {
    margin-bottom:0;
}





section.informacion div#documentos ul li {
    margin-bottom: 10px;
    font-size: 16px;
}
section.informacion div#documentos ul li a {
    color:#102947;
}

section.informacion div#documentos ul li::before {
    font-family: 'font Awesome 5 pro';
    display: inline-block;
    color: #102947;
    margin-right:2px;
    content: '\f56d';
}

div.wmnt {
    background:#211f1f;
    color:white;
    text-align: center;
    padding:10px 0;
}
div.wmnt span {
    font-weight: bold;
}

/* portada niveles */
div.portada {
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}
div.portada img {
    width:100%;
}

div.portada header {
    padding:25px 0;
    text-align: center;
    width: 100%;
    background:white;;
}
div.portada .container {
    background:#f9f9f9;
    padding: 30px 20px;
}

/* listado contenidos */
div.listado-contenidos sidebar {
    background:#c3cdd9;
    padding:25px;
    color:#102947;
}

div.listado-contenidos sidebar ul {
    margin:0;
    padding:0;
    list-style: none;
}
div.listado-contenidos sidebar ul li {
    margin-bottom:10px;
}
div.listado-contenidos sidebar ul.filtrar-por {
    display:flex;
    flex-flow:row;
    flex-wrap: wrap;
}
div.listado-contenidos sidebar ul.filtrar-por li {
    margin-right: 15px;
}
div.listado-contenidos sidebar ul.filtrar-por a {
    color:#102947;
}
div.listado-contenidos sidebar ul.filtrar-por a.yyyy {
    font-weight: bold;
}
div.listado-contenidos sidebar ul.filtrar-por li ul {
    display: flex;
    flex-flow:row;
    flex-wrap: wrap;
}
div.listado-contenidos .container {
    padding-top:30px;
    padding-bottom:30px;
}
div.listado-contenidos ul.novedades {
    margin:0;
    padding:0;
    list-style: none;
}
div.listado-contenidos ul.novedades li {
    margin-bottom:15px;
}
div.listado-contenidos ul.novedades li img {
    width:100%;
}

.feature {
    display:flex;
    flex-flow:column;
    margin-top: 30px;
}
.feature img {
    width: 100%;
    margin-bottom: 20px;
}