﻿#main-nav {
	background: #ffffff;
}

#main-nav img {
    width: 200px;
    padding: 15px;
    max-width:inherit;
}

#main-nav a {
    font-weight: 600;
    color: #003561;
}

#main-nav a:hover {
    color: #0E2D49;
    background: #DEE1E7;
}

.ms-srch-sb-navLink {
    display: none !important;
}

.ms-srch-sb-border, .ms-srch-sb-borderFocused {
    border-radius:5px;
}

.ms-srch-sb-border a, .ms-srch-sb-borderFocused a{
    display:none;
}

#sidenav .btnBuscarSuperior, #MenuSuperior .btnBuscarSuperior {
    background-color: #0E2D49;
    border-radius: 50%;
    font-size: 14px;
    font-family: sans-serif;
    margin-left: 0;
    margin-top: -1px;
    padding: 5px;
    min-width: 30px;
    height: 30px;
    color: white;
}

#searchBoxMovil,#searchBox {
	padding-top:0px;
	display:inline-block;
}

#SearchBox .ms-srch-sb-searchImg {
    left: -35px;
    top: -57px;
    position: absolute;
    width: auto !important;
    padding: 0px !important;
}

#SearchBox img {
    max-width: inherit;
    height: auto;
    box-sizing: border-box;
}

.uk-navbar-right.ocultar {
	display:none; 
}

.uk-navbar-right.mostrar {
	display:flex; 
}

#MenuSuperior #navMenuSuperior li a {
    text-transform: uppercase;
    text-decoration: none;
}

#MenuSuperior a, 
#MenuSuperior li {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

#MenuSuperior .show-overflow {
	overflow: visible !important;
}

#MenuSuperior .show-overflow .box-content {
	overflow: visible !important;
}

#MenuSuperior #navMenuSuperior {
	display:table;
	width:60%;
}

#MenuSuperior #navMenuSuperior > ul {
	margin: 0;
	padding: 0;
	display: table-row;
}

#MenuSuperior #navMenuSuperior > ul > li {
	display:table-cell;
	text-align: center;
	position:relative;
    padding: 15px 5px;
    vertical-align:middle;
}

#MenuSuperior #navMenuSuperior a:not([class="ms-srch-sb-searchLink"]),
#MenuSuperior #navMenuSuperior .current {
	display: block;
}

#MenuSuperior #navMenuSuperior li:not(.has-submenu) a:hover,
#MenuSuperior #navMenuSuperior li:not(.has-submenu) a:focus {
	color: #0E2D49;
}

#MenuSuperior #navMenuSuperior .current {
	color: #0E2D49;
}

#MenuSuperior #navMenuSuperior > ul > li > ul {
	display: none;
	position:absolute;
	left:0;
	right:0;
	top:100%;
	padding:0;
	margin:0;
	z-index:3;
}

#MenuSuperior li {
	list-style: none;
}

#MenuSuperior .nav .open > a, 
#MenuSuperior .nav .open > a:hover, 
#MenuSuperior .nav .open > a:focus{
	background: none;
}

#MenuSuperior #navMenuSuperior > ul > li.open > ul {
	display:block;
}

.header {
	background: none;
	border: none;
}

#MenuSuperior #navMenuSuperior > ul > li > ul > li {
    width:100%;
}

@media all and (min-width: 320px) {
	#separadorMenuSuperior{
		display:none;
	}
		
	.uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide {
	    background-color: white; 
	}
	
	.uk-offcanvas-bar.uk-offcanvas-bar-animation.uk-offcanvas-slide ul li:not(.noBackGround) a:not(.ms-srch-sb-searchLink){    
	    color:#0e2d49;
	}
	
	.ms-srch-sb-border,.ms-srch-sb-borderFocused {
	    border: 1px solid #0e2d49 !important;
	}
	
	.ms-srch-sb-border input,.ms-srch-sb-borderFocused input {
	    color: #0e2d49 !important;
		width: 185px;
		height: 30px;
	}		

	#MenuSuperior #navMenuSuperior > ul > li.open > ul {
		position:static;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li {
	    display: none;
	    padding:0;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li > ul {
		display: block;
	}	
			
	#MenuSuperior li.has-submenu ul{
		display: block; 
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.block {
		text-align:center;
		display:block;
	}

	#MenuSuperior #navMenuSuperior ul > li > ul > li > a{
		padding: 0 15px 0 0;
	}
	
	#MenuSuperior #navMenuSuperior ul> li > a {
		border-top:none;		
		text-align:right;
		padding:5px 10px;
	}

	#MenuSuperior #navMenuSuperior {
	    display: table;
	    width: 100%;
	}
	
	.header .container {
	    padding: 0;
	    width:100%;
	}
	
	.header .container .navbar {
		margin-bottom:0
	}
	
	.header .container .w3layouts-logo {
	    padding: 0 10px;
	}
		
	.header .container #logo {
	    padding: 5px;
	    width: 60% !important;
	}
		
	.header .container #logo img,
	.header .container #logo a img {
		width:100%; 
	}
	
	.header .container .navbar-header {
	    width: 100%;
	    display:inline-block;;
	}
	
	#MenuSuperior #SearchBox {
    	padding-right: 10px;
    	text-align: right;
    }  
    
	.w3layouts-logo{
		overflow:hidden; 
		margin:0;
		width:inherit;
		display:inline;
	}
	
	.w3layouts-logo img{
		height:63px;
		padding:5px;
	}
	
	#ulMenuSuperior li{
		color: #0E2D49;
	}
	
	#ulMenuSuperior a {
	    color: #0E2D49;
	}
	
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):hover a,
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):focus a,
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):active a
	{
	    color:#0E2D49;
	    background:none !important;
	}
	
	.navbar-nav{
		margin: 0 0 10px 0;
	}
	
	.navbar-default {
		background:none;
		border-color: #e7e7e7;
	}
	
	.navbar {
	    position: relative;
	    min-height: 55px;
	    margin-bottom: 20px;
	    border: 1px solid transparent;
	}
}

@media all and (min-width: 320px) and (max-width:899){
	#navMenuSuperior li:not(.has-submenu):hover {
		background-color:#DEE1E7;
	}
	
	li:not(.has-submenu) span.indicadorSubNivel {
		display:none;
	}	
}

@media all and (min-width: 640px) 
{
	a.uk-navbar-toggle.uk-hidden\@s.uk-navbar-toggle-icon.uk-icon {
	    display: flex !important;
	}
}

@media all and (min-width: 768px) 
{

	.header .container .w3layouts-logo {
	    padding: 0;
	    margin:0;
	    width:100%;
	}
	
	.header .container .w3layouts-logo > img,
	.header .container .w3layouts-logo > a > img {
		height:70px;
		margin-left:10px;
	}
		
	.header .container .navbar-header {
	    width: 15%;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.open > ul {
		position:absolute;
		background-color:transparent;
	}
	
	.header .container{
		width:100% !important;
		height: 50px;
	}

	.header .container .navbar-toggle{
		display:none;
	}
	
	.header .container #logo {
	    width: 20% !important;
	    display:block;
	    margin-bottom: 0;
	}
	
	#MenuSuperior #navMenuSuperior {
	    font-size:14px;
	    margin-bottom:-1px;
	}
	
	#MenuSuperior #navMenuSuperior ul> li > a {
	    width: 12.5em;
    	text-align: center;
    }
	
	#MenuSuperior #navMenuSuperior > ul > li > ul {
	    display: none;
	}	
		
	#MenuSuperior li.has-submenu {
	    margin-bottom: 0;
	}
	
	#MenuSuperior li input{
	    width: 150px;
	}
	
	#ulMenuSuperior li:not(.noBackGround):hover,
	#ulMenuSuperior li:not(.noBackGround):focus,
	#ulMenuSuperior li:not(.noBackGround):active,
	#ulMenuSuperior li ul li:hover,
	#ulMenuSuperior li ul li:active,
	#ulMenuSuperior li ul li:focus{
		background-color:#DEE1E7;
		border-bottom:3pt solid;
	}
		
	.header .container #logo {
	    padding: 0 5px;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 20px 5px;
	    width: 11%;
	    height: 38px;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li > ul > li:hover,
	#MenuSuperior #navMenuSuperior > ul > li > ul > li:active {
	    min-height: 70px;
	}	
	
	#MenuSuperior #navMenuSuperior > ul > li > ul > li {
	    padding: 0px;
	    word-wrap: break-word;
	    background-color: white;
	    min-height: 74px;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li > ul > li:nth-child(1) {
		margin-top: 8px;
	}	
	
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
		padding-top:20px;
		padding-left:5px;
	}
		
	#MenuSuperior #navMenuSuperior ul > li:not(.noBackGround) > a,
	#MenuSuperior #navMenuSuperior ul > li > ul > li > a {
	    padding: 0;
	    text-align:center;
	    width:100%
	}
	
	#MenuSuperior #navMenuSuperior > ul {
	    float: right;
	}
		
	#ulMenuSuperior > li.has-submenu:not(.noBackGround):hover > a {
	    color:#0E2D49;
	}
	
	#MenuSuperior #SearchBox {
	    padding-right: 13px;
	    margin-bottom:5px;
	}
		
	#searchBox {
	    padding-top: 0;
	}	
}

@media all and (min-width:992px){
		
	a.uk-navbar-toggle.uk-hidden\@s.uk-navbar-toggle-icon.uk-icon {
	    display: none !important;
	}
		
	span.indicadorSubNivel {
		display:none;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li#separadorMenuSuperior, 
	#MenuSuperior #navMenuSuperior > ul > li#separadorMenuSuperior:hover, 
	#MenuSuperior #navMenuSuperior > ul > li#separadorMenuSuperior:focus, 
	#MenuSuperior #navMenuSuperior > ul > li#separadorMenuSuperior:active {
	    align-content: center;
	    display: grid;
	    margin-top: -3px;
	    width: 1vw;
	    padding: 0;
	    background-color: transparent;
	    border: none;
	    height:74px;
	}	
	
	#MenuSuperior #navMenuSuperior > ul > li#traduccionDePagina {
		width: 2vw;
		margin-right:5px;
	}	

	#SearchBox{
		padding-left:5px; 
	}
	
	#SearchBox input {
		color: #0E2D49 !important;
	}
	
	#MenuSuperior .btnBuscarSuperior {
	    margin-top: 0px;
	}
	
	.header .container .navbar-header {
	    width: 11%;
	}
		
	#MenuSuperior #navMenuSuperior > ul > li {
	    display: block;
	    float:left; 
	}
		
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround{
	    display: inline-block;
	    justify-content: center;
	    align-items: center;
	    box-sizing: border-box;
	    min-height: 70px;
	    padding: 0px;
	    vertical-align:middle;
	    display:inline-block;
	}
	
	#MenuSuperior li .ms-srch-sb-border,
	#MenuSuperior li .ms-srch-sb-borderFocused{
		width:130px;
	}
	
	#MenuSuperior li input {
	    width: 130px;
	}
	
	#MenuSuperior #SearchBox {
	    padding-right: 0px;
	}
	
	#SearchBox {
	    padding-left: 0;
	    padding-right:0; 
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
	    padding: 1.3rem 0.4rem 0 0;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 0 4px;
	    min-height: 75px;
	    width:6em;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround):hover {
	    min-height: 71px;
	}	
	
	#MenuSuperior #navMenuSuperior ul > li > a {
	    text-align: left;
	}
	
	.uk-navbar-right{	
		background-color: white; 
	}	
	
	#MenuSuperior #navMenuSuperior ul li:not(.noBackGround) a, 
	#MenuSuperior #navMenuSuperior ul > li > ul > li > a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    box-sizing: border-box;
	    min-height: 70px;
	    padding: 0px;
	    font-size: .875rem;
	    text-decoration: none;
	    text-align: left;
	}
		
	#MenuSuperior #navMenuSuperior ul > li > ul > li > a {
	    text-align: center !important;
	}
	
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):hover a,
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):focus a,
	#ulMenuSuperior li:not(.has-submenu,.noBackGround):active a
	{
	    color:#0E2D49;
	    background:#DEE1E7 !important;
	}
}

@media all and (min-width:1200px){	
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    width: inherit;
	}

	#MenuSuperior #navMenuSuperior > ul > li:not(#separadorMenuSuperior,.noBackGround) {
	    padding: 0px 20px;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li#traduccionDePagina {
	    margin-right: 5px;
	    width: 1vw;
	    padding: 0 10px;
	}
		
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
		padding: 0 4px 0 0;
		display:inherit;
	}
		
	.header {		
		margin-bottom:0px; 
	}
	
	#MenuSuperior #ulMenuSuperior {
		display: flex !important;
	}
		
	#MenuSuperior li .ms-srch-sb-border, 
	#MenuSuperior li .ms-srch-sb-borderFocused {
	    width: 200px;
	} 
	
	#MenuSuperior li input {
		width: 200px;
	}
	
	#MenuSuperior #SearchBox {
	    padding-right: 5px;
	}
	
	#MenuSuperior .btnBuscarSuperior {
	    margin-top: -6px;
	}
}

@media all and (min-width:1300px){
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    width: inherit;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li > ul > li:nth-child(1) {
	    margin-top: 7px;
	}
}

@media all and (min-width:1440px){
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 0px 20px;
	}
}