#barra-navegacion {
	clear: both;
  width: 960px;
  margin: 0px auto 4em auto;
}

#navegacion {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
	/*right: 50%;*/
}

#navegacion div {
	position: absolute;
	left: -9999px;
	width: 100%;
	z-index: 10; 	
	height: 17px;
  padding-top: 2px;
  top: 20px;	
}

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

#navegacion table {
	border-collapse:collapse: padding:0; 
/*	margin:-1px -10px;*/
	width:0;
	height:0;
}

#navegacion li {
	float: left;
}

#navegacion li a {
	display: block;
	float: left;
	padding: 3px 20px;
	text-decoration: none;
	font-family: "trebuchet MS", sans-serif;
	font-size: 1.4em;
	text-decoration: none;
	color: #ffffff;
	background: #0a8c28;
	height: 15px;
}

#navegacion div li a {
	background: #bad89c;
	font-size: 1.2em;
	}


#navegacion li a:hover {
	background: #BAD89C;
	color: #fff;
	border: 0;
}

/*
#navegacion li a:hover b {
	background: #BAD89C right top;
}*/

#navegacion li:hover>a {
	background: #BAD89C;
	color: #000000;
	border: 0;
}

#navegacion :hover div {
	width: 100%;
	left: 0;
	background: #bad89c;
	border-top: thin solid #ffffff;
}

#navegacion :hover ul {
	position: relative;
	float: left;
}

#navegacion :hover ul li {
	float: left;
	position: relative;
}

#navegacion :hover ul li a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #000000;
}

#navegacion :hover ul li a:hover {
	text-decoration: underline;
}

#navegacion li.actual a,#navegacion li.actual a:hover {
	background: #014711;
	color: #ffffff;
}

#navegacion li.actual div ul li a,#navegacion li.actual div ul li a:hover {
  background: #bad89c;
  color: #000000;
}

#navegacion li.vacio div {
  width: 100%;
  left: 0;
  background: #bad89c;
  z-index: 0;
  border-top: thin solid #ffffff;
}

* html #navegacion li.actual div {
	width: expression(document.getElementById('navegacion').offsetWidth);
}

* html #navegacion li a:hover div {
	width: expression(document.getElementById('navegacion').offsetWidth);
}

#navegacion ul.seccion2 {
	/*margin-left: 30px;*/
}

#navegacion ul.seccion3 {
  margin-left: 110px;
}

#navegacion ul.seccion4 {
  margin-left: 230px;
}

#navegacion ul.seccion5 {
  margin-left: 190px;
}

#navegacion ul.seccion6 {
  margin-left: 450px;
}

#navegacion ul.seccion8 {
  margin-left: 700px;
}