CSS is not applied

[hfluz]

I'm trying to apply CSS in a menubar and some menuitens. When I put the CSS code in the xhtml page inside a <style> tag, everything is applied correctly, however when I put the same CSS code in a separated CSS file (theme.css), it doesn't work.

My code:

Code: Select all

<h:head>
	<title><ui:insert name="titulo">Portal do Estudante de Graduação</ui:insert></title>
	<link href='http://fonts.googleapis.com/css?family=Ubuntu'
		rel='stylesheet' type='text/css' />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/portal-theme/theme.css" />
	<style>
.ui-menubar {
	overflow: visible;
	z-index: 20 !important;
	float: none;
	background: #38B44A;
	border-radius: 0px;
	box-shadow: inset 0px -1px 1px #333;
	color: white;
}

.ui-menubar .ui-menuitem-link, .ui-menubar .menubar-text
	{
	color: #F8F8FF;
	font-size: 20px;
}

.ui-menubar .menubar-text:hover {
	color: #222222;
	font-size: 20px;
}

.menubar-subitem-text .ui-menuitem-text {
	color: black;
	font-size: 13px;
	line-height: 2;
	padding: 0px;
	margin: 0px;
}
</style>
</h:head>

What could that problem be?

Thanks in advance.

[kukeltje]

user e.g. firebug to analyze requests, paths etc... we cannot do that for you