.bannerPrinc{
    position: absolute; left: 0; top: 3px; width:100%; min-height:270px; background: url(../img/general/bannerPrinc.jpg) no-repeat center top; background-size: contain; z-index: 0;
}
header .container{
    position: relative;
}
.logo{
    position: absolute; top:10px; left: auto; display: block; width: 250px; height: 55px; background: url(/media/4jsmxbrd/logo.png) no-repeat; background-size: 250px 55px;
}

@media(max-width:767px){
    header .menu .inicio span.sr-only{
        display: block; position: inherit; overflow:visible; clip: auto; height: auto; width: auto; padding:inherit; margin: auto;
    }
}

.navbar-toggle{
    padding-bottom:0; margin-right: 0;
}
.navbar-toggle .icon-bar{
    background: #fff; width: 30px; height: 4px;
}
.top{
    position: relative;
    z-index: 1;
}
.navbar-header{
    min-height: 90px;
}
.navbar-collapse{
    background: #283247; margin-left: -31px !important; margin-right: -31px !important; border-top: none;
}
.navbar-collapse ul{
    list-style: none; padding: 0; margin: 0;
}
.navbar-collapse a{
    display: inline-block; color:#fff; padding-top: 5px; padding-bottom: 5px;
}
.espaciado{
    padding-bottom: 20px;
}

.btnGrad{ position: relative; display: block; min-width: 335px; float: right; padding: 10px 120px 10px 30px; margin: -40px 0 30px 0; background: #091c23; border: 2px solid #fff; border-radius: 5px; font-size: 13px; color: #fff; text-transform: uppercase; transition: 0.7s;
}
.btnGrad:hover{ text-decoration: none; color: #fff;  background-color: #0058a6;
}
.btnGrad::after{ content: ""; display: block; width: 66px; height: 66px; position: absolute; top: -15px; right: 25px; background: url(/media/pm5kbgzq/icn-btngraduacion.png);
}

.btnInscript{ position: relative; display: block; min-width: 335px; float: right; padding: 10px 120px 10px 30px; margin: -40px 0 30px 0; background: #091c23; border: 2px solid #fff; border-radius: 5px; font-size: 13px; color: #fff; text-transform: uppercase; transition: 0.7s;
}
.btnInscript:hover{ text-decoration: none; color: #fff;  background-color: #0058a6;
}
.btnInscript::after{ content: ""; display: block; width: 66px; height: 66px; position: absolute; top: -15px; right: 25px; background: url(/media/d3pcpye0/inscripcion-idiomas.png);
}

    
    /* SUPERIOR A (767PX) */
    
    @media (min-width: 768px){
        
        .navbar-header{ min-height: inherit;
        }
        .bannerPrinc{ position: absolute; left: 0; top: 0; width:100%; height:600px; background: url("/media/g5vphbzl/bg_top.png") no-repeat; background-size: 100% auto;
        }
		header.top{ padding-top: 50px;
		}
        header .logo{
            position: absolute; left: auto; display: block; width: 398px; height: 90px; background: url(/media/4jsmxbrd/logo.png) no-repeat; background-size: 398px;
        }
        header .navbar{ /*height: 150px;*/ margin-bottom: 70px;
        }
        header .navbar-collapse{
            padding-right:0; margin-left: -15px !important; margin-right: -15px !important; background: none;
        }
        header .menu{
            float:right; padding:0; margin:0; background:#0058a6; font-family: 'open_sanssemibold';
        }
        header .menu li{
            float:left; list-style:none; font-size:13px; text-transform: uppercase;
        }
        header .menu a{
            display:block; padding:15px 10px; color:#fff; font-size:14px;
        }
        header .menu a:hover{
            background:#00498a; text-decoration:none;
        }
        header .menu .inicio{
            background:#003f78 url(/media/kpblj0hu/icn-menu-inicio.png) no-repeat center !important; width:55px; height:50px; margin-left:-5px;   
            transform:skew(13deg, 0deg); -webkit-transform: skew(13deg, 0deg); -moz-transform:skew(13deg, 0deg); -o-transform:skew(13deg, 0deg); -ms-transform:skew(13deg, 0deg);
        }
            header .menu li+li a{
                margin-left:-5px !important; padding-left:25px; 
            }
            header .menu li+li+li a{
                margin-left:0 !important; padding-left:10px;
            }

        /*-- Menu secundario --*/
        header .menu.secundario{
            background: #dcab27; font-size: 12px; clear: both; margin-top: 10px;
        }
        header .menu.secundario li{
            text-transform:none;
        }
        header .menu.secundario li:first-child{
            background:url(/media/5ylcwud0/bg-menu-secundario.png) no-repeat left center; margin-left: -18px; padding-left: 18px;
        }
        header .menu.secundario a{
            padding:10px 10px;
        }
        header .menu.secundario a:hover{
            border-bottom:3px solid #c7262c; background: none; padding-bottom:12px; padding-bottom: 7px;
        }
    }