/* Estilos para el menú lateral de CODEA+ 2015 */
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 2.2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  position: relative;
}

/* Box general contenida en container-nav */
#cssmenu {
  width: 98%;
  background: #fff;
  text-align: left;
  border-right: 1px solid #212121;
  /*border-bottom-right-radius: 8px;*/
}

/* Estilos para los ítems de menú */
#cssmenu > ul > li {
  margin: 0 0 0px 0;
}

/* Estilo para el último ítem de menú */
#cssmenu > ul > li:last-child {
  margin: 0;
  border-bottom-right-radius: 8px;
}

/* Estilo para cada una de las opciones, sean simples o con submenús */
#cssmenu > ul > li > a {
	font-size: 110%;
	display: block;
	color: #ffffff;
	padding-left: 5px;
	text-shadow: 0 1px 1px #000;
	
	/*border-bottom: 1px solid #212121;*/
	
 	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#292929));
	background: -webkit-linear-gradient(top, #343434, #292929);
	background: -moz-linear-gradient(top, #343434, #292929);
	background: -ms-linear-gradient(top, #343434, #292929);
	background: -o-linear-gradient(top, #343434, #292929);
	background: linear-gradient(top, #343434, #292929);
}

/* Estilo para las opciones del submenú */
#cssmenu > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  padding: 10px 14px;
  padding: 0;
}

#cssmenu > ul > li > a:hover {
	text-decoration: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));
	background: -webkit-linear-gradient(top, #6985b5, #456397);
	background: -moz-linear-gradient(top, #6985b5, #456397);
	background: -ms-linear-gradient(top, #6985b5, #456397);
	background: -o-linear-gradient(top, #6985b5, #456397);
	background: linear-gradient(top, #6985b5, #456397);
}

#cssmenu > ul > li.active {
	border-bottom: none;
}

/* Estilos para las opciones de menú o submenú activas */
#cssmenu > ul > li.active > a {
	text-shadow: 0 1px 1px #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));
	background: -webkit-linear-gradient(top, #6985b5, #456397);
	background: -moz-linear-gradient(top, #6985b5, #456397);
	background: -ms-linear-gradient(top, #6985b5, #456397);
	background: -o-linear-gradient(top, #6985b5, #456397);
	background: linear-gradient(top, #6985b5, #456397);
}

/* Estilos para los botones de + y - en las opciones con submenús */
#cssmenu > ul > li.has-sub > a span {
	background: url(../images/vmenu04-icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
	background: url(../images/vmenu04-icon_minus.png) 98% center no-repeat;
}

/* Estilos para los submenús */
#cssmenu ul ul {
	font-weight: bold;
	padding-left: 0;
	text-indent: 10px;
	display: none;
}
	/* Estilos para los ítems de submenú */
	#cssmenu ul ul a {
		padding: 2px 0 2px 0;
		display: block;
		color: #595959;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		font-size: 80%;
		line-height: 1.5;
		font-weight: bold;
	}
	
	/* Estilos para los ítems de submenú :hover */
	#cssmenu ul ul a:hover {
		padding: 2px 0 2px 0;
		color: #fff;

		background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));
		background: -webkit-linear-gradient(top, #6985b5, #456397);
		background: -moz-linear-gradient(top, #6985b5, #456397);
		background: -ms-linear-gradient(top, #6985b5, #456397);
		background: -o-linear-gradient(top, #6985b5, #456397);
		background: linear-gradient(top, #6985b5, #456397);

		border-top: 1px solid #212121;
		border-bottom: 1px solid #212121;
	}


	#cssmenu ul ul li {
	  padding: 0;
	}