.ul-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f8f8f8;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  border-style:none;
}

.li-menu {
  float: left;
  width:25.00%
}

.li-menu a {
  display: block;
  color: #666;
  font-size:18px;
  text-align: center;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
  text-decoration:none;
}

.li-menu a:hover:not(.active) {
  background-color: #eee;
  text-decoration: none;
  color: #333;
}

.li-menu a.active {
  color: white;
  background-color: #0B003C;
  text-decoration: none;
}

.why-this-course {
  color: #06ABED;
  text-decoration: none;
  text-align: left;
}

.why-this-course:hover {
  color: #06ABED;
  text-decoration: none;
}

.b-cursos {
  color: #06ABED;
  text-decoration: none;
  text-align: left;
}

//.b-cursos a {
  //color: #333;
  //font-size:16px;
  //padding: 10px 12px;
//}

.b-cursos:hover {
  color: #06ABED;
  text-decoration: none;
}

.a-cursos {
  color: #333;
  text-decoration: none;
  text-align: left;
}

//.a-cursos a {
  //color: #333;
  //font-size:16px;
  //padding: 10px 12px;
//}

.a-cursos:hover {
  color: #06ABED;
  text-decoration: none;
}

.butt {
  margin-top:10px;
  padding:12px 20px 12px 20px;
  font-size:16px;
  color: black;
  background-color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
}

.butt:hover {
   background-color:#ddd;
   color:#333;
  text-decoration: none;
}