/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12/11/2019, 08:36:21 AM
    Author     : Oficina
*/

/*Estilos del header*/
.header-class{
    height: 22px;
    width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
    left: 0; /* Posicionamos la cabecera al lado izquierdo */
    top: 0; /* Posicionamos la cabecera pegada arriba */
    position: fixed; /* Hacemos que la cabecera tenga una posición fija */
    z-index: 999;
}

/*Contenedor del header*/
.nav-menu-superior{
    position: absolute;
    height: 100%;
    margin-bottom: 0px;
    text-align: center;
    color: #f2f2f2;
    overflow: visible;
    width: 100%;
    font-size: 1vw;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .nav-menu-superior{
        font-size: 2.5vw;
    }
}
/*Estilos de los a href*/
.nav-link{
    font-family:  Raleway;
    color:white;
    padding: 0;
}
/*Estilos div preescolar*/
.ul-sup-preescolar{
    width: 22.5%;
    height: 100%;
    background-color: #B7C759;
    float: left;
    padding-top: 2px;
}
/*Estilos div preescolar*/
/*Estilos div primaria*/
.ul-sup-primaria{
    width: 22.5%;
    height: 100%;
    background-color: #EAD053;
    float: left;
    padding-top: 2px;
}
/*Estilos div primaria*/
/*Estilos div logo main*/
.ul-sup-logo{
    width: 10%;
    float: left;
    height: 100%;
    background-color: #14579D;
}
.ico-logo-menu-sup{
    width: 100%;
}
.ico-logo-menu-sup-header{
    width: 70%;
}
.ico-logo-menu-sup:hover{
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
    margin-top:10%;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.ul-sup-logo:hover>#ico-logo-menu{
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.5);
    margin-top:10%;

}
/*Estilos div logo main*/
/*Estilos div logo secundaria*/
.ul-sup-secundaria{
    width: 22.5%;
    height: 100%;
    background-color: #EB683B;
    float: left;
    padding-top: 2px;
}
/*Estilos div logo secundaria*/
/*Estilos div logo bachillerato*/
.ul-sup-bachillerato{
    width: 22.5%;
    height: 100%;
    background-color: #017B66;
    float: left;
    padding-top: 2px;
}
/*Estilos div logo bachillerato*/
div.nav-menu-superior  :hover div{
    height: 150%;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
@media only screen and (max-width: 768px) {
    div.nav-menu-superior a :hover {
        font-size: 2.5vw;
        vertical-align: middle;
        color: white;
        text-decoration: none;
    }
}
@media only screen and (min-width: 769px) {
    div.nav-menu-superior a :hover {
        font-size: 2vw;
        vertical-align: middle;
        color: white;
        text-decoration: none;
    }

}