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



#puc_menu_vazio {
	max-width:100% !important;
	width:100% !important; }


#ai_indice_aulas .puc_efeito_sumir {
		width:0 !important;
		height:0 !important;
		margin-bottom:0 !important;
		position:absolute;
		top:0;
		left:0; }


#ai_indice_aulas {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:20px; }

	@media (min-width:1150px) {
	#ai_indice_aulas a,
	#ai_indice_aulas div { width:calc(33% - 30px); } }

	@media (max-width:1149px) and (min-width:670px) {
	#ai_indice_aulas a,
	#ai_indice_aulas div { width:calc(50% - 22.5px); } }		

	@media (max-width:669px) {
	#ai_indice_aulas a,
	#ai_indice_aulas div { width:100%; } }



#ai_indice_aulas a:link, #ai_indice_aulas a:visited,
#ai_indice_aulas div {
	display:block;
	margin-bottom:45px;
	text-decoration:none !important;
	background:linear-gradient(#FFFFFF,#FFFFFF 100px,#EEEEEE 100px,#EEEEEE);;
	color:#555555;
	outline:0;
	transition:outline 0.2s, transform 0.2s; }

	#ai_indice_aulas .passado {
		position:relative; }

	#ai_indice_aulas .ai_tarja,
	#ai_indice_aulas .puc_efeito_sumir .ai_tarja {
		visibility:hidden;
		display:none; }

	#ai_indice_aulas .passado .ai_tarja {
		display:block;
		visibility:visible;
		position:absolute;
		padding:7px 0 8px 0;
		color:#FFFFFF;
		font-size:150%;
		z-index:1;
		text-align:center;
		width:256px;
		left:calc(50% - 128px);
		margin-top:8px;
		transform:rotate(-2deg);
		opacity:1;
		transition:opacity 0.3s; }

		#ai_indice_aulas div .ai_tarja { display:none; visibility:hidden; }
		#ai_indice_aulas a .ai_tarja { background:#BC0000; }
		
		#ai_indice_aulas a.passado img { margin-top:45px; }





	#ai_indice_aulas a:hover {
		color:#555555;
		transform:scale(1.05);
		outline-offset:-1px; }

		#ai_indice_aulas a.ctc:hover,
		#ai_indice_aulas a.ctc.passado:hover { outline:3px solid #4B9CFE !important; }
		
		#ai_indice_aulas a.ctch:hover,
		#ai_indice_aulas a.ctch.passado:hover { outline:3px solid #E8A617 !important; }
		
		#ai_indice_aulas a.ccs:hover,
		#ai_indice_aulas a.ccs.passado:hover { outline:3px solid #F76081 !important; }
		
		#ai_indice_aulas a.ccbs:hover,
		#ai_indice_aulas a.ccbs.passado:hover { outline:3px solid #92C71F !important; }
		
		#ai_indice_aulas a.outros:hover,
		#ai_indice_aulas a.outros.passado:hover { outline:3px solid #0C3E63 !important; }
		
		#ai_indice_aulas a.passado:hover { outline:3px solid #666666; }


		#ai_indice_aulas a.passado:hover {
			color:#555555;
			transform:scale(1.05);
			outline-offset:-1px; }

			#ai_indice_aulas a.passado:hover .ai_tarja_disponivel {
				opacity:0; }

			#ai_indice_aulas a.passado:hover img {
				width:calc(100% - 2px);
				margin-left:1px; }

			#ai_indice_aulas a.passado:hover .ai_depto {
				background:#666666; }







#ai_indice_aulas span { display:block; }

#ai_indice_aulas img {
	display:block; }



.ai_depto { 
	color:#FFFFFF;
	padding:3px 8px 4px 8px;
	font-size:0.9em;
	font-weight:bold; }

	.ctc .ai_depto,
	.ctc.passado .ai_depto { background:#4B9CFE !important; }
	
	.ccs .ai_depto,
	.ccs.passado .ai_depto { background:#F76081 !important; }
	
	.ctch .ai_depto,
	.ctch.passado .ai_depto { background:#E8A617 !important; }
	
	.ccbs .ai_depto,
	.ccbs.passado .ai_depto { background:#92C71F !important; }
	
	.outros .ai_depto,
	.outros.passado .ai_depto { background:#0C3E63 !important; }
	
	.passado .ai_depto,
	.passado .ai_depto { background:#BBBBBB; transition:background 0.3s; }

.ai_texto { 
	padding:3px 8px 5px 8px; }

	.passado .ai_texto { opacity:0.75; transition:opacity 0.3s; }

	a.passado:hover .ai_texto { opacity:1; }

	.ai_texto strong:first-child {
		font-family:"Roboto Condensed";
		font-size:1.4em;
		font-weight:700;
		display:block;
		margin:6px 0 6px 0; }


.ai_texto_fim,
.puc_efeito_sumir .ai_texto_fim,
.puc_efeito_sumir .ai_texto_fim.presencial,
.puc_efeito_sumir .ai_texto_fim.onlinependente,
.puc_efeito_sumir .ai_texto_fim.presencialtransmissao {
		visibility:hidden;
		display:none; }
		
a .ai_texto_fim,
div .ai_texto_fim,
.ai_texto_fim.presencial,
.ai_texto_fim.onlinependente,
.ai_texto_fim.presencialtransmissao {
	padding:2px 0 0 0;
	font-weight:bold;
	display:flex;
	visibility:visible;
	justify-content:center;
	align-items:center; }

	.ctc .ai_texto_fim,
	a.ctc.passado .ai_texto_fim { color:#4B9CFE; }
	
	.ccs .ai_texto_fim,
	a.ccs.passado .ai_texto_fim { color:#F76081; }
	
	.ctch .ai_texto_fim,
	a.ctch.passado .ai_texto_fim { color:#E8A617; }
	
	.ccbs .ai_texto_fim,
	a.ccbs.passado .ai_texto_fim { color:#7DAC17; }
	
	.outros .ai_texto_fim,
	a.outros.passado .ai_texto_fim { color:#0C3E63; }
	
	.passado .ai_texto_fim { color:#BC0000!important; }
	
	




/* =================================================================== */
/* =================================================================== */
/* =================================================================== */



#filtros_all {
	margin:15px 0 10px 0; }

	#filtros_all button {
		display:block;
		border:0;
		padding:6px 9px 7px 9px;
		background:#EEEEEE;
		color:#666666;margin-bottom:3px;
		font-size:1.1em;
		transition:width 0.6s, background 0.3s, color 0.3s; }

		#filtros_all button:hover {
			cursor:pointer;
			background:#2A507C;
			color:#FFFFFF; }


#filtros_tab {
	display:flex; }

	#filtros_tab button {
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:1.3em;
		margin:0 1% 0 0;
		padding:6px 9px 6px 9px; }

		@media (max-width:669px) {
		#filtros_tab button { font-size:1.1em; } }

		#filtros_tab button:focus {
			outline:none;
			box-shadow:none; }

		#filtros_tab .button_active {
			background:#8E8E8E;
			color:#FFFFFF; }

		@media (min-width:670px) {
		#filtros_tab .button_active:hover {
			background:#8E8E8E;
			color:#FFFFFF; } }


#filtros_topicos { }

	#filtros_topicos button {
		text-align:left;
		margin-bottom:5px; }

#ai_links_centros,
#ai_links_deptos,
#ai_links_temas {
	border-top:2px solid #8E8E8E;
	padding:10px 0 0 0; }


#aulas_anteriores {
	font-size:1.1em;
	text-align:center;
	padding-top:20px;
	margin-top:50px;
	border-top:1px dashed #CCCCCC; }

#aulas_anteriores a:link,
#aulas_anteriores a:visited {
	background:#BBBBBB;
	color:#FFFFFF;
	text-decoration:none !important;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
	padding:15px;
	margin:0 20px 20px 0;
	transition:background 0.3s, transform 0.3s; }

	#aulas_anteriores a:hover {
		background:#888888;
		transform:scale(1.2); }