@charset "UTF-8";
@font-face {
font-family: 'FonteLogo';
src: url("../font-awesome-4.6.3/fonts/Sofia-Regular.otf");
}

@font-face{
font-family: 'FonteLogo2';
src: url("../font-awesome-4.6.3/fonts/BEBAS___.ttf");
}


@font-face{
font-family: 'Fontemenu';
src: url("../font-awesome-4.6.3/fonts/Raleway-Italic.ttf");
}


body{
height: 100%;
width: 100%;	
}

section#welcome {
position: relative;	
width: 94%;
height: 150px;
margin: auto;
background-image: url("../img/capa.jpg");
border: 2px solid;
color: #ffffff;
box-shadow: 10px 10px 10px #424242;
margin-bottom: 3%;
}	

section#welcome h1{
text-align: center;
color: #ffffff;
margin-top: auto;
font-size: 440%;
font-family: 'FonteLogo';
opacity: 1;
	
}




form#legenda{
position: relative;	
height: 400px;
width: 40%;
margin: auto;	
color: #000000;
font-family: 'Fontemenu';
font-weight: bold;
}	



form#legenda h2{
text-align: center;
font-weight: bold;
}

	

form#legenda input{
width: 80%;	
background-color: #D3D3D3;
border: 2px solid;
border-bottom: 2px solid;
border-bottom-color: #000000;
margin: 3%;
}	


div#login{
position: relative;
width: 80%;
text-align: center;
margin: auto;	
}	

div#login button{
background-color: #000000;
border: 1px solid;
border-radius: 4px 4px 4px 4px;
font-family: 'Fontemenu';
color: #ffffff;	
font-size: 18px;
}	


div#login2{
font-size: 10px;
}	

div#login2 input {
width: 13%;
font-size: 10px;
}	



a#l1 {
font-size: 10px;	
color: #ffffff;
text-decoration: none;
}	


footer {
position: relative;
clear: both;
border-top: 2px solid;	
text-align: center;
font-weight: bold;
clear: both;
margin-top: 13%;
width: 100%;
height: 0px;
height: 0%;
font-family: 'Fontemenu';

}	

footer p{
color: #000000;

]