@charset "utf-8";

header { float: left; width: 100%; position: fixed; background-color: #FAFAFA; z-index: 300;}
header .padrao { float: left; width: 100%; padding: 8px 0 7px; position: relative;}
header .padrao .logo { float: left;}
header .padrao .logo img { float: left; font-size: 0;}
header .padrao .linha { float: left; width: 100%; height: 1px; display: none;}
header .padrao .buso { float: right; width: 62.5%;}
header .padrao .busca { float: left; padding: 0 5px 0 14px; margin: 8px 0 0; background-color: #FAFAFA; border: 1px solid #990000;}
header .padrao .busca .campo { float: left; width: 300px; height: 25px; margin: 6px 0 0; background-color: #FAFAFA; border: 0; outline: 0;}
header .padrao .busca .botao { float: right; width: 35px; height: 35px; margin-top: 2px; background-color: rgba(0,0,0,0.00); background-image: url(../imagens/icoBusca.png); cursor: pointer; outline: 0; border: 0;}
header .padrao .sociais { float: right; margin-top: 6px;}
header .padrao .sociais .ico { float: left; width: 30px; height: 30px; padding: 4px; margin-left: 5px; border: 1px solid #990000; font-size: 0; background-position: 50% 118%; background-repeat: no-repeat;}
header .padrao .sociais .ico.instagram { background-image: url(../imagens/icoIns.png?a=1);}
header .padrao .sociais .ico.facebook { background-image: url(../imagens/icoFace.png?a=1);}
header .padrao .sociais .ico.youtube { background-image: url(../imagens/icoYou.png?a=1);}
header .padrao .sociais .ico:hover { background-position: 50% -15%;}
header .padrao .mmobile { float: right; width: 35px; height: 35px; margin: 10px 3% 0 0; position: relative; display: none;}
header .padrao .mmobile .abre { position: absolute; width: 100%; height: 100%; z-index: 100;}
header .padrao .mmobile .fecha { position: absolute; width: 100%; height: 100%; z-index: 0;}
header .padrao .mmobile .fecha.prioridade { z-index: 200;}
header .padrao .mmobile .img { float: left; width: 100%; z-index: -10;}
header .topo { float: left; width: 100%; background-color: #990000; position: relative;}
header .topo .menu { float: left; width: 100%; padding: 15px 0 12px; text-align: center;}
header .topo .menu a { padding: 15px 20px 13px; margin-left: -4px; font-weight: bold; font-size: 1.1em; color: #FFFFFF;}
header .topo .menu a:hover { background-color: #550000 !important;}
header .topo .menu a.ativo { background-color: #550000;}
header .topo .menu:hover a.ativo { background-color: #770000;}
header.fixed .padrao { margin-top: -72px;}

@media only screen and (max-width: 1200px) {
	header .topo .menu a { padding: 15px 15px 13px; font-size: 0.9em;}
}
@media only screen and (max-width: 900px) {
	header .padrao { padding: 8px 0 0;}
	header .padrao .center { width: 100%;}

	header .padrao .logo { margin: 0 0 7px 3%;}
	header .padrao .mmobile { display: block;}

	header .padrao .buso { width: 94%; padding: 10px 3% 8px; background-color: #990000;}

	header .padrao .busca { margin: 0;}
	header .padrao .sociais { margin-top: 0;}
	header .padrao .sociais .ico { background-color: #FFFFFF; border: 0;}
	header.fixed .padrao { margin-top: -68px; }

	header .topo .menu { display: none;}
}
@media only screen and (max-width: 600px) {
	header .padrao .busca .campo { width: 200px;}
	header .padrao .sociais { margin-top: 6px;}
	header .padrao .sociais .ico { width: 20px; height: 20px; background-position: 50% 97%;}
}
@media only screen and (max-width: 450px) {
	header .padrao .logo { max-width: 75%;}
	header .padrao .logo img { width: 100%;}
	header .padrao .busca .campo { width: 150px;}
}
@media only screen and (max-width: 400px) {
	header { position: relative;}
	header .padrao .busca .campo { width: 110px;}
}
@media only screen and (max-width: 310px) {
	header .padrao .busca .campo { width: 90px;}
}
@media only screen and (max-width: 270px) {
	header .padrao .busca .campo { width: 75px;}
}
@media only screen and (max-width: 250px) {
	header .padrao .sociais { display: none;}
}