@charset "utf-8";

/* SECRETARIAS */
#e_conteudo .e_area_secretarias .e_secretaria .e_cont_secretaria { background: #fff; border-radius: 8px; overflow: hidden; padding: 20px; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_img_secretaria { width: 140px; height: 140px; margin: auto; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria { padding-top: 25px; padding-bottom: 40px; text-align: center; text-align-last: center; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria .e_nome_secretaria { line-height: 1.5; letter-spacing: -.05em; font-size: 15px; max-height: 6em; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria .e_nome_responsavel { margin-top: 7px; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria .e_link_secretaria { width: 60px; padding: 18px 0; padding-right: 10px; position: absolute; bottom: 0; right: 0; z-index: 1; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria .e_link_secretaria:before { content: ""; width: 150%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #f0f2f5; border-top-left-radius: 10px; transform: skewX(-35deg); transform-origin: top left; transition: .25s ease; }
#e_conteudo .e_area_secretarias .e_secretaria .e_area_info_secretaria .e_link_secretaria hr { width: 4px; height: 4px; display: inline-block; vertical-align: middle; border-radius: 2px; background: #c0c8d1; border: 0; margin: 0 3px; padding: 0; transform-origin: center; transition: .3s cubic-bezier(0.66,-0.1, 0.21, 1.33); }
#e_conteudo .e_area_secretarias .e_secretaria a:hover .e_area_info_secretaria .e_link_secretaria:before { background: #f8ab16; }
#e_conteudo .e_area_secretarias .e_secretaria a:hover .e_area_info_secretaria .e_link_secretaria hr { height: 2px; background: #fff; }
#e_conteudo .e_area_secretarias .e_secretaria a:hover .e_area_info_secretaria .e_link_secretaria hr:nth-child(1) { width: 10px; transform: translate(27px, -3px) rotate(45deg); }
#e_conteudo .e_area_secretarias .e_secretaria a:hover .e_area_info_secretaria .e_link_secretaria hr:nth-child(2) { width: 10px; transform: translate(11px, 3px) rotate(-45deg); }
#e_conteudo .e_area_secretarias .e_secretaria a:hover .e_area_info_secretaria .e_link_secretaria hr:nth-child(3) { width: 20px; margin-left: -15px; }