@charset "utf-8";

/* ************************************************************************************************************************************
				PÁGINA DE ACESSIBILIDADE
************************************************************************************************************************************ */

/* RESET DOS ESPAÇAMENTOS */
#acs_conteudo, #acs_conteudo *, #acs_conteudo *:before, #acs_conteudo *:after { box-sizing: border-box; }
#acs_conteudo img { border: 0; margin: 0; }

/* DESCRIÇÃO */
#acs_conteudo .acs_descricao { font-size: 14px; color: #75757b; line-height: 1.5em; }

/* ATALHOS */
#acs_conteudo .acs_area_atalhos { margin-top: 40px; }
#acs_conteudo .acs_area_atalhos .acs_cont_atalhos { background: #f5f6f8; padding: 10px; border-radius: 8px; }
#acs_conteudo .acs_area_atalhos .acs_content_atalhos { max-width: 700px; margin: auto; }
#acs_conteudo .acs_area_atalhos .acs_atalho { display: -webkit-flex; align-items: center; margin: 3% 0; padding: 15px; border-radius: 5px; cursor: default; transition: .15s ease; }
#acs_conteudo .acs_area_atalhos .acs_atalho:hover { background: rgba(255, 255, 255, 0.75); }
#acs_conteudo .acs_area_atalhos .acs_atalho .acs_tecla { display: inline-block; vertical-align: middle; padding: 20px 25px; background: #fff; border: solid 1px #d9dcde; border-radius: 8px; font-size: 17px; color: #45454b; font-weight: 900; text-transform: uppercase; text-align: center;  flex-shrink: 0; letter-spacing: .025em; }
#acs_conteudo .acs_area_atalhos .acs_atalho .swfa { display: inline-block; vertical-align: middle; margin: 3%; font-size: 13px; color: #45454b; flex-shrink: 0; }
#acs_conteudo .acs_area_atalhos .acs_atalho .acs_descricao_atalho { font-size: 17px; color: #47474b; font-weight: bold; }
#acs_conteudo .acs_area_atalhos .acs_atalho .acs_descricao_atalho strong { color: #0f65a2; font-weight: 900; display: inline-block; }
@keyframes acs_tecla { 12%, 50% { transform: scale(.8); } 70% { transform: scale(1); } }
@keyframes acs_descricao_atalho { 5%, 15%, 25%, 35%, 45% { transform: translateY(-5px) rotate(-5deg); } 7%, 17%, 27%, 37%, 47% { transform: translateY(-5px) rotate(5deg); } 60% { transform: translateY(0) rotate(0); }}
@media (min-width: 1000px) {
	#acs_conteudo .acs_area_atalhos .acs_atalho:hover .acs_tecla { animation: acs_tecla 2s ease-in-out infinite; }
	#acs_conteudo .acs_area_atalhos .acs_atalho:hover .acs_numero { animation-delay: .15s; }
	#acs_conteudo .acs_area_atalhos .acs_atalho:hover .acs_descricao_atalho strong { animation: acs_descricao_atalho 2s .3s ease-in-out infinite; }
}
@media (max-width: 600px) {
	#acs_conteudo .acs_area_atalhos .acs_atalho { flex-wrap: wrap; justify-content: space-between; }
	#acs_conteudo .acs_area_atalhos .acs_atalho:not(:hover):nth-child(even) { background: rgba(60, 65, 75, 0.03); }
	#acs_conteudo .acs_area_atalhos .acs_atalho .fa-equals { display: none; }
	#acs_conteudo .acs_area_atalhos .acs_atalho .acs_alt { margin-left: auto; }
	#acs_conteudo .acs_area_atalhos .acs_atalho .acs_numero { margin-right: auto; }
	#acs_conteudo .acs_area_atalhos .acs_atalho .acs_descricao_atalho { flex: 100%; text-align: center; margin-top: 15px; }
}


/* NAVEGADORES */
#acs_conteudo .acs_area_navegadores { margin-top: 20px; }
#acs_conteudo .acs_area_navegadores table { border: solid 1px #d9dcde; font-size: 0; margin-bottom: 10px; }
#acs_conteudo .acs_area_navegadores table tr:last-child { border: 0; }
#acs_conteudo .acs_area_navegadores table td { padding: 15px; }
#acs_conteudo .acs_area_navegadores table td:first-child { width: 180px; border-right: solid 1px #d9dcde; }
#acs_conteudo .acs_area_navegadores table thead td { background: #f5f6f8; font-size: 17px; color: #45454b; font-weight: bold; text-align: center; }
#acs_conteudo .acs_area_navegadores table tbody td { border-top: solid 1px #d9dcde; font-size: 14px; color: #56565b; }
#acs_conteudo .acs_area_navegadores table tbody td strong { color: #0f65a2; font-weight: 800; }
#acs_conteudo .acs_area_navegadores table tbody td .acs_atencao { color: #cc0b19; }
#acs_conteudo .acs_area_navegadores .acs_navegador { font-size: 15px; color: #45454b; font-weight: bold; margin: 10px 0; display: -webkit-flex; align-items: center; }
#acs_conteudo .acs_area_navegadores .acs_navegador img { width: 26px; margin-right: 5px; vertical-align: middle; flex-shrink: 0; }
#acs_conteudo .acs_area_navegadores .acs_navegador span { vertical-align: middle; }
@media (max-width: 600px) {
	#acs_conteudo .acs_area_navegadores .acs_navegador { flex-direction: column; text-align: center; justify-content: center; }
	#acs_conteudo .acs_area_navegadores .acs_navegador img { display: block; }
}


/* LINKS */
#acs_conteudo .asc_area_links { margin-top: 40px; margin-bottom: 20px; }
#acs_conteudo .asc_area_links .asc_link { margin-bottom: 15px; font-size: 0; }
#acs_conteudo .asc_area_links .asc_link .asc_cont_link { display: -webkit-inline-flex; font-size: 13px; color: #75757b; align-items: center; transition: .1s ease;  }
#acs_conteudo .asc_area_links .asc_link :hover .asc_cont_link { transform: translateX(5px); }
#acs_conteudo .asc_area_links .asc_link span { display: inline-block; vertical-align: middle; }
#acs_conteudo .asc_area_links .asc_link strong { font-size: 15px; color: #414548; font-weight: 900; transition: .1s ease; }
#acs_conteudo .asc_area_links .asc_link .swfa { width:  32px; height: 32px; line-height: 32px; display: inline-block; vertical-align: middle; margin-right: 10px; background: #e8e9eb; border-radius: 100%; font-size: 14px; color: #45454b; text-align: center; flex-shrink: 0; transition: .2s ease; }
#acs_conteudo .asc_area_links .asc_link a:hover strong { color: #0f65a2; }
#acs_conteudo .asc_area_links .asc_link a:hover .swfa { background: #d4e8f9; color: #0f65a2; }