/*** TOOGLE ******************/
.navprincipal h3.menu-toggle{
    color: #fff;
    background-color: #0095dd;
    border-bottom: none;
    cursor: pointer;
    display:none;
    padding: 8px 15px 9px 15px;
    line-height: 1.1em;
    float: left;
    font-size: 34px;
    margin: 1px 0px 0px 0px;
}
.navprincipal h3.menu-toggle:after{display:none;}

/*** NAVIGATION **************/
.navprincipal ul, .navprincipal li{padding:0px; margin:0px; list-style:none; display:inline-block; vertical-align:middle;}
.navprincipal{background-color:#0095dd;margin-top:-1px;}
.navprincipal a{
    color: #fff;
    font-weight: bold;
    display: block;
    line-height: 1em;
    margin: 0px;
    font-size: 18px;
    padding: 20px 17px 19px 17px;
    border-bottom: 5px solid #0095dd;
}
.navprincipal a:hover{border-color:#fff; opacity:1;}
.navprincipal .social{float:right;}
.navprincipal .social a{font-weight:normal; font-size:34px; padding:12px 7px 10px 7px;}


/***************************************/
/*** PATCH *****************************/
/***************************************/

#language-support li, #language-support ul{display:none;}
a#Lanswitcher{
    background-color: #0095dd;
    color:#ffffff;
    border: 1px solid #0095dd;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    position: absolute;
    margin: 10px;
    right: 20px;
    top: 5px;
    font-weight: 600;
    z-index: 1;
}
a#Lanswitcher:hover{
    opacity:1;
    background-color:#ffffff;
    color:#0095dd;
}



.headerContainer, #header{
    overflow:visible;
    height:auto;
}












@media screen and (max-width:995px){
    .navprincipal h3.menu-toggle{display:inline-block; background-color:#177cbc;}
    .navprincipal h3.menu-toggle.active{background-color:#116da7;}
    .navprincipal ul.nav{
        position: absolute;
        top:54px;
        left: 0px;
        width: 100%;
        background-color:#116da7;
        z-index: 10;
        display:none;
    }
    .navprincipal ul.nav li{display:block;}
    .navprincipal ul.nav li a{display: block; border-bottom: 1px solid #fff; padding: 10px 20px 10px 20px;}
    .navprincipal ul.nav li a:hover{background-color: #0095dd;}
    .navprincipal .social a{padding: 8px 7px 6px 7px;}
}


@media screen and (max-width:900px){

}


@media screen and (max-width:600px){
    .missionheader .sub{height:auto; position: static;}


    a#Lanswitcher{right:10px; top: 6px;}

}


@media screen and (max-width:510px){
    .headerContainer .wrapper img{position:static;}
    .headerContainer .wrapper.sub{text-align:left;} 
}


@media screen and (max-width:450px){
    a#Lanswitcher{    margin: 0px;
    padding: 7px 11px;
    right: 10px;
    font-size: 14px;
    top: 10px;}
    #header .sub img, .headerContainer .sub img {max-width: 150px;}
}

@media screen and (max-width:400px){
    .navprincipal .social a{font-size:30px;padding: 11px 7px 7px 7px;}
}

@media screen and (min-width:996px){
   .navprincipal ul.nav{display:block !important; float:left;}
   .navprincipal ul.nav[style]{display:inline-block !important;}
}