/* Ecrãs pequenos (telemóveis e tablets).
   Carregado depois dos outros ficheiros css, em todas as páginas. */

div.text_nota img,
div.text_nota iframe,
div#nota_texto_completa img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1023px) {
	/* Topo */
	div#menu_top {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
	}

	a.menu_top {
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		font-size: 13px;
	}

	div#idiomas {
		width: auto;
		margin: 2% 2% 0 0;
	}

	/* Página principal: colunas umas por baixo das outras */
	div#content {
		flex-direction: column;
		width: 94%;
	}

	div#sistema_abas,
	div.nota_selected {
		width: auto;
		min-height: 0;
		margin: 0 0 4% 0;
	}

	div.nota_selected {
		padding: 3%;
	}

	div.aba_visivel {
		min-height: 0;
		padding-bottom: 2%;
	}

	div#propaganda {
		display: none;
	}

	button.aba {
		font-size: 12px;
	}

	div.centralizar_top {
		flex-wrap: wrap;
	}

	.link_perfil {
		width: auto;
	}

	a.report {
		float: none;
		margin: 2% 0;
	}

	/* Formulários */
	form.login,
	form#creation,
	form#abuso,
	div#perfil {
		width: 92%;
	}

	.formulario input:not([type="file"]):not([type="hidden"]):not([type="submit"]),
	.formulario select,
	.formulario textarea,
	input.input_search {
		font-size: 16px;
	}

	button.botao {
		width: 50%;
		margin: 4% 0 4% 45%;
		padding: 10px 0;
		font-size: 16px;
	}

	input.input_search {
		width: 90%;
	}

	/* Criar / editar nota */
	div#tela,
	div#nivel {
		width: 94%;
	}

	div.cat_selection {
		width: 46%;
	}

	div#add_cat_box {
		width: 90%;
		margin-left: 0;
	}
}