* {
	margin:0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	background-color: rgb(250,250,250);
}
.centro {
	position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        width: 85%;
        max-width: 350px;
        border-radius: 5px;
}

.relative {
padding: 10px;
position: relative;
background-color: rgb(240,240,240);
}

.barra {
	position: relative;
}

.relative img {
	display: inline-block;
	left: 50%;
    margin-right: -50%;
    position: absolute;
    transform: translateX(-50%);
    top: -45px;
}

.barra:before {
  background: linear-gradient(to right, #9400D3 14.3%, #4B0082 14.3%, #4B0082 28.6%, #0000FF 28.6%, #0000FF 42.9%, #00FF00 42.9%, #00FF00 57.2%, #FFFF00 57.2%, #FFFF00 71.5%, #FF7F00 71.5%, #FF7F00 85.8%, #FF0000 85.8%);
  position: absolute;
  content: '';
  height: 2px;
  right: 0;
  left: 0;
  bottom: 0;
}

.input {
	margin: 10px;	
	margin-top: 25px;
	background-color: rgb(240,240,240);
	display: flex;
	justify-content: center;
}

.input + .input{
	margin: 10px;	
}

.input img {
	position: unset;
	padding: 15.1px;
	background-color: orange;
	margin-right: 0px;
	transform: unset;
	vertical-align: middle;
}

.itens {
	margin: 10px;
	margin-top: 20px;
	background-color: rgb(240,240,240);
}

.inpu {
	padding: 15px;
	width: calc(100% - 47px);
	border:none;
}

.esqueci, .voltar {
	font-size: 0.9em;
	display: block;
	float: left;
	cursor: pointer;
	background-color: rgb(240,240,240);
	color: #4682B4;
}

.btacesso, .btacesso1 {
	display: block;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	border:1px solid rgb(180,180,180);
	background-image: linear-gradient(to bottom, rgb(220,220,220), rgb(240,240,240));
	cursor: pointer;
}

.recovery {
	display: none;
}

.clear {
	clear: both;
}

.erro, .erro1 {
	margin-top: 10px;
	padding: 10px;
	background-color: #FF6347;
	color: white;
	font-size: 0.9em;
	display: none;
}

.erro a {
    text-decoration:none;
    background-color:#333;
    color:white;
    padding:5px;
}

.enviado {
	margin-top: 10px;
	padding: 10px;
	background-color: #4682B4;
	color: white;
	font-size: 0.9em;	
	display: none;
}

.cadsenha {
	padding: 10px;
	margin-top: 30px;
	text-align: center;
	background-color: rgb(240,240,240);
}