@charset "utf-8";

/**********************************************************************************************
						TOPO
/**********************************************************************************************/
header { position: relative; z-index: 999; }

/* GOOGLE TRADUTOR */
#swe_topo .area_google_tradutor { text-align: center; }

/* TOPO */
#swe_topo .conteudo_topo { height: 100px; text-align: left; }
#swe_topo .conteudo_topo .cont_topo { display: table-cell; vertical-align: middle; }
#swe_topo .conteudo_topo > .cont_topo { padding: 0 20px; }
#swe_topo *::-webkit-scrollbar { width: 4px; height: 4px; }


/* LOGO */
#swe_topo .conteudo_topo .area_logo { width: 255px; }
#swe_topo .conteudo_topo .area_logo .logo { width: 100%; height: auto; }

/* BUSCA / LOGIN */
#swe_topo .conteudo_topo .area_busca_login { max-width: 500px; }
#swe_topo .conteudo_topo .area_busca_login .cont_busca_login { width: 100%; display: table; }

/* BUSCA */
#swe_topo .conteudo_topo .area_busca { width: 100%; }
#swe_topo .conteudo_topo .area_busca form { width: 100%; position: relative; }
#swe_topo .conteudo_topo .area_busca .busca { width: 100%; height: 40px; line-height: 40px; }
#swe_topo .conteudo_topo .area_busca .busca:hover { cursor: pointer; }
#swe_topo .conteudo_topo .area_busca .busca:focus { cursor: text; }
#swe_topo .conteudo_topo .area_busca .btn_busca { position: absolute; top: 0; right: 0; cursor: pointer }

/* LOGIN USUÁRIO */
#swe_topo .conteudo_topo .area_login_usuario { padding: 0 10px; white-space: nowrap; position: relative; z-index: 100; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario { min-width: 120px; display: inline-block; position: relative; cursor: pointer; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario { line-height: 20px; padding: 10px 15px; padding-right: 35px; position: relative; z-index: 1; transition: .1s; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario .icone_usuario { width: 20px; height: 20px; line-height: 20px; font-size: 18px; color: #61646b; text-align: center; margin: auto; display: none; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario .icone_select { width: 20px; height: 20px; line-height: 20px; font-size: 18px; color: #61646b; position: absolute; top: 50%; right: 10px; margin-top: -10px; text-align: center; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario { width: 230px; position: absolute; top: 30px; top: calc(100% - 12px); right: -5px; overflow: hidden; visibility: hidden; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario .area_links_dropdown { padding: 5px; background: #fff; box-shadow: 0 0 7px rgba(54,61,75,.25); border-radius: 3px; border-top-right-radius: 0; margin: 10px; transform: translateY(-70%); opacity: 0; transition: .3s; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario .area_links_dropdown .link_dropdown { padding: 10px; padding-left: 35px; font-size: 12px; color: #61646b; position: relative; border-top: solid 1px #edf0f2; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario .area_links_dropdown a:first-child .link_dropdown { border-top: 0; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario .area_links_dropdown .link_dropdown .swfa { width: 14px; height: 14px; position: absolute; top: 50%; left: 10px; margin-top: -7px; font-size: 14px; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .dropdown_usuario .area_links_dropdown .sair .swfa { color: #C31636 }
/* LOGIN USUÁRIO DROPDOWN */
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario_drop { transform: translateY(5px); }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario_drop .dropdown_usuario { visibility: visible; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario_drop .dropdown_usuario .area_links_dropdown { transform: translateY(0); opacity: 1; }

/* LOGIN / CADASTRO */
#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro { min-width: 120px; display: inline-block; line-height: 20px; padding: 10px 20px; position: relative; z-index: 1; cursor: pointer }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro .icone_usuario { width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #61646b; text-align: center; margin: auto; display: none; }
#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro .txt_info_usuario span:first-child:after { content: ""; width: 1px; height: 11px; display: inline-block; vertical-align: middle; background: #acadb0; margin-left: 10px; margin-right: 7px; }

/* REDES SOCIAIS */
#swe_topo .conteudo_topo .area_redes_sociais { font-size: 0; text-align: center; }

/* CARRINHO */
#swe_topo .conteudo_topo .area_carrinho { width: 35px; }
#swe_topo .conteudo_topo .area_carrinho .carrinho { width: 35px; padding-top: 5px; position: relative; }
#swe_topo .conteudo_topo .area_carrinho .carrinho span { width: 21px; height: 21px; line-height: 21px; display: block; text-align: center; font-size: 10px; color: #fff; background: #ff6600; border-radius: 100%; position: absolute; top: 0; right: 4px; transition: .1s; }
#swe_topo .conteudo_topo .area_carrinho .carrinho img { width: 100%; display: block; transition: .1s; }

/**********************************************************************************************
						MEDIAS
/**********************************************************************************************/
@media (max-width: 1000px) {
	
	#swe_topo .conteudo_topo { height: auto; text-align: center; padding: 10px 0; }
	#swe_topo .conteudo_topo > .cont_topo { width: auto; display: inline-block; text-align: left; padding: 0 10px !important; }

	/* LOGO */
	#swe_topo .conteudo_topo .area_logo { width: 200px; }


	/* BUSCA / LOGIN */
	#swe_topo .conteudo_topo .area_busca_login { width: 100%; max-width: none; margin: 10px 0; }
	
	/* BUSCA */
	#swe_topo .conteudo_topo .area_busca { width: auto; padding: 0; }
	#swe_topo .conteudo_topo .area_busca form { max-width: none; }

	/* LOGIN USUÁRIO */
	#swe_topo .conteudo_topo .area_login_usuario { width: 45px; padding: 0; padding-left: 5px; text-align: center; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario { width: 100%; min-width: auto; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario { width: 100%; padding: 10px 0; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario .icone_usuario { display: block; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario .txt_info_usuario,
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_usuario .info_usuario .icone_select { display: none; }
	/* LOGIN / CADASTRO */
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro { width: 100%; min-width: auto; padding: 10px 0; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro .icone_usuario { display: block; }
	#swe_topo .conteudo_topo .area_login_usuario .cont_login_cadastro .txt_info_usuario { display: none; }

}

@media (max-width: 600px) {

	/* **************************** CABEÇALHO **************************** */
	/* LOGO */
	#swe_topo .conteudo_topo .area_logo { width: 60%; max-width: 215px; display: block; margin: 5px auto; }

	/* BUSCA */
	#swe_topo .conteudo_topo .area_busca { width: calc(100% - 60px); margin: 10px 0; }
}