@charset "utf-8";

header { float: left; width: 100%; position: relative; z-index: 50;}

header .auth { float: left; width: 100%; background-color: rgb(127, 193, 51);}
header .auth .logo { float: left; width: 100%; padding: 7px 0; text-align: center; font-size: 0;}
header .auth .voltar { position: absolute; top: 50%; left: 2%; margin: -7px 0 0;}
header .auth .voltar .ico { float: left; width: 15px; height: 15px; background-image: url('../imagens/voltar.png?'); background-position: 50%; background-repeat: no-repeat;}
header .auth .voltar .nome { float: left; margin: 0 0 0 5px; text-transform: uppercase; font-weight: bold; font-size: 0.9em; color: rgb(255, 255, 255);}
header .auth .voltar:hover .nome { text-decoration: underline;}
header .auth .links { position: absolute; top: 0; right: 2%;}
header .auth .links a { float: left; padding: 19px 20px 18px 40px; border-right: 1px solid rgb(0, 0, 0, 30%); background-position: 15px 50%; background-repeat: no-repeat; color: rgb(255, 255, 255);}
header .auth .links a.ajuda { background-image: url('../imagens/ajuda.png'); border-left: 1px solid rgb(0, 0, 0, 30%);}
header .auth .links a:hover { background-color: rgb(0, 0, 0, 10%);}

header .admin { position: fixed; width: 100%; height: 50px; top: 0; left: 0; background-color: rgb(9, 11, 15);}
header .admin .logo { float: left; width: 100%; margin: 5px 0 0; text-align: center;}
header .admin .chave { position: absolute; top: 5px; left: 1%; z-index: 1;}
header .admin .chave .ico { float: left; width: 40px; height: 40px; background-position: 50%; background-repeat: no-repeat;}
header .admin .chave .ico.abrir { background-image: url('../imagens/menu-abrir.png');}
header .admin .chave .ico.fechar { background-image: url('../imagens/menu-fechar.png');}
header .admin .sair { position: absolute; top: 15px; right: 70px; z-index: 1; padding: 10px; background-color: rgb(100, 100, 100); color: rgb(255, 255, 255, 80%); line-height: 0;}
header .admin .sair:hover { background-color: rgb(120, 120, 120);}
header .admin .tema { position: absolute; top: 5px; right: 1%; z-index: 1;}
header .admin .tema .ico { float: left; width: 40px; height: 40px; background-image: url('../imagens/tema.png'); background-position: 50%; background-repeat: no-repeat;}

@media only screen and (max-width: 1000px){
	header .admin .sair { right: 50px;}
}
@media only screen and (max-width: 500px){
	header .auth .voltar { left: 3%;}
	header .auth .voltar .nome { display: none;}
	header .auth .links { right: 3%;}
	header .auth .links a { width: 20px; height: 56px; padding: 0; border: 0; font-size: 0; background-position: 50%;}
	header .auth .links a.ajuda { border: 0;}
}