﻿.ms-srch-sb-navLink {
    display: none !important;
}

#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;
}

#searchBoxMovil input {
    color: white;
}

.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: #fff;
}

#MenuSuperior #navMenuSuperior .current {
	color: #093d64;
}

#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) {			

	#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: #093d64;
	}
	
	#ulMenuSuperior a {
	    color: #093d64;
	}
	
	#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:white;
	    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:#5f7bbe;
	}
	
	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:white;
	}
	
	.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 ul li:hover{
		background-color:#5f7bbe;
	}
	
	.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 {
	    padding: 15px 0px;
	    border-top:1px solid white;
	    word-wrap: break-word;
	}	
	
	#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:white;
	}
	
	#MenuSuperior #SearchBox {
	    padding-right: 13px;
	    margin-bottom:5px;
	}
		
	#searchBox {
	    padding-top: 0 !important;
	}	
}

@media all and (min-width: 900px) 
{
		
}

@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;
	}

	#SearchBox{
		padding-left:5px; 
	}
	
	#SearchBox input {
		color: #093d64 !important;
	}
	
	.header .container .navbar-header {
	    width: 11%;
	}
		
	#MenuSuperior #navMenuSuperior > ul > li {
	    display: block;
	    float:left; 
	}
		
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround{
	    display: inline-block;
	}
	
	#MenuSuperior li .ms-srch-sb-border,#MenuSuperior li .ms-srch-sb-borderFocused{
		width:115px;
	}
	
	#MenuSuperior li input {
	    width: 88px;
	}
	
	#MenuSuperior #SearchBox {
	    padding-right: 0px;
	}
	
	#SearchBox {
	    padding-left: 0;
	    padding-right:0; 
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
	    padding-top: 30px;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 7px 4px;
	    height: inherit;
	    width:6em;
	}	
	#MenuSuperior #navMenuSuperior ul > li > a {
	    margin-top: -5px;
	    text-align: left;
	}
	
	.uk-navbar-right{	
		background-color: white; 
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
	    padding-left: 0px;
	    padding-right: 4px;	    
	}	
	
	#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: 75px;
	    padding: 0px;
	    font-size: .875rem;
	    text-decoration: none;
	    text-align: left;
	}
	
	#MenuSuperior #navMenuSuperior ul > li > ul > li > a {
	    text-align: center !important;
	}

}

@media all and (min-width:1200px){	
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    width: inherit;
	}

	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 10px 20px;
	}
		
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
		padding-top:15px;
		padding-bottom:0;
	}
		
	.header {		
		margin-bottom:0px; 
	}
	
	.ms-srch-sb {
	    margin-top: 5px;
	}	
	
	#MenuSuperior #ulMenuSuperior {
		display: flex !important;
	}
	
	#MenuSuperior #navMenuSuperior > ul > li.noBackGround {
	    padding-left: 10px;
	}
	
	#MenuSuperior li .ms-srch-sb-border,
	#MenuSuperior li .ms-srch-sb-borderFocused {
	    width: 160px;
	    margin-top: 15px;
	}	
	
	#MenuSuperior li input {
	    width: 130px;
	}
}

@media all and (min-width:1300px){
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    width: inherit;
	}
}

@media all and (min-width:1440px){
	
	#MenuSuperior #navMenuSuperior > ul > li:not(.noBackGround) {
	    padding: 10px 20px;
	}
}