<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

  • Noticia

    Municipalidad de Huánuco elaborará expediente para construcción de I.E. de Marabamba

    Alcalde “Toño” Jara habilitará aula prefabricada para continuidad de clases. El alcalde de Huánuco,  “Toño” Jara inspeccionó la Institución Educativa…

    Leer más

  • Noticia

    Más de 1800 niños participan en “Vacaciones Útiles” de la Municipalidad de Huánuco

    Alcalde “Toño” Jara dio inicio a los talleres deportivos y artísticos. La Municipalidad de Huánuco informa  del rotundo éxito de…

    Leer más

  • Noticia

    ¡Grandioso! Más de 60 mil personas disfrutaron del auténtico Festival de los Negritos de Huánuco

    Alcalde Antonio Jara homenajeó a más de 50 cofradías los días 5, 6 y 7 de enero La Municipalidad de…

    Leer más

  • Noticia

    Municipalidad de Huánuco rehabilita obelisco construido en agradecimiento a Seichi Izumi

    La Municipalidad de Huánuco, por disposición del alcalde “Toño” Jara inicio los trabajos de recuperación y refacción del obelisco dedicado…

    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

SERVICIOS

Trámite Documentario

Seguridad Ciudadana

Control Interno

Normas Emitidas

Convocatorias

Correos Institucionales