/* reset de margens */
* {
    margin: 0;
    padding:0;
}
 
/* para garantir que estes elementos ocupar�o toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}
 
#fundo-externo {
    overflow: hidden; /* para que n�o tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: fixed; /* criamos um contexto para posicionamento */
}
#imagen-topo{
	
	margin-left: 70px;
	 width: 50%;
    height: 50%;
	
}
#texto-topo{
	margin-left: 110px;
	color: gray;
	font-size: 20px;
}

#conteudo-topo{
	margin-left: 60px;
}
#botao-topo{
	margin-left:107px;
	width: 42%;
	color: #00a89a;
	border-bottom-color: #00a89a;
	
	border-color: #00a89a;
}
#senha-esqueceu{
	margin-left:120px;
	color: #00a89a;
	
}

#cadastre-se{
	margin-left:140px;
	color: #00a89a;
	
}
 
#fundo {
    position: fixed; /* posi��o fixa para que a poss�vel rolagem da tela n�o revele espa�os em branco */
    width: 100%;
    height: 100%;
}
 
#fundo img {
    width: 100%; /* com isso imagem ocupar� toda a largura da tela. Se colocarmos height: 100% tamb�m, a imagem ir� distorcer */
    position: absolute;
}
 
#site {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 560px;
    padding: 20px;
    margin-left: -300px; /* por causa do posicionamento absoluto temos que usar margem negativa para centralizar o site */
    background: #FFF; /* fundo branco para navegadores que n�o suportam rgba */
    background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transpar�ncia */
}
 
p {
    margin-bottom: 1.5em;
}

 .Bimage{
    
   background-image:url("/javax.faces.resources/images/fundo-login.png.xhtml");
     background-repeat: no-repeat;
    background-attachment: fixed;
    background-repeat: no-repeat;
    overflow: hidden;
    }