@charset "utf-8";

header { position: fixed; z-index: 10; float: left; top: 0; left: 0; padding: 5px 0; background-color: #000000;}
header .conteudo { display: flex; justify-content: space-between; align-items: center;}
header .chave { display: none; position: absolute; top: 15px; left: 10px;}
header .chave .ico { float: left; width: 40px; height: 40px; font-size: 24px; color: #FFFFFF;}
header .chave .abrir { display: block;}
header .chave .fechar { display: none;}
header .logo { float: left; font-size: 0;}
header .logo img { height: 60px;}
header .menu { float: left; text-transform: uppercase;}
header .menu .link { float: left; padding: 10px 10px; color: #FFFFFF; border-radius: 10px;}
header .menu .link:hover { background-color: #302f31;}
header .buscar .campo { width: 500px; height: 35px; border: 0; font-size: 1.1em;}
header .buscar .campo:focus { outline: 0;}
header .buscar .botao { top: 0; right: 0; width: 40px; height: 35px; background-color: transparent; border: 0; font-size: 17px;}

@media only screen and (max-width: 1000px){
	header { position: relative;}
	header .conteudo { display: block;}
	header .chave { display: block;}
	header .logo { width: 100%; text-align: center;}
	header .logo img { margin: 0 0 0 20px;}
	header .menu { display: none; width: 100%; margin: 11px 0;}
	header .menu .link { width: 100%; width: 100%; padding: 10px 0; text-align: center;}
	header .buscar { position: absolute; top: 18px; right: 10px;}
	header .buscar .campo { display: none;}
	header .buscar .botao { width: 40px; height: 40px; font-size: 20px; color: #FFFFFF;}
}