*{margin:0; padding:0}

html, body{
    height:100%;
    overflow:hidden;
	overflow-y: hidden;
}

#bg{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

#content{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    overflow:auto;
}

#principal{
    width:400px;
    margin:0 auto;
    background:#fff;
    height:100%;
	filter:alpha(opacity=60); /* para o IE */
    -moz-opacity:0.7; /* para o FireFox */
    opacity:0.7; /* para o outros Navegadores */
	position: relative;

}

#principaltotal{

	position: absolute;
	margin-top: -50px; /* A mesma altura do rodapé, o valor deve ser negativo */
	
	filter:alpha(opacity=60); /* para o IE */
    -moz-opacity:0.7; /* para o FireFox */
    opacity:0.7; /* para o outros Navegadores */
	
	height: 180px;
	width:150px;
	background:#000000;
	top:83%;
	left:82%;
}

#imagem {
position:relative;
width:100%;
height:100%;

	z-index:4;
	
	
		filter:alpha(opacity=60); /* para o IE */
    -moz-opacity:0.7; /* para o FireFox */
    opacity:0.7; /* para o outros Navegadores */
}

#texto {
font-size:18px;
position:absolute;
text-align:center;
top: 50%;
left: 15%;
z-index:5;
text-decoration:blink;
}