#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
#cssmenu {
  width: auto;
  font-family: Arial;
  color: #FFF;

  font-size:14px;

   

}
#cssmenu.align-right ul li {
  float: right;

 /* border-left: 1px solid rgba(0, 0, 0, 0.22);  */
  
}
#cssmenu.align-right ul li a {
  border-right: 0;
 /*  border-left: 1px solid rgba(255, 255, 255, 0.15);*/
  
}
 /* >>> COLOR FONDO DE LOS BOTONES<<< */
#cssmenu ul {
	background-color: #36F;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  
  height: 0;
  
}
#cssmenu ul li {
  float: left;
  display: block;
 
  z-index: 1;
  
}
#cssmenu ul li::after {
  content: '';
  width: 100%;
  height: 0px;
  position: absolute;

  z-index: 2;
  

}
#cssmenu ul li a {
  display: block;
  padding: 21px 8px 21px 8px;
  text-decoration: none;
  font-size: 13.5px;
  text-transform: uppercase;
  color: #ffffff;

  z-index: 3;

  font-family: Arial;
}

  /* APARTIR DE AQUI SE ACTIVA EL HOVER */
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
background-color: #FC0;/* COLOR DEL FONDO DEL MENÚ EN HOVER */
	transition:all 0.5s;
  
}
#cssmenu ul li:hover,
#cssmenu ul li.active {
	background-color: #36F;

   font-size: 14px;
   
 
}
#cssmenu ul li:hover::after,
#cssmenu ul li.active::after {
	background-color: #36F;

   font-size: 14px;
   
}

  /* APARTIR DE AQUI ES EL SUB MENU */
#cssmenu li ul li {
	position:relative;
	
}
#cssmenu li:hover > ul {
	display:block;
	
}
  /* APARTIR DE AQUI ES EL ANCHO DEL SUB MENU */
#cssmenu li ul { 
	display:none;
	position:absolute;
	width:auto;	
	
}