@charset "utf-8";

/* ACESSO FACIL */
#e_conteudo .e_area_acesso_facil { position:fixed; right:0; top: 30%; z-index: 1000; width:auto; /* display: none; */}
#e_conteudo .e_area_acesso_facil .e_cont_btn { display: block; margin: auto; margin-bottom:0; background: linear-gradient( #3098cc, #006191); border-radius: 4px 0 0 4px; }
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_menu_links { display: none; }
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn { cursor: pointer; display: block; width:150px; height: auto; position: relative; z-index: 100; padding:20px;}
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn .e_img_btn {  width: 36px; height: 36px; position: relative;  display: block; margin:auto; overflow: hidden; margin-bottom: 10px; transition: .3s }
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn .e_img_btn img { position:absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;  transition: .2s ; }
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn .e_btn_acesso_facil { display: block; border-radius: 0 0 4px 4px; color: #fff; text-align: center; max-height: 0; visibility: hidden; overflow: hidden; transition: .3s; }
#e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn:hover .e_btn_acesso_facil { border-radius: 0 0 4px 4px; color: #fff; max-height: 20px; visibility: visible;  }

.e_area_acesso_facil .e_modal { visibility: hidden; position: fixed; z-index: 1200; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.8);  width: 100%; height: 100%; padding: 0 10px; padding-top: 24vh; opacity: 0; transform-origin: center; transition: .2s cubic-bezier(0.86, 0, 0.07, 1); }
.e_area_acesso_facil .e_modal.active { visibility: visible; opacity: 1; }
.e_area_acesso_facil .e_modal.active .e_btn_fechar { float: right; cursor: pointer; color: #fff; font-size: 18px;  max-width: 500px; margin: auto; margin-bottom: 10px;  text-align: right;}
.e_area_acesso_facil .e_modal.active .e_btn_fechar span { width: 24px; height: 24px; line-height: 22px; font-size: 24px; margin-left: 3px; text-align: center; vertical-align: middle; border-radius: 6px; background: #828282;}
.e_area_acesso_facil .e_modal.active .e_btn_fechar span:hover { color: #e61111; }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil { background: #fff; padding: 30px; max-width: 500px; height: auto; margin: auto; text-align: center;  border-radius: 4px; font-size: 0; transform: scale(0); transition: .4s ; }
.e_area_acesso_facil .e_modal.active .e_cont_menu_acesso_facil { transform: scale(1); }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_titulo { text-align: center; font-size: 24px; margin-bottom: 30px; color: #1579ab; text-align: left;}
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links { overflow-y: auto; max-height: 300px;}
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul { background: #f7f8fc; padding: 10px 20px; border-radius: 4px; text-align: left; }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul li { padding: 18px 0; border-bottom: solid 1px #f1f1f1; transition: .2s ; }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul li:hover {  transform: translateX(8px); border-bottom: solid 1px #1579ab;  }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul li:last-child { border-bottom: 0; }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul li span { display: inline-block; vertical-align: middle; width: 20px; font-size: 12px; color: #1579ab; }
.e_area_acesso_facil .e_modal .e_cont_menu_acesso_facil .e_menu_links ul li .e_texto { display: inline-block; vertical-align: middle; width: calc(100% - 20px); font-size: 16px; color: #444; }

@media (max-width:1000px) {
    #e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn {width:60px; padding:10px;}
    #e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn .e_img_btn { margin-bottom: 0; }
    #e_conteudo .e_area_acesso_facil .e_cont_btn .e_area_btn .e_btn_acesso_facil { display: none; }
}