/*------------------------------------------- 
 Menu Horizontal (inicio) 
 -------------------------------------------*/

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;

  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}
.flex-container::after {
  content: "";
  flex: auto;
}


#menu_zone {
	max-height: 500px;
	overflow-y: visible;
	background-color: #eeeeee;
	transition: max-height 0.5s ease,
	overflow-y;
}
#menu_zone.close {
  max-height: 29px;
  transition-delay: 3s;
  transition-duration: 3s;
  transition-property: max-height;
  transition-timing-function: ease;
  overflow-y: hidden;
}
/*-------------------------------------------*\
Menu Horizontal (fin)
\*-------------------------------------------*/


/*-------------------------------------------*\
Menu Vertical (inicio)
\*-------------------------------------------*/
.vertical-menu {
  display: none;
  z-index: 99;
}
.vertical-menu svg{
  display: none;
  fill: #FFFFFF
}
.vertical-menu svg.active{
  display: block;
}
.vertical-menu li.parent2 div.div_pin{
  cursor: pointer;
}

.vertical-menu.stilo_1 svg{
  stroke: #4777B9;
}
.vertical-menu.stilo_1 svg path{
  fill: #4777B9;
}
.vertical-menu.stilo_2 svg{
  stroke: #62A569;
}
.vertical-menu.stilo_2 svg path{
    fill: #62A569;
  }
.vertical-menu.stilo_3 svg{
  stroke: #373535;
}
.vertical-menu.stilo_3 svg path{
    fill: #373535;
  }
.vertical-menu.stilo_4 svg{
  stroke: #CD6150;
}
.vertical-menu.stilo_4 svg path{
    fill: #CD6150;
  }
.vertical-menu.stilo_5 svg{
  stroke: #EB7C4B;
}
.vertical-menu.stilo_5 svg path{
  fill: #EB7C4B;
}
.vertical-menu li.parent2 svg.sub path,
.vertical-menu li.parent2 svg.mas path{
  fill: #ffffff;
}
/* Pin desactivado */
.vertical-menu li.parent2 svg.pin path,
.vertical-menu li.parent2 div.pinfav svg.pin:hover path {
  fill: #aab7b8;
  stroke: #FFFFFF;
  fill-opacity: 0%;
}
.vertical-menu li.parent2:hover svg.pin,
.vertical-menu li.parent2 div.pinfav svg.pin {
  display: inline-block;
  vertical-align: middle;
}
/* Pin antes de activar */
.vertical-menu li.parent2:hover svg.pin:hover path{
  fill-opacity: 50%;
  fill: #bebebe;
  stroke: #b4b4b4;
}
/* Pin activado */
.vertical-menu li.parent2 div.pinfav svg.pin path{
  fill: #ffffff;
  fill-opacity: 100%;
}
.vertical-menu.open {
  width: 200px;
  display: block;
}
.vertical-menu li {
  display: block;
  padding: 0px;
  text-decoration: none;
  min-height: 39px;
}
.vertical-menu.stilo_1 li {
  background-color: #6B8BC6;
}
.vertical-menu.stilo_2 li {
  background-color: #81B584;
}
.vertical-menu.stilo_3 li {
  background-color: #52514F;
}
.vertical-menu.stilo_4 li {
  background-color: #D77F6B;
}
.vertical-menu.stilo_5 li {
  background-color: #F29569;
}
.vertical-menu li div:not(.linea_menu){
  padding: 10px 0px;
}
.vertical-menu li div.nopadd{
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.vertical-menu.stilo_1 li:not(:last-child) {
  border-bottom: solid 2px #4777B9;
}
.vertical-menu.stilo_2 li:not(:last-child) {
  border-bottom: solid 2px #62A569;
}
.vertical-menu.stilo_3 li:not(:last-child) {
  border-bottom: solid 2px #373535;
}
.vertical-menu.stilo_4 li:not(:last-child) {
  border-bottom: solid 2px #CD6150;
}
.vertical-menu.stilo_5 li:not(:last-child) {
  border-bottom: solid 2px #EB7C4B;
}

.vertical-menu li a {
  color: #FFFFFF;
}

.vertical-menu.stilo_1 li:hover, .vertical-menu.stilo_1 li.cur_menu {
  background-color: #4777B9;
}
.vertical-menu.stilo_2 li:hover, .vertical-menu.stilo_2 li.cur_menu {
  background-color: #62A569;
}
.vertical-menu.stilo_3 li:hover, .vertical-menu.stilo_3 li.cur_menu {
  background-color: #373535;
}
.vertical-menu.stilo_4 li:hover, .vertical-menu.stilo_4 li.cur_menu {
  background-color: #CD6150;
}
.vertical-menu.stilo_5 li:hover, .vertical-menu.stilo_5 li.cur_menu {
  background-color: #EB7C4B;
}
.vertical-menu li:hover> a {
  color: #FFFFFF;
}
.vertical-menu ul {
  width: 200px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 5px;
  margin: 0;
  padding: 0;
  backface-visibility:hidden;
}
.vertical-menu.stilo_1 ul {
  border: solid 2px #4777B9;
}
.vertical-menu.stilo_2 ul {
  border: solid 2px #62A569;
}
.vertical-menu.stilo_3 ul {
  border: solid 2px #373535;
}
.vertical-menu.stilo_4 ul {
  border: solid 2px #CD6150;
}
.vertical-menu.stilo_5 ul {
  border: solid 2px #EB7C4B;
}
/*retirar barra de scroll */
.vertical-menu ul::-webkit-scrollbar { width: 0 !important }
.vertical-menu ul::-webkit-scrollbar { width: 0 !important }
.vertical-menu ul { scrollbar-width: none; }

.vertical-menu li {
  position: static;
  vertical-align: middle
}
.vertical-menu li .wrapper {
  position: absolute;
  z-index: 10;
  display: none;
}
.vertical-menu li:hover > .wrapper {
  display: block;
}

.vertical-menu li .wrapper li, li .wrapper li a{
  color: #FFFFFF;
}
.vertical-menu ul {
  font:14px Verdana;
}
.vertical-menu li ul {
  margin: 0;
}
.vertical-menu li .wrapper {
  cursor: auto;
}
.vertical-menu .linea_menu:after {
  content: "";
  display: table;
  clear: both;

}
.vertical-menu .linea_menu {
  height: 100%;
}
.vertical-menu #menudespl_hs_ul > span#AjaxOk {
  display: none;
}
.vertical-menu #filter_search {
  padding: 0px 5px;
  border-radius: 4px;
  width: 100px;
  height: 25px;
}
.vertical-menu.stilo_1 #filter_search {
  border: 2px solid #4777B9; 
}
.vertical-menu.stilo_2 #filter_search {
  border: 2px solid #62A569; 
}
.vertical-menu.stilo_3 #filter_search {
  border: 2px solid #373535; 
}
.vertical-menu.stilo_4 #filter_search {
  border: 2px solid #CD6150; 
}
.vertical-menu.stilo_5 #filter_search {
  border: 2px solid #EB7C4B; 
}
.vertical-menu #filter_div {
  display: none;
  position: absolute; 
  top: -10px; 
  right: -100px;
}
.vertical-menu span.submenutag {
  color: lightgray;
  font-size: 10px;
}

#menudespl_hs_bsq.vertical-menu li {
  background-color: #088A85;
}
#menudespl_hs_bsq.vertical-menu ul {
  border: solid 2px #0B615E;
}
#menudespl_hs_bsq.vertical-menu li:not(:last-child) {
  border-bottom: solid 2px #0B615E;
}
.vertical-menu li.parent2 div.linea_menu a div.labelmenu  {
  width: 60%;
}
.vertical-menu li.parent2:hover div.linea_menu a span.pin_placeholder, 
.vertical-menu li.parent2 div.linea_menu a div.pinfav span.pin_placeholder {
  display: none;
}
/*-------------------------------------------*\
Menu Vertical (fin)
\*-------------------------------------------*/