@import url(https://fonts.googleapis.com/css?family=Lato);
@charset 'UTF-8';
/* Base Styles */
#cpcmenu,
#cpcmenu ul,
#cpcmenu li,
#cpcmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  position: relative;
}
#cpcmenu a {
  line-height: 1.3;
  padding: 6px 15px;
}
#cpcmenu {
  width: 180px;
}
#cpcmenu > ul > li {
  cursor: pointer;
  background: #000;
  border-bottom: 1px solid #797a80;
}
#cpcmenu > ul > li:last-child {
  border-bottom: 1px solid #3e3d3c;
}
#cpcmenu > ul > li > a {
  font-size: 13px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #000;
  background: #58769c;
  background: -moz-linear-gradient(#58769c 0%, #363f62 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58769c), color-stop(100%, #363f62));
  background: -webkit-linear-gradient(#58769c 0%, #363f62 100%);
  background: linear-gradient(#58769c 0%, #363f62 100%);
}
#cpcmenu > ul > li > a:hover {
  text-decoration: none;
  background: #a5ce27;
  background: -moz-linear-gradient(#a5ce27 0%, #709400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5ce27), color-stop(100%, #709400));
  background: -webkit-linear-gradient(#a5ce27 0%, #709400 100%);
  background: linear-gradient(#a5ce27 0%, #709400 100%);
  /*color: #ffffff;/* #4e5800;*/
	color: #4e5800;
	text-shadow: 0 1px 1px #a5ce27;
}
#cpcmenu > ul > li.active {
  border-bottom: none;
}
#cpcmenu > ul > li.active > a {
  background: #a5ce27;
  background: -moz-linear-gradient(#a5ce27 0%, #709400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5ce27), color-stop(100%, #709400));
  background: -webkit-linear-gradient(#a5ce27 0%, #709400 100%);
  background: linear-gradient(#a5ce27 0%, #709400 100%);
  color: #4e5800;
  text-shadow: 0 1px 1px #a5ce27;
}
#cpcmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}
#cpcmenu > ul > li.has-sub.active > a:after {
  right: 14px;
  top: 12px;
  border: 5px solid transparent;
  border-top: 5px solid #4e5800;
}
/* Sub menu */
#cpcmenu ul ul {
  padding: 0;
  display: none;
}
#cpcmenu ul ul a {
  background: #efefef;
  display: block;
  color: #797979;
  font-size: 13px;
}


#cpcmenu ul ul a:hover {
  background: #ffffff;
  display: block;
  color: #797979;
  font-size:13px;
}

#cpcmenu ul ul li {
  border-bottom: 1px solid #c9c9c9;
}
#cpcmenu ul ul li.odd a {
  background: #e5e5e5;
}

#cpcmenu ul ul li.odd a:hover {
  background: #ffffff;
}



#cpcmenu ul ul li:last-child {
  border: none;
}