/* Valores padrão */
*{
	margin: 0px;
	padding: 0px;
} 

body{
	background-image: url(../Imagens/Backgrounds/login.jpg); /* altera o plano de fundo*/
	background-position: 0% 0%;           /* altera a posição da imagem de plano de fundo */
    background-size: cover;
	background-repeat: no-repeat;           /* altera a repetição do plano de fundo*/
	color: white;                           /* altera a cor padrão da letra */
	font-family: arial;                     /* altera a fonte */
}

input{
	border-radius: 10px;     /* formata as quinas das text box*/
	border: 1px solid rgba(0, 0, 0, 0.363); /* controla a largura e cor da borda */
	display: block;          /* altera o alinhamento */
	font-size: 16pt; 
	height: 15px;            /* altura da text box*/
	margin: auto;           
	margin-top: 15px;
	margin-bottom: 15px;    
	outline: none;           /* altera o contorno que aparece quando clicamos */
	padding: 10px 20px;      /*altera o alinhamento do texto dentro da text box */
	width: 350px;            /* largura da text box*/
	
}


div#corpo_form_login{
	background-color: rgba(128, 128, 128, 0.541);
	border-radius: 10px;     /* formata as quinas das text box*/
	width: 470px;
	margin: 150px auto 0 auto; /*Alinhamento do form, (up,left, bottom, right) */
}

div#corpo_form_login h1{
	text-align: center;
	padding: 20px;
}

a{
	color: white;  /* altera a cor padrão do texto*/
	text-decoration: none; /* altera a decoração do texto */
	text-align: center;
	display:block;
}

a:hover{
	text-decoration: underline; /* altera a ação do mouse ao passar */
}

input[type=submit]{
	background-color: #23aba8;
	border: none;
	box-sizing: content-box; /* conserta o tamanho do botão em relação ao text box */
	color: white;
	cursor: pointer;
	height:15px;
	line-height: 15px;
	margin: auto;
	width: fit-content;
}

div.msg_sucesso{
    padding: 10px;
    background-color: #1d9645fd;
	border: 1px solid rgb(4, 91, 25);
    color: whitesmoke;
	margin: 10px auto;
    text-align: center;
	width: 420px;
    
}

div.msg_erro{
    width: 420px;
    margin: 10px auto;
    padding: 10px;
    background-color: #f706066c;
    border: 1px solid rgb(236, 10, 10);
    color: whitesmoke;
    text-align: center;
}

footer,p{
	font-size: smaller;
	text-align: center;
  }
  
  #painel_footer{
	border: 1px solid#00c6f700;
	border-radius: 0px;
	background-color: #707070fd;
	height:20px; 
	line-height: 25px;
	position:fixed;
	bottom:0;
	width:100%;
  
  }


  
  @media screen and (max-width: 1000px){
	  /* Valores padrão */
*{
	margin: 0px;
	padding: 0px;
} 
	body{
		background-image: none;
    	background-color: #8bc6fd;
		margin-top: -150%;
	}

#corpo_form_login{
		background-color: rgba(128, 128, 128, 0.541);
		border-radius: 10px;     /* formata as quinas das text box*/
		max-width: 98%;
		margin: auto ;
		transform: translateY(750px);
	}
	  
	  #painel_footer{
	border: 1px solid#00c6f700;
	border-radius: 0px;
	background-color: #707070fd;
	height:20px; 
	line-height: 25px;
	position:absolute;
	bottom:0;
	width:100%;
  
  }

}