@charset "utf-8";
/* CSS Document */


/* ACESSO FÁCIL */
#e_conteudo .e_area_acesso_facil {display: none; width: 100%; padding: 20px; font-size: 0;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil {width: 100%; z-index: 150; cursor: pointer; margin-bottom: 20px;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_btn_menu {height: 60px; position: relative; background: #3098cc; background: linear-gradient(to top, #006191, #3098cc); border-radius: 4px; text-align: center; overflow: hidden;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_btn_menu::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to top, #dedfec, #e6ecf2); transform: translateY(100%); visibility: hidden; opacity: 0; transition: .25s ease;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil:hover .e_btn_menu::before {transform: translateY(0); visibility: visible; opacity: 1;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_btn_menu .fa {display: inline-block; padding-right: 10px; color: #fff; font-size: 17px; text-shadow: 0 50px 0 #475466; line-height: 50px; transition: .25s ease;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil:hover .e_btn_menu .fa {transform: translateY(-100%);}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_btn_menu .e_btn_txt {display: inline-block; line-height: 50px; color: #fff; font-size: 14px; text-transform: uppercase; text-shadow: 0 50px 0 #475466; transition: .25s ease;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil:hover .e_btn_menu .e_btn_txt {transform: translateY(-100%);}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu {height: 0; background: none; opacity: 0; visibility: hidden; overflow: hidden;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown {height: 0; background: #e6ecf2; border-radius: 4px; border-top: solid 3px #dedfec; padding: 10px; opacity: 0; transition: .3s ease;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul {height: 0; max-height: 280px; overflow-y: scroll; overflow-x: hidden; padding-right: 5px;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul::-webkit-scrollbar {width: 5px; height: 5px; border-radius: 2px;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul::-webkit-scrollbar-track {background: #3badc4;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul::-webkit-scrollbar-thumb {background: #37a0b5;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul li {width: 100%; display: block; z-index: 100;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul li .e_link_dropdown {font-size: 12px; text-transform: uppercase; color: #5c6573; border-bottom: solid 1px rgba(0,0,0,0.06); border-radius: 2px; padding: 15px; transition: .2s ease;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul li:hover .e_link_dropdown {background: rgba(0,0,0,0.04); color: #3098cc;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul li:active .e_link_dropdown {background: rgba(0,0,0,0.04); color: #3098cc;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil .e_dropdown_menu .e_cont_dropdown ul li .e_link_dropdown .fa {padding-right: 10px;}
/* menu clicado */
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil_click .e_dropdown_menu {height: auto; opacity: 1; visibility: visible;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil_click .e_dropdown_menu .e_cont_dropdown {height: auto; opacity: 1;}
#e_conteudo .e_area_acesso_facil .e_menu_acesso_facil_click .e_dropdown_menu .e_cont_dropdown ul {height: auto;}


@media (min-width: 801px) and (max-width: 1000px) {

	/* DEFININDO CONTEÚDO INTERNO */
	.e_conteudo_interno { max-width: 1000px;}
	
	/******************************** CONTEÚDO ********************************/
	
	/* ACESSO FÁCIL */
	#e_conteudo .e_area_acesso_facil {display: block;}
	
	
}

@media (max-width: 800px) {

	/* DEFININDO CONTEÚDO INTERNO */
	.e_conteudo_interno { max-width: 800px;}
	
	
	/******************************** CONTEÚDO ********************************/

	/* ACESSO FÁCIL */
	#e_conteudo .e_area_acesso_facil {display: block;}
	
	
}