/**
   MENUS
   sobre proe regras do menu_ini.css
*/

@import url("menu_ini.css");

/**
*     M E N U   P R I N C I P A L   (H O R I Z O N T A L)
*/
header nav {
   position: relative;
   display: table;
   width: auto;
   top: 36%;
   left: 16%; /*200px; /*250px;  /*19.5%; /*23%;*/
   background-color: transparent;
   text-transform: lowercase;
}

#topo ul.menu_init_horz {
   display: block;
   width: auto;
   float: none;
   background-color: transparent;
}

#topo ul.menu_init_horz > li {
   margin: 0 -3px 0 0;
   font-size: 0.85em;  /*1em;*/
   line-height: initial;
}
#topo ul.menu_init_horz > li:after {
   /*content: "|";*/
   color: #FFFFFF;
   margin: 0 1px;
}
#topo ul.menu_init_horz > li.first:before {
   /*content: "|";*/
   color: #FFFFFF;
   margin: 0 1px;
}


#topo ul.menu_init_horz > li a:link,
#topo ul.menu_init_horz > li a:visited {
   padding: 5px 7px;
   width: 100%;
   color: var(--texto_padrao);
   background-color: transparent;
}
#topo ul.menu_init_horz > li a:hover,
#topo ul.menu_init_horz > li a:active {
   color: var(--marrom);
   background-color: transparent;
   text-decoration: underline;
}


#topo ul.menu_init_vert {
   position: absolute;
   display: display;
   margin: 15px 0 0 0;
   background-color: #FFF;
   border: #f8f8f8;
}
#topo ul.menu_init_vert > li a:link {
   text-align: left;
   padding: 12px 10px;
}

#topo #sub1 {
   width: 200px;
}




@media screen and (min-width: 1441px){

   header nav {
      left: 275px;  /*20%;*/
   }

   #topo ul.menu_init_horz > li {
      font-size: 1em;
   }

}