/* Menus de navegacio del entorn web */
/* copyright 2006 - Enoe, realidad virtual */
/* Revisio del 12 de febrer de 2006 */

/* ------------------------------------------------------- */

#menu, #menu_esp, #menu_ang {
	position: absolute;
	left: -2px;
	top: 91px;
	width: 200px;
	height: 132px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 20px;
}

/* estils per Internet Explorer 5 !!!! */
#menu_esp li {
	float: left;
	width: 22px;
	height: 131px;
	list-style-image: none;
}

#menu_esp a {
	position: relative;
	display: block;
	height: 131px;
	width: 22px;
	position: static;
	background-image: url(../images/nav/nav_ie_esp.gif);
}

#menu_ang li {
	float: left;
	width: 22px;
	height: 131px;
	list-style-image: none;
}

#menu_ang a {
	position: relative;
	display: block;
	height: 131px;
	width: 22px;
	position: static;
	background-image: url(../images/nav/nav_ie_ang.gif);
}

#menu li {
	float: left;
	width: 22px;
	height: 131px;
	list-style-image: none;
}

#menu a {
	position: relative;
	display: block;
	height: 131px;
	width: 22px;
	position: static;
	background-image: url(../images/nav/nav_ie.gif);
}


/*------------------------*/
/*Pels navegadors que es comporten bé amb l'estàrdart 
(poso el selector d'idioma perque la resta del codi funcioni amb IE*/
/*
html [lang="esp"] #menu_esp a {
	background-image: url(../images/nav/nav_esp.gif);
}

html [lang="ang"] #menu_ang a {
	background-image: url(../images/nav/nav_ang.gif);
}

html [lang="cat"] #menu li>a {
	background-image: url(../images/nav/nav.png);
}

html [lang="esp"] #menu_esp li>a {
	background-image: url(../images/nav/nav_esp.png);
}

html [lang="ang"] #menu_ang li>a {
	background-image: url(../images/nav/nav_ang.png);
}
*/

/* En quina secció estic? */
#mdepartament a { background-position: 0 0; }
#mprofessorat a { background-position: -23px 0; }
#mdocencia a { background-position: -46px 0; }
#mrecerca a { background-position: -69px 0; }
#mconvivium a { background-position: -92px 0; }
#mnoticies a { background-position: -115px 0; }

#menu a:hover, #menu_esp a:hover, #menu_ang a:hover {
	text-decoration: none;
	color: #000;
	border: 0;
	background-color: #000; 
}


/* Rollovers */
#principal #mdepartament,
#historia #mdepartament,
#informacio #mdepartament,
#onsom #mdepartament,
#vincles #mdepartament,
#professorat #mprofessorat,
#docencia #mdocencia,
#doctorat #mdocencia,
#postgraus #mdocencia,
#recerca  #mrecerca,
#convivium #mconvivium,
#noticies #mnoticies { 
	height: 131px;
	width: 22px;
	background-color: #369;
}



/* ------------------------------------------------------- */
/* Submenus */


#submenu { background: url(../images/nav/departament.gif) no-repeat left top; }
#professorat #submenu { background: url(../images/nav/professorat.gif) no-repeat left top; }
#docencia #submenu,
#doctorat #submenu,
#postgraus #submenu { background: url(../images/nav/docencia.gif) no-repeat left top; }
#recerca #submenu { background: url(../images/nav/recerca.gif) no-repeat left top; }
#convivium #submenu { background: url(../images/nav/convivium.gif) no-repeat left top; }
#noticies #submenu { background: url(../images/nav/noticies.gif) no-repeat left top; }



#submenu_esp { background: url(../images/nav/departament.gif) no-repeat left top; }
#professorat #submenu_esp { background: url(../images/nav/professorat.gif) no-repeat left top; }
#docencia #submenu_esp,
#doctorat #submenu_esp,
#postgraus #submenu_esp { background: url(../images/nav/docencia.gif) no-repeat left top; }
#recerca #submenu_esp { background: url(../images/nav/recerca_esp.gif) no-repeat left top; }
#convivium #submenu_esp { background: url(../images/nav/convivium.gif) no-repeat left top; }
#noticies #submenu_esp { background: url(../images/nav/noticies.gif) no-repeat left top; }



#submenu_ang { background: url(../images/nav/departament.gif) no-repeat left top; }
#professorat #submenu_ang { background: url(../images/nav/professorat_ang.gif) no-repeat left top; }
#docencia #submenu_ang,
#doctorat #submenu_ang,
#postgraus #submenu_ang { background: url(../images/nav/docencia_ang.gif) no-repeat left top; }
#recerca #submenu_ang { background: url(../images/nav/recerca.gif) no-repeat left top; }
#convivium #submenu_ang { background: url(../images/nav/convivium.gif) no-repeat left top; }
#noticies #submenu_ang { background: url(../images/nav/noticies.gif) no-repeat left top; }


#submenu, #submenu_esp, #submenu_ang {
	position: absolute;
	left: 3px;
	top: 237px;
	padding-left: 60px;
	padding-top:5px;
	height: 135px;
	width: 212px;
}


#submenu li,
#submenu_esp li,
#submenu_ang li {
	list-style-image: none;
	list-style-type: none;
	line-height: 1.0em;
	padding-left: 6px;
	padding-top: 2px;
}


#submenu a,
#submenu_esp a,
#submenu_ang a {
	font-size: 0.9em;
	font-weight: normal;
	color: #999;
}


#submenu a:hover, 
#submenu_esp a:hover,
#submenu_ang a:hover {
	color: #369;
	border-bottom: 1px #ccc dotted;
}