/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
#menu {
	padding-top:5px;
	background:#5EBACE url(/canal-desarrollo/img/bg-menu1.jpg) repeat-x;
	margin-bottom:1.75em;
}
#menu .container_16 { background:none; }
#menu ul.nav,
#menu ul.nav * { margin:0;padding:0;}
#menu ul.nav {
  position:relative;
  max-width:100%;
  height:2.8em;
  border-left:1px solid #5fbacf;
}
#menu ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
	position:relative;
	top:0;
	left:0;
}
#menu ul.nav li a {
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2.8em;
	line-height:2.8em;
	border:0;
	border-right:1px solid #5fbacf;
}

#menu ul.nav li:hover a,
#menu ul.nav li a:hover { color:#FFF; background:#0d84a2 url(/canal-desarrollo/img/bg-menu2.jpg) repeat-x; }
#menu ul.nav li a:active, #menu ul.nav li:hover a:active, /* #menu ul.nav li a:focus,*/ 
#menu ul.nav li.activa a:link, #menu ul.nav li.activa a:visited { color:#004658; cursor:default; background:#E2F0FA url(/canal-desarrollo/img/bg-menu2.jpg) 0 -40px repeat-x; }



/* navigation (vertical subnavigation)
----------------------------------------------- */
#menu ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.8em;
	background-position:0 0 !important;
	left:-9000px;
	border-top:0;
}
#menu ul.nav li ul li {
	padding:0;
	border:0;
	width:auto;
	max-width:none;
	float:left;
}
#menu ul.nav li ul li a {
	color:#0c1216;
	width:14em;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	text-transform:none;
	font-weight:normal;
	background-position:0 50% !important;
	line-height:2em;
	height:2em;
	border-top:1px solid #9fe3f2;
	border-bottom:1px solid #3d9db2;
	border-left:1px solid #3d9db2;
	border-right:1px solid #3d9db2;
	background-image:none;
}

#menu ul.nav li:hover ul {left:0;z-index:10}
#menu ul.nav li:hover ul li a {color:#0c1216; background:#7cd0e2 !important; background-image:none !important;}
#menu ul.nav li ul li a:hover,
#menu ul.nav li:hover ul li a:hover {color:#0c1216; background:#ade3ef !important;}
#menu ul.nav li:hover ul li a:active,
#menu ul.nav li:hover ul li.activa a  {color:#0c1216; cursor:default !important; background:#EFEFC2 !important;}


/* secondary list
----------------------------------------------- 
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:37em;
	height:2.8em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}
*/