/*********************************************************************************/
/************* IMPORTANTE: Antes de publicar, quitar todos los comentarios *******/
/*********************************************************************************/
.sombra_texto {
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
}
/* DIV CONTENEDOR DEL MEN� COMPLETO */

#cssmenu {
  height: 25px;
  /* 37px */
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid;
  border-radius: 5px;
}
#cssmenu > ul {
  list-style: inside none;
  /* inside es que mete el topo alineado con el texto de la lista y no fuera */
  padding: 0;
  margin: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
/* Aspecto de los textos de los botones principales */

#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 6px 20px;
  /* 12px 20px */
  font: bold 13px/100% Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
  /* 1px 1px 0px rgba(0,0,0, 0.1) */

}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
  content: '';
  position: absolute;
  border-right: 1px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #dbf7ff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
  /* 19px */

}
/* Aspecto del bot�n (con hijos) principal de la barra de navegaci�n cuando pasa el rat�n sobre alguna de las opciones del submen� */

#cssmenu ul li.has-sub:hover > a {
  background: #dbf7ff;
  /* Color del fondo */
  border-color: #dbf7ff;
  /* color del borde separador */
  /*padding-bottom:5px;   /* 13px */
  padding-top: 7px;
  /* 13px */
  top: -1px;
  z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
/* Aspecto del bot�n (con hijos) principal de la barra de navegaci�n (HOVER) */

#cssmenu ul li.has-sub > a:hover {
  background: #dbf7ff;
  /* Color del fondo */
  border-color: #dbf7ff;
  /* Color del borde separador */

}
/* Aspecto del fondo de la la lista de opciones de los submen�s */

#cssmenu ul li > ul,
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 26px;
  /* Separaci�n entre el div de los submen�s y la barra de navegaci�n */
  padding: 5px 0;
  /* 10px 0 */
  background: #dbf7ff;
  border: 1px solid #dbf7ff;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}
#cssmenu ul li > ul {
  width: 200px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
/* Aspecto de los textos de los enlaces del submen� */

#cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 8px 20px;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #006cd1;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
}
/* Aspecto normal de la barra de men� con gradaci�n de arriba (primer color) a abajo (segundo color) */

#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
  background: white;
  /* #333333 */

}
/* Contorno del men� */

#cssmenu {
  border-color: #dbf7ff;
}
/* Aspecto del borde derecho de cada bot�n y color del texto en estado normal */

#cssmenu > ul > li > a {
  border-right: 1px solid #dbf7ff;
  color: #006cd1;
}
/* color del borde izquierdo de los botones */

#cssmenu > ul > li > a:after {
  border-color: white;
}
/* Aspecto de los botones sin submen�s (hover) */

#cssmenu > ul > li > a:hover {
  background: #dbf7ff;
}