@charset "utf-8";

/* EVENTOS */
#e_conteudo .e_area_eventos {position: fixed; left: 0; top: 21%; z-index: 1000; font-size: 0;}
/* BOTÃO */
#e_conteudo .e_area_eventos .e_btn_eventos {position: absolute; top: 0; left: 0; width: 130px; height: 50px; text-align: center; background: #202a30; background: linear-gradient(to top, #202a30, #35414a); border-radius: 0 25px 25px 0; cursor: pointer; transition: .4s ease;}
#e_conteudo .e_area_eventos .e_btn_eventos:hover {animation: efeito_eventos 0.7s infinite;}
@keyframes efeito_eventos { 50% { transform: translate(-20px); } }
#e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_eventos {display: inline-block; vertical-align: middle; font-size: 12px; color: #f7ce3e; text-transform: uppercase; line-height: 50px;}
#e_conteudo .e_area_eventos .e_btn_eventos .e_icone_eventos {display: inline-block; vertical-align: middle; font-size: 15px; color: #f7ce3e; padding-left: 10px; line-height: 50px;}
/* CONTEÚDO EVENTOS */
#e_conteudo .e_area_eventos .e_cont_eventos {position: absolute; top: 0; left: -400px; padding: 15px; min-height: 30px; display: table; background: #fff; border: solid 1px #f2f2f2; border-radius: 4px; transition: .3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_titulo_comum {margin: 0;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_titulo_comum .e_titulo_c {padding: 0;}
#e_conteudo .e_area_eventos .e_cont_eventos #e_btn_fechar_evento {background: inherit; border: 0 !important; position: absolute; top: 20px; right: 20px; font-size: 14px; color: #999; padding: 5px 7px; border-radius: 3px; transition: 0.3s;}
#e_conteudo .e_area_eventos .e_cont_eventos #e_btn_fechar_evento:hover {color: #b80000; cursor: pointer; background: #e4e7eb;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos {width: 270px; overflow-y: auto; max-height: 250px; border: solid 1px #e5e5e5; margin: 20px 0; text-align: left; font-size: 0 !important;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento {width: 100%; height: 80px; position: relative; background: #fff; overflow: hidden; border-bottom: solid 1px #e5e5e5; transition: 0.3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento {width: 70px; height: 80px; display: inline-block; vertical-align: middle; background: #f2f2f2; color: #5c6366; text-align: center; padding: 20px; transition: .3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento:hover .e_cont_data_evento {background: #f7ce3e;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento .e_dia_btn_eventos {font-size: 22px; line-height: 20px; letter-spacing: 0.3px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento .e_mes_btn_eventos {font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento {width: 180px; display: inline-block; vertical-align: middle; padding-left: 15px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento .e_titulo_evento {max-height: 50px; overflow: hidden; font-size: 15px; color: #676f73; word-break: break-word;}

@media (min-width: 801px) and (max-width: 1000px) {	
	/* EVENTOS */
	#e_conteudo .e_area_eventos .e_btn_eventos {width: 50px;}
	#e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_eventos {display: none;}
    #e_conteudo .e_area_eventos .e_btn_eventos .e_icone_eventos {line-height: 50px; padding-left: 0;}
}

@media (max-width: 800px) {
	/* EVENTOS */
	#e_conteudo .e_area_eventos .e_btn_eventos {width: 50px;}
	#e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_eventos {display: none;}
    #e_conteudo .e_area_eventos .e_btn_eventos .e_icone_eventos {line-height: 50px; padding-left: 0;}
}

@media (max-width: 600px) {
	/* EVENTOS */
	#e_conteudo .e_area_eventos .e_btn_eventos {width: 50px;}
	#e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_eventos {display: none;}
    #e_conteudo .e_area_eventos .e_btn_eventos .e_icone_eventos {line-height: 50px; padding-left: 0;}
}