/* -------------------------- Estilo del menu ----------------------- */


#menubar {
	width:960px;
	height:38px;
	background-image:url(../images/menubar-bg.gif);
	position:absolute;
	bottom:0;
}

#nav {
	position:absolute;
	right:10px;
	display:inline;
}

#nav a {
	display:block;
}

.menuTopLink {
	height:38px;
}

#nav ul {
	margin-top:0px;
}

/* diferentes anchos para diferentes submenus */

#cursos a {width:270px;}
#tips a {width:120px;}
#quien a {width:110px;}

#cursos .menuLine {width:270px;}
#tips .menuLine {width:120px;}
#quien .menuLine {width:110px;}


/* estilo para los submenus */
li ul {
	background-color:#E6E6E6;
	position:relative;
	z-index:500;
}

/* cada item de la lista dentro de cada submenu */
li ul li {
	clear:left;
}	

/* links dentro de los submenus */
li ul a {
	text-decoration:none;
	color:#4F4F4F;
	font-weight:bold;
	font-size:12px;
	padding:8px 5px 8px 15px;
}

/* efectos de hover en los links */
li ul a:hover {
	background-color:#65AAD3;
	color:#F1F0EE;
}	

li ul a:active {
	background-color:#787878;
	color:#F1F0EE;
}	

/* lineas que dividen elementos dentro de cada menu */
.menuLine {
	display:block;
	height:2px;
	margin:0 8px;
	background-color:#787878;
	text-align:center;
	overflow:hidden;
}