/** colores usados 

gris claro fondo #f3f3f3
verde menu #a4b62e
azul logo #2a4258
verde claro link #eaff00
gris cajas #515151

**/

#cssmenu {
  border: none;
  border: 0px;
  margin: auto;
  padding: 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: 790px; /** ancho del menu **/
}
#cssmenu ul {
  background:#f3f3f3; /** color fondo menu sin fondo de botones**/
  height: 100px; /*** altura menu contenedor **/
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: right; /** alineacion de los botones **/
  padding: 0px;
}
#cssmenu li a {
  background:#f3f3f3; /** color de fondo de los botones principales**/
  display: block;
  font-weight: bold; /** bold normal italica etc **/
  line-height: 20px; /** altura botones principales**/
  margin: 0px;
  padding: 40px 35px; /** espacio entre botones**/
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #2a4258; /**** color botones principales**/
}
#cssmenu ul ul a {
  color: #2a4258; /** color botones submenu **/
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background:#9FB60C url("images/hover.png") top center no-repeat; /** color hover de botones**/
  color: #ffffff; /** color hover texto**/
  text-decoration: none;
}
#cssmenu li ul {
  background: #d1df72; /*** color fondo menu desplegable **/
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 250px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 250px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 20px;
  font-size: 14px;
  font-style: normal;
  margin: 0px;
  padding: 15px 10px 15px 20px; /** altura de la parte baja de los botones del submenu **/
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #9FB60C url('images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul ul {
  left: -9999px;
  top: 0;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu > ul > li {
  position: relative;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}