#menuPrincipal{ border-radius: 0px; font-size: 0.85em; background-color: #013064; margin-top:0px; } .menuSite{ display: flex; list-style: none; margin: 0; margin-bottom: 24px; padding: 0; } .menuSite li a{ padding: 8px 16px; color: #013064; display: block; text-align: center; border-bottom: 2px solid #013064; background: #FFFFFF; } .menuSite li:hover a, .menuSite li.on a{ color: #FFFFFF; background: #013064; } #menuPrincipal >ul{ display:flex; margin: 0 auto; padding: 0; list-style: none; text-align: center; align-items: center; justify-content: center; background-color: #013064; max-width: 1140px; width: 100%; } #menuPrincipal >ul li{ display: inline-block; position: relative; background-color: #013064; } #menuPrincipal >ul li:first-child{ margin-left:0; } #menuPrincipal >ul li a:hover, #menuPrincipal >ul li:hover > a{ color: #013064; background-color: #FFFFFF; } #menuPrincipal >ul li a { text-decoration:none; padding:11px; display:block; color: #FFFFFF; background-color: #013064; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #menuPrincipal > ul a:hover, #menuPrincipal >ul a.highlighted:hover, #menuPrincipal >ul a:focus { color: #FFFFFF; background-color: #013064; } #menuPrincipal > ul a.highlighted { color: #013064; background-color: #FFFFFF; } #menuPrincipal >ul ul { display: none; margin: 0; padding: 0; width: 165px; background-color: #039AB2; } #menuPrincipal >ul ul li { display:block; float: none; background:none; margin:0; padding:0; } #menuPrincipal >ul ul li a { display:block; color: #FFFFFF; background-color: #039AB2; border-left:3px solid #ffffff; } #menuPrincipal >ul ul li a:hover, #menuPrincipal >ul ul li:hover > a{ color: #013064; background-color: #039AB2; border-left:3px solid #9CA3DA; } #menuPrincipal >ul li:hover > ul{ display: block; z-index: 1000; position: absolute; } #menuPrincipal >ul ul ul { left: 149px; top: 0px; } .menuLock { position: fixed; top: 0; z-index: 1000; left: 0; right: 0; } #menuPrincipal >ul ul{ position: relative; display: none; text-align: left; } #menuMovilPerfil{ height: 48px; width: 48px; } #menuMovilBlog{ padding-left: 10px; border-left: 1px solid #FFFFFF; } #submenu h2{ margin-bottom: 0; } #submenu h2 i { padding: 10px; } #barraMovil{ background: rgba(255,255,255, 0.8); height: 50px; vertical-align: middle; } #barraMovil #menuPrincipal{ margin-top: 50px; background: #013064; } #menuApoyo .despliega, #menuApoyo #cesta{ display: inline-block; padding: 3px 5px; border: 1px dashed #013064; margin: 0 5px 5px 0; background-color: #FFFFFF; color: #013064; } #menuApoyo .despliega.on{ background-color: #013064; color: #FFFFFF; } #menuApoyo #cesta{ position: relative; } #menuApoyo #cestaDespliega{ position: absolute; background-color: #FFFFFF; border: 1px dashed #013064; right: 0px; left: -30vh; } #menuApoyo{ margin: 10px 5px 0 0; } #menuApoyo #cestaDespliega button{ margin: 10px; } #apoyoOculto .ventanatitulo h2 { margin: 0; border-bottom: 1px solid #013064; } #apoyoOculto .apoyo{ padding-bottom: 20px; border-bottom: 1px solid #013064; display: none; } #menuMovil{ display: none; color: #013064; background: #FFFFFF; position: sticky; top: 0; }