/* Estilos Propios */

.barra-encabezado {
    background-color: #001B5A;
    height: 60px;
    
}

.barra-encabezado a {
    color: white; 
    vertical-align: middle; 
    font-family: 'Oswald', sans-serif;
}

.barra-encabezado svg {
    color: white; 
    vertical-align: middle; 
}

.barra-encabezado a:hover {
    color: #FF6400;
    text-decoration: none;
}

/* MENU NAVEGACIÓN */

.menu-navegacion {    
    font-size: 1.8rem;
    font-family: 'Hammersmith One', sans-serif;

}

.menu-navegacion ul li .dropdown a {
    color: red;
}

.menu-navegacion li a {
    border-bottom: 5px solid #f8f9fa;
}

.menu-navegacion li a:hover {
    border-bottom: 5px solid #DF7401;
    color: #DF7401;
}

.menu-navegacion li .dropdown a:focus {
    background-color:#001B5A;
}

/* FIN MENÚ NAVEGACIÓN */

.slogan{
    margin-top:-10px;
    font-style:italic;
    color:#DF7401;
    font-size: 1.3rem;
    display: block;
    padding-top:0.6rem;
    font-weight: 600;
  }

.nombre-escuela {
    margin-top:3px;	
    color: #001B5A;
    font-size: 1.9rem;
    font-weight: 600;
  }

.barra-info {
      background-color:#DF7401;
      padding: 3rem 2rem;
      color: white;
  }

.barra-info2 {
    background-color: #001B5A;
    margin-top: 2rem;
    padding: 3rem 2rem;
    color: white;
}

span.texto-destacado {
      font-weight: 700;
  }

.opciones-educativas {
/*    background-color: rgb(241, 241, 241); */
}

.opciones-educativas h2 {        
    margin-bottom: 3rem;
    color:#001B5A;
    font-weight: 800;
}

.box-niveles a {
    color:#001B5A;
    font-weight: 800;
}

.box-niveles a:hover {
    color:#DF7401;
    text-decoration: none;
}

.box-niveles .card:hover {
    border: 1px solid #DF7401;
}


.contenedor h5 {
    background-color: rgba(255, 255, 255, 0.514);
    position: relative;
    z-index: 100000;
}

.card img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
    }
    .card:hover  img {
    -webkit-transform:scale(1.10);
    -moz-transform:scale(1.10);
    -ms-transform:scale(1.10);
    -o-transform:scale(1.10);
    transform:scale(1.10);
    }
    .card {/*Ancho y altura son modificables al requerimiento de cada uno*/
    width:100%;
    height:100%;
    overflow:hidden;
    }

.box-img img {
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
    }

.box-img img:hover {
    -webkit-transform:scale(1.10);
    -moz-transform:scale(1.10);
    -ms-transform:scale(1.10);
    -o-transform:scale(1.10);
    transform:scale(1.10);
}

.box-img {
    width:100%;
    height:100%;
    overflow:hidden;
}

.subtitulo-seccion h4 {
    margin-top: 3rem;    
    font-size: 1.3rem;
    font-weight: 500;
    color: #001B5A;    
}

.ventajas-educativas {        
    padding-top: 3rem;
}

.icon-ventajasedu {
    margin-bottom: 1rem;
}

.box-caracteristicas {
    margin-top: 2rem;
}

.seccion-eventos {
    padding-left: 8rem;
    padding-right: 8rem;    
}

.seccion-eventos .col-3 {
    padding: 0 0;
}

.box-galeria {           
    padding-left: 0;
    padding-right: 0;   
}

.descripcion-galeria h4 {
    color:#001B5A;
    font-style: italic;  
}

.descripcion-galeria h5 {
    color: #DF7401;
    font-weight: 600;    
}

.descripcion-galeria p {
    color: #747474;
    font-weight: 400;    
    font-size: .7rem;
    text-align: center;
}

.formulario {
    background-color: #f1f1f1;
    padding-top: 3rem;  
    border-top: 6px dashed #a5a5a5;  
    
}

.ubicacion {
    padding-left: 0;
    padding-right: 0; 
    margin-left: 0;
}

.ubicacion .col-9 {    
    padding-left: 0;
    padding-right: 0;
    
}

.ubicacion {
    border-bottom: 10px solid #DF7401;
}    


.contenedor-refubicacion {
    background-color: #001B5A;
    color: white;
}   

.contenedor-refubicacion .col-3 {
    padding-left: 0;
    padding-right: 0;
}

.contenedor-refubicacion h5 {
    color:#DF7401;
}

.contenedor-refubicacion a {
    color: white;
}

.contenedor-refubicacion a:hover {
    color: #DF7401;
    text-decoration: none;
}

.footer {
    padding-top: 3rem;
    background-color:#141414;
    color: white;
}

.footer-deco ul {        
    list-style-type: none;
}

.footer-deco ul li {        
    color: white;
}

.footer-deco ul li a {        
    color: #DF7401;
    text-decoration: none;
}

.encabezado {
    background-image: url("../img/bg_secprimary.jpg");  
    height:450px;
    color: white;    
}

.encabezado-secu {
    background-image: url("../img/bg_secsecundaria.jpg");  
    height:450px;
    color: white;    
}

.encabezado-prepa {
    background-image: url("../img/bg_secprepa.jpg");  
    height:450px;
    color: white;    
}

.encabezado-admision {
    background-image: url("../img/bg_admision.jpg");  
    height: 450px;
    color: white; 
}

.encabezado-unesco {
    background-image: url("../img/bg_unesco.jpg");  
    height: 450px;
    text-shadow: 3px 3px 3px rgb(248, 248, 248);      
}


.encabezado-about {
    background-image: url("../img/bg_about.jpg");  
    height: 450px;
    color: white;
}

.deco-img {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 4px;
    margin: 2rem 0;    
}

.titulos {
    color:#001B5A;
    text-align: center;
}

.seccion-about {
    background-color:#e0e0e0;    
}
   

/* Estilos Bootstrap Modificados */

.navbar-collapse ul {
    margin-left: 2rem;
}

.btn-primary {
    color: #fff;
    background-color: #001B5A;
    border-color: #000d2b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #DF7401;
    border-color: #5f3304;
}

.btn-primary:active {
    color: #fff;
    background-color: #DF7401;
    border-color: #5f3304;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 177, 71, 0.5);
}

hr {
    border-bottom:5px solid #001B5A;
    width:5%
    
}

.navbar-light .navbar-nav .nav-link {
    color: #001B5A
}

.carousel-caption {
    background-color:rgba(255, 255, 255, 0.85);
    color: #DF7401;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 550;
    font-size: .9rem;
    padding: 1rem;    
}

.carousel-caption h5 {    
    font-size: 1.5rem;
    font-weight: 800;
    color: #001B5A;
  
}

/* Animate */

:root {
    --animate-delay: 1s;
  }

/* Fin Animate */




/* ************* */
/* Media Queries */
/* ************* */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 200px) {

    .box-niveles .col-12 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 2rem;
    }   

    .titulo-encabezado .display-3 {
        padding-top: 15rem!important;
        font-size: 3rem;
        font-weight: 600;
    }

    .titulo-encabezado .display-4 {        
        font-size: 2.5rem;
    }
    
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    .box-niveles .col-12 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
    } 

  
    .navbar-nav a{
        font-size:.65rem;
    }

    .titulo-encabezado .display-3 {
        padding-top: 15rem!important;
        font-size: 3.2rem;
        font-weight: 600;
    }

    .titulo-encabezado .display-4 {        
        font-size: 2.7rem;
    }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .navbar-nav a{
        font-size: 1rem;
    }

    .titulo-encabezado .display-3 {
        padding-top: 13rem!important;
        font-size: 4.2rem;
        font-weight: 600;
    }

    .titulo-encabezado .display-4 {        
        font-size: 3.5rem;
    }

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

   .box-galeria .col-12 {      
       
       padding-left: 0;
       padding-right: 0;
   }
 }

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1333px) { 

    

 }