/*
320 pixel – Smartphones no formato retrato
480 pixel – Smartphones no formato paisagem
768 pixel – Tablets no formato retrato
960 pixel – Tablets no formato paisagem e alguns monitores mais antigos
1200 pixel – Desktops com monitores widescreen
*/

site_colors{
	primary_color: #A9C9BA;
	primary_light_color: #C5DAD0;
	primary_dark_color: #33565A;
	asset_color: #726A3B;
	asset_light_color: #C2C962;
	asset_dark_color: #3B342A;
	button_color: #6D9C8A;
}

html{
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

body{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 100%;
	font-family: Segoe UI;
	color: #444;
}

/* CONFIGURAÇÃO PADRÃO 
   -------------------------------------------------------------------------------- */

h1{
	
}
h2{
	
}
p{
	line-height: 1.25em;
	margin: 0;
	padding: 0;
}
ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
li{
	
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}

/* CABEÇALHO 
   -------------------------------------------------------------------------------- */

header{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: auto;
	background-color: #C5DAD0;
}
header img{
	float: left;
	width: 50px;
	margin: 10px 0 10px 5%;
}

/* CRIAR CONTA 
   -------------------------------------------------------------------------------- */

section#section_login{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 5% 0;
}
section#section_login h1{
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 1em;
	font-size: 50px;
	font-weight: 100;
}
section#section_login div{
	position: relative;
	float: left;
	display: flex;
	width: 100vw;  
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
section#section_login div form{
	float: left;
	position: relative;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 40px 0 30px 0;
	background-color: #F1F1F1;
	border-radius: 2px;
}
section#section_login form p{
	font-size: 12px;
	font-weight: 900;
	margin: 10px 0 0 0;
}
section#section_login form input{
	width: 70%;
	margin: 0 0 20px 12%;
	padding: 5px 2.5%;
	float: left;
}
section#section_login form input#input_id_botao_login{
	width: 45%;
	height: auto;
	margin: 0 25% 0 27%;
	padding: 10px 2.5%;
	background-color: #C2C962;
	border-width: 0;
	color: #FFFFFF;
	cursor: pointer;
}
section#section_criar_conta form input#input_id_botao_login:hover{
	background-color: #726A3B;
}
p#login_invalido{
	float: left;
	width: 100%;
	font-family: Segoe UI;
	color: red;
	font-size: 12px;
	text-align: center;
	font-weight: 100;
}
span#button_change_type{
	float: left;
	padding: 0 0 0 0;
	margin: 4px 0 0 1.7%;
	font-size: 21px;
	background-color: Transparent;
	border: none;
    cursor:pointer;
	color: #9E9E9E;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* FOOTER
   -------------------------------------------------------------------------------- */

footer{
	position: absolute;
	width: 90%;
	height: auto;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 20px 5% 20px 5%;
	background-color: #33565A;
	font-size: 0.8em;
	text-align: center;
	color: #FFFFFF;
}

/* MEDIA SCREEN
   -------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 960px){
	
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 750px){
	header ul#logo_menu{
		margin: 10px 0 8px 48%;
		padding: 0;
	}
	section#section_login h1{
		font-size: 30px;
	}
}
@media screen and (max-width: 720px){
	
}
@media screen and (max-width: 600px){
	header ul#logo_menu{
		margin: 10px 0 8px 46%;
		padding: 0;
	}
}
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 450px) {
	header ul#logo_menu{
		margin: 10px 0 8px 7%;
		padding: 0;
	}
	
}
@media screen and (max-width: 320px){
	
}
@media screen and (max-width: 300px){
	
}