Tela de login não está renderizando

Programação
, ,
#1

estou criando uma tela de login, mais não estou conseguindo renderizar conforme minha modificação

<h:head>
	<title>Tela de Login</title>
	<h:outputStylesheet library="css" name="sistema.css" />
</h:head>
<h:body>
	<div id="login-dialog">
		<h1>Login</h1>
		<h:form id="form_login">
			<h:panelGrid columns="2"  styleClass="grid-login">
				<p:outputLabel id="usuario" value="Usuario:" />
				<p:inputText for="usuario" />
				<p:outputLabel id="senha" value="Usuario:" />
				<p:password for="senha" />
				<p:outputLabel />
				<p:commandButton value="entrar"/>
			</h:panelGrid>
		</h:form>
	</div>
</h:body>
</html>

meu css

#login-dialog {
	width: 500px;
	margin: auto;
	margin-top: 150px;
    }

.grid-login {
	background-color: #f2f2f2;
	border-radius: 8px;
	border: 6px solid #ccc;
	margin-top: 8px;
	padding: 10px
}