*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
	outline: none;
	font-weight: 300;
	box-sizing: border-box;
	font-family: 'Lato', sans-serif; 
}

body {
	background-color: #f5f5f5;
}

a { text-decoration: none; }

.container {
	width: 100%;
	float: left;
	text-align: center;
	padding: 3% 4%;
}

.cabecalho {
	width: 100%;
	float: left;
	text-align: center;
	padding: 1% 4%;
	border-style: all;
	border-color: #000000;

}

.top-menu {
	height: 60px;
	width: 100%; 
	border-radius: 10px;
	
}

.top-logo { 
	width: 56px;
	height: 56px;
	float: left; 
	background: url(../img/icon.png) center center/56px no-repeat;
	font-size: 0; 
}

.alocate-btn-top {
	float: right;
	width: 70%;
	align-items: center;
	padding-top: 1px;
}

.btn-top-01 {
	width: 56px;
	height: 56px; 
	float: right;
	text-align: center; 
	color: #FFF;
	border-radius: 56px;
	cursor: pointer;
	background: linear-gradient(to right, #396478, #478AB7);
}

.banner{
	background: url(../img/bg.jpg) no-repeat fixed; 
}

.banner h1
  {
  	font-size: 2.0em;
  	color: #FFF;
  	font-weight: 700;
}

.banner h2
  {
  	font-size: 2.5em;
  	color: #FFF;
  	font-weight: 700;
}

.banner h3
  {
  	font-size: 1.5em;
  	color: #FFF;
	font-weight: 300;
}

.client-space { 
	background-color: #396478;
	border-radius: 10px;
	opacity: (opacity=50);
	opacity: 0.5; 
 }

 .box-login { 
	margin-top: 60px;
	background-color: #ffffff;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #478AB7;
	width: 90%;
	float: left;
	padding-top: 10px;
	
 }

 .rigth-box-login {
 	border-width: 2px;
	border-style: solid;
	border-color: #f5f5f5;
	width: 5%;
 	float: left;
 }

 .left-box-login {
 	width: 5%;
 	float: left;
 }
 .box-login-informar-dados {
 	color: #ffffff;
 	padding-top: 15px;
 	text-align: center;
	width: 100%;
	height: 50px;
	border-radius: 5px; 
	background: linear-gradient(to right, #396478, #478AB7);

} 	
 
.input-login {

	margin-top: 20px;
	padding-top: 2px;
 	text-align: center;
	
	border-radius:5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #478AB7;    
    -moz-box-shadow: 1px 1px 2px #478AB7;
    -webkit-box-shadow: 1px 1px 2px #478AB7;
    background: #ffffff; 
    border:1px solid #396478;
    width:330px;
    height: 47px;
    color: #478AB7;
    align-items: center; 
}

.input-senha {

	margin-top: 20px;
	padding-top: 2px;
 	text-align: center;

	border-radius:5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #478AB7;    
    -moz-box-shadow: 1px 1px 2px #478AB7;
    -webkit-box-shadow: 1px 1px 2px #478AB7;
    background: #ffffff; 
    border:1px solid #396478;
    width:330px;
    height: 47px;
    color: #478AB7;
    align-items: center; 
}

.btn-submit {
	margin-top: 20px;
	color: #ffffff;
 	text-align: center;
	width: 100%;
	height: 50px;
	border-radius: 5px; 
	background: linear-gradient(to right, #396478, #478AB7);
}

.top-welcome {
	border-width: 2px;
	border-style: solid;
	border-color: #478AB7;
	width: 100%;
	color: #ffffff;
 	padding-top: 10px;
 	text-align: left;
	height: 50px;
	border-radius: 5px; 
	background: linear-gradient(to right, #396478, #478AB7);
}

.plataforma-link {
	margin-top: 10px;
	color: #396478;
	font-weight: 700; 
}