ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs-two{
  overflow: hidden;
  width: 100%;
}

#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
}

#breadcrumbs-two a, #breadcrumbs-two span{
  background: #ddd;
  padding: .7em 1em;
  /*float: left; */
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
  font-weight: bold;
}

.admin #breadcrumbs-two a, .admin #breadcrumbs-two spa{
	color:#4B0082;
}

.agenda #breadcrumbs-two a, .agenda #breadcrumbs-two span{
	color:#bb2900;
}

.pra #breadcrumbs-two a, .pra #breadcrumbs-two span{
	color:#0064AC;
}

.odr #breadcrumbs-two a, .odr #breadcrumbs-two span{
	color:#0f6d6d;
}

	
#breadcrumbs-two .clickable a:hover, #breadcrumbs-two .clickable a:focus{
  background: #1f4c92;
  color: white;
}

/*current a tag can't be clicked ;added code: #breadcrumbs-two .current a:hover:before, #breadcrumbs-two .current a:hover:after
#breadcrumbs-two .current, #breadcrumbs-two .current a:hover
*/
#breadcrumbs-two a:before, #breadcrumbs-two span:before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#breadcrumbs-two .clickable a:hover:before{
  border-color: #1f4c92 #1f4c92 #1f4c92 transparent;
}

#breadcrumbs-two a:after, #breadcrumbs-two span:after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#breadcrumbs-two .clickable a:hover:after{
  border-left-color: #1f4c92;
}

#breadcrumbs-two .nonclickable a:hover{
	cursor:default;
}
#breadcrumbs-two .current{
  font-weight: bold;
  background: #1f4c92;
}