<style>

/*==== Start Underline Grow hover====*/
.ba-menu21-underline ul li a {
   position: relative;}
/*==== Start Underline Center ====*/

.ba-menu21-underline nav ul li a {
    position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-menu21-underline nav ul li a::before {
    content: "";
   position: absolute;
   height: 2px;
   width: 10px;
   left: -20px;
   top: 5px;
   background-color: #03045e;
   display: block;
   z-index: 2;
   opacity: 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   -o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);}
  .ba-menu21-underline nav ul li a::after {
   content: "";
   position: absolute;
   height: 2px;
   width: 10px;
   left: calc(100% + 20px);
   bottom: 5px;
   background-color: #03045e;
   display: block;
   z-index: 2;
   opacity: 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   -o-transition-timing-function: cubic-bezier(.58, .3, .005, 1);
   transition-timing-function: cubic-bezier(.58, .3, .005, 1); }
  .ba-menu21-underline nav ul li:hover a::before {
 opacity: 1;
   left: 0;
   width: 100%; }
.ba-menu21-underline nav ul li:hover a::after {
   opacity: 1;
   left: 0;
   width: 100%;}
.ba-menu21-underline .bricks-nav-menu .sub-menu > li.menu-item > a::after,.ba-menu21-underline .bricks-nav-menu .sub-menu > li.menu-item > a::before {
 display: none }
  .bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a,  .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}
/*==== End Underline Center ====*/
  /*==== Start Submenu hover background color====*/
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li{
  display:block;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a{
padding: 10px 25px 10px 25px;
    position: relative!important;
    border-bottom: 1px solid #d3dce8;
    display: block;
    text-transform: uppercase;
    width: 100%;
    margin-top: 2px;
width: 100%; 
  transition: all .500s ease-in-out;}
.ba-medical-submenu.et_pb_menu .et_mobile_menu li ul {
   padding-left: 0px!important; }
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover {
  transition: all .500s ease-in-out;}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:before{
  position: absolute;
content: '';
    left:0px;
    top: 50%;
    width: 0;
    height: 2px;
background-color: transparent;
-webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out!important;
  display: block!important}
.ba-medical-submenu ul li.menu-item-has-children ul.sub-menu li a:hover:before{
background-color: #03045e;
    width: 14px!important;}
.ba-medical-submenu  ul.sub-menu li.current-menu-item a{
	  opacity:1!important; }
.ba-medical-submenu  ul.sub-menu li.current-menu-item a:before{
  position: absolute;
content: '';
left: 0px;
top: 49%;
height: 3px;
  opacity: 1!important;
  background-color: #03045e!important;
width: 14px!important;
  -webkit-transition: all .500s ease-in-out;
transition: all .500s ease-in-out;} 

   /**======SUbmenu======*/  
  .ba-medical-submenu  ul.sub-menu {
      min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 40px!important;  }  
  .ba-medical-submenu  .bricks-nav-menu .sub-menu .sub-menu{
  min-width: 240px!important;
  padding-top: 10px;
    padding-bottom: 10px; 
top: 0!important;
    margin: 1px!important;}
  .ba-medical-submenu  nav>ul>li>ul:before {
content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    top: -5px;
    left: 20px;
    opacity: 1;
    z-index: -1;
    border-radius: 0px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color:#fff;}
 .bricks-nav-menu .sub-menu > li.menu-item > a{
      overflow: hidden;}
 .bricks-nav-menu > .current-menu-item > a,  .bricks-nav-menu > .current-menu-ancestor > a, .bricks-nav-menu > .current-menu-parent > a{
   border:none!important}}

</style>

NOTICIAS

MUNICIPALIDAD DE HUÁNUCO Y DIPUTADA KARINA BETETA ARTICULAN ACCIONES PARA IMPULSAR CUATRO PROYECTOS ESTRATÉGICOS

Leer más

ALCALDE ANTONIO JARA ENTREGÓ IMPLEMENTOS A LA PNP PARA REFORZAR EL TRABAJO DE 15 JUNTAS VECINALES DE SEGURIDAD CIUDADANA

Leer más

CONCURSO INTERESCOLAR “COLE SEGURO LIBRE DE DENGUE”

Leer más

DESCUENTOS EN PAPELETAS DE INFRACCIÓN Y AMNISTÍA EN EL DEPÓSITO MUNICIPAL

Leer más

LIMPIEZA Y DESCOLMATACIÓN EN QUEBRADA LAS MORAS PARA PREVENIR EMERGENCIAS

Leer más

DESFILE FOLCLÓRICO CON LA PARTICIPACIÓN DE INSTITUCIONES PÚBLICAS POR EL 487.° ANIVERSARIO DE LA CIUDAD

Leer más

MUNICIPALIDAD DE HUÁNUCO CONMEMORÓ EL 487.° ANIVERSARIO DE LA CIUDAD CON SOLEMNE CEREMONIA CENTRAL Y ACTOS CÍVICOS

Leer más

MUNICIPALIDAD DE HUÁNUCO LIDERÓ EL SIMULACRO NACIONAL MULTIPELIGRO 2026 PARA FORTALECER LA CULTURA DE PREVENCIÓN

Leer más
AVISO DE SANEAMIENTO FÍSICO LEGAL
VER DOCUMENTOS
COMITÉ DE SEGURIDAD Y SALUD EN EL TRABAJO
Descargar Documento
SOCIEDAD DE BENEFICENCIA
Descargar Documento
CUADRO MULTIANUAL DE NECESIDADES
Descargar Documento

SERVICIOS