@charset "utf-8";
/* CSS Document */


html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#000;


}

#fundo-externo { 
overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
width: 100%; 

position: absolute; /* criamos um contexto para posicionamento */
} 
  
#fundo { 
/* posição fixa para que a possível rolagem da tela não revele espaços em branco */
width: 100%; 

} 
  
#fundo img { 
width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */

} 
#content {
	width:100%;
	height:auto;
	position:fixed;
	z-index:1;
}




#entrada {
width: 23%;
height: auto;
top: 84%;
left: 70%;
position: fixed;
z-index: 5;
float: right;
text-align: center;
}
.site {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFCC33;
text-decoration: none;
letter-spacing: 2px;
}
.entrar {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
text-decoration: none;
letter-spacing: 1px;
}