:root{

	--color-primario: hsl(146,100%,25%);
	/* --fondo-primario: hsl(0, 0%, 93%); */
	--fondo-primario: rgba(243,243,243,255);

	--color-primario-inverso: white;
	--fondo-primario-inverso: hsl(146,100%,25%);
}

body {
	font-family: arial,verdana;

	background-color: var(--fondo-primario);
	color: var(--color-primario);

	height: 100%; 
	width: 100%;

  	background-image: url('/images/campus-sabadell.jpg');
	background-repeat: no-repeat;
	background-position:  center;


}

h1 {
	text-align: center;
	font-size: 4em;
	color: var(--color-primario);
}
h2 {
	text-align: center;
	font-size: 2em;
	color: var(--color-primario);
	text-decoration: blink;
}

img {
	border: 0;
}

.menu  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

  background-color: var(--fondo-primario-inverso);
  color: var(--color-primario-inverso);
}

.menu li {
  float: left;
  display: block;

  background-color: var(--fondo-primario-inverso);
  color: var(--color-primario-inverso);

  padding: 1em;
}

.menu li a {
  color: var(--color-primario-inverso);
  background-color: var(--fondo-primario-inverso);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.menu li a:hover{
  color: var(--color-primario);
  background-color: var(--fondo-primario);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

iframe#avisos {
  border: var(--color-primario) solid 4px;
  /*
  box-shadow: 10px 10px var(--color-primario);
  padding: 1em;
  */

  width: 90%;
  height: 70%; 

  position: relative;
  margin: 1em 5%;
}