/*Global Values*/

body {
	margin: 8px auto 8px auto;
	width: 1024px;
	background-color: gray;
	background-image: url("static.gif");
	background-attachment: fixed;
	background-position: center;
	background-size: auto;
	background-repeat: repeat;
	color: white;
}

a {
	background-color: white;
	font-style: italic;
	text-decoration-line: underline;
	color: black;
}

img {
	width: 100%;
	height: auto;
}

/*Top area*/

.headin {
	display: flex;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	height: 124px;
	background-color: white;
	color: black;
	font-weight: bold;
	font-style: normal;
	border-style: double;
	box-shadow: 8px 8px black;
	
	.título {
		margin-left: 32px;
		width: 100%;
	}
	
	img {
		width: auto;
		max-height: 100%;
		border-style: double;
	}	
}

.contato {
	text-align: center;
	
	img {
		width: 16px;
		height: 16px;
	}
}

.botões {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	
	img {
		width: 88px;
		height: 31px;
	}
}

/*Actual contents*/

.página {
	display: flex;
	margin-top: 8px;
}

.coluna1 {
	width: 12%;
	height: 100%;
	background-color: white;
	color: black;
	padding: 8px;
	border-style: double;
	box-shadow: 8px 8px black;
}

.conteúdo {
	width: 55%;
	margin-left: 8px;
	margin-right: 8px;
	background-color: white;
	color: black;
	padding: 8px;
	border-style: double;
	box-shadow: 8px 8px black;
}

.coluna2 {
	max-width: 25%;
	max-height: 100%;
	
	.cl2ct {
		width: 100%;
		background-color: white;
		color: black;
		padding: 8px;
		margin-bottom: 8px;
		border-style: double;
		box-shadow: 8px 8px black;
	}
}

/*Art*/

.imagens {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 100%;
	
	.art-item {
		max-width: 45%;
		height: auto;
		margin: 8px;
	}
}

/*Poetry*/

.poema {
	margin-top: 16px;
	margin-bottom: 16px;
	
	i {
		display: flex;
		flex-direction: column;
		margin-left: 16px;
	}
}