* { box-sizing: border-box; margin: 0; padding: 0; }

.contenedor { max-width: 1000px; margin: auto; }

body {
	background: black;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	color: white;
}
header h1 {
	margin-top: 1rem;
	padding: 1.5rem 0;
	font-size: 1.5rem;
	border-style: solid;
  	border-width: 1px 0 0 0;
  	border-color: aquamarine;
}

header nav {
	overflow: hidden;
	border-style: solid;
  	border-width: 6px 0 1px 0;
  	border-color: coral;
  	text-transform: uppercase;
  	font-size: 0.75rem;
}
header nav ul { display: flex; list-style-type: none; text-align: center; float: left; }
header nav ul li { padding: 1.2rem 3rem 1.2rem 0; text-align: center; font-weight: bold; }
header nav ul li a { color: coral; text-decoration: none; }
header nav ul li a:hover { color: cornflowerblue; }

.divisor img { float: right; margin-top: 29px; max-height: 180px; }
.divisor h2{ height: 170px; padding-top: 2rem; font-size: 2.5rem; }
.divisor h3 {
	padding: .75rem 0;
	font-size: .75rem;
	text-transform: uppercase;
	color: bisque;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: bisque;
}

.materias { display: flex; margin: 2rem 0; }
.materias div { width: 30%; justify-content: space-between; height: 12rem }
.materias div h4 { font-weight: 600; margin-bottom: 1rem; font-size: 0.75rem; text-transform: uppercase; }
.materias div p { padding: 2px 0; font-size: 0.75rem; }

.grupo { 
	display: flex; 
	margin: 2rem 0; 
	height: 3rem; 
	border-style: solid;
  	border-width: 0 0 2px 0;
  	border-color: coral;
}
.grupo p a { 
	padding: 1.2rem 3rem 1.2rem 0; 
	text-align: center; 
	font-weight: bold; 
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-size: 0.75rem;
}
.grupo p a:hover { color: aquamarine; }

footer { height: 3rem; }
footer p { font-size: 0.8rem; color: grey; }