#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1;
	position: relative;
}
#cssmenu {width: 100%;}
#cssmenu a {line-height: 1.3;}
#cssmenu > ul > li {
	background: #FFFFFF;
	margin: 5px 0;
    box-shadow: 0 2px 3px rgba(111, 111, 111, .25);
}
#cssmenu > ul > li:hover {background: #CBF9FF;}
#cssmenu > ul > li > a {
	font-size: 1em !important;/*14px*/
	display: block;
	color: #00b4cb;
	border-bottom: 1px solid #00b4cb;
}
#cssmenu > ul > li > a > span {
	display: block;
	padding: 12px 10px;
}
#cssmenu > ul > li > ul > li.has-sub > a > span {
	display: block;
}
#cssmenu > ul > li > a:hover {text-decoration: none;}
#cssmenu > ul > li.active {
	background: #e4f7f9;
	border-bottom: none;
}
#cssmenu > ul > li.active > a {
	color: #008798;
	font-weight: 700;
}
#cssmenu > ul > li.has-sub > a span {background: url(../images/icons/icon-mas.png) 96% center no-repeat;}
#cssmenu > ul > li.has-sub.active > a span {background: url(../images/icons/icon-menos.png) 96% center no-repeat;}
/* Sub menu Nivel 2 */
#cssmenu ul ul {
	display: none;
	background: #fff;
}
#cssmenu ul ul li {
	padding: 0;
	border-bottom: 1px solid #EEEEEE;
	border-top: none;
	background: #FFFFFF;
}
#cssmenu ul > li.has-sub.active > ul > li.open a {
	color: #00b4cb;
}
#cssmenu ul > li.has-sub.active > ul > li.open {
	background: -moz-linear-gradient(#FFFFFF 0%, #ECECEC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #ECECEC));
    background: -webkit-linear-gradient(#FFFFFF 0%, #ECECEC 100%);
    background: linear-gradient(#FFFFFF 0%, #ECECEC 100%);
}
#cssmenu ul ul li:last-child {border-bottom: none;}
#cssmenu ul ul a {
	padding: 10px 10px 10px 15px;
	display: block;
	color: #676767;
	font-size: 0.88em !important;/*12px*/
}
#cssmenu ul ul a {
	background: url(../images/icons/icon-right-arrows.png) left no-repeat;
	left: 10px;
}
#cssmenu ul ul a:hover {color: #00B4CB;}
#cssmenu > ul > li > ul > li.active {
    background: #ECECEC;
    border-bottom: none;
}

#cssmenu > ul > li.has-sub > ul > li.has-sub > a span {background: url(../images/icons/icon-mas-sub.png) 97% center no-repeat;}
#cssmenu > ul > li > ul > li.has-sub.active > a span {background: url(../images/icons/icon-menos-sub.png) 97% center no-repeat;}
/* Sub menu Nivel 3 */
#cssmenu ul ul ul {
	padding-left: 10px;
	padding-right:10px;
}
#cssmenu ul ul ul a {
	padding: 5px 5px 5px 15px;
}
#cssmenu ul ul ul a, #cssmenu ul ul ul span {
	font-size: 1em !important;/*14px*/
	background: url(../images/icons/icon-green-point.png) left no-repeat;
	left: 10px;
}
#cssmenu ul ul ul span:hover {
	color: #91bf20 !important;
}
#cssmenu ul li ul li ul li {
    border-bottom: 1px dashed #b3d68d;
}