*{margin: 0;padding: 0;}
html, body{
	height: 100%;
}	
.geral{
	width: 100%;
	height: 100%;
}
.fundo{
	width: 100%;
	height: 100%;
	position: fixed;
}
.fnd{
	width: 100%;
	height: 100%;
	position: absolute;
}
.mag{
    margin-top: 7%;
    text-align: center;
    -moz-opacity: 1.0;
	Filter: Alpha(Opacity=90);
	cursor: pointer;
}
.mag:hover{
    margin-top: 7%;
    text-align: center;
    opacity: 0.3; 
    -moz-opacity: 0.5;
    cursor: pointer;
}
.def{
    text-align: center;
    margin-top: 1%;
    color: #30358f;
    font-size: 1.5em;
    font-weight: 800;
    font-family: 'Ranga', cursive;
}
.def:hover{
    text-align: center;
    margin-top: 1%;
    color: #eb5e21;
    font-size: 1.5em;
    font-weight: 800;
    font-family: 'Ranga', cursive;
    clear: both;
}
.btn{
	padding: 1% 1% 1% 1%;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 900;
    background: #0000ff;
    cursor: pointer;
    width: 15%;
}
.btn:hover{
	padding: 1% 1% 1% 1%;
    border-radius: 30px;
    color: #0000ff;
    font-weight: 900;
    background: #FFFFFF;
    cursor: pointer;
    width: 15%;
}

.rodape{
	width: 100%;
	height: 10%;
	bottom: 1%;
	text-align: center;
	margin-top: 20%;
}
.ft{
    width: 40%;
    text-align: center;
}
.logo{
    width: 20%;
    margin-left: 42%;
    margin-top: 3%;
}