/* Albert Ramos Del Pozo */

body {background-color: coral;}

div.uno {
	background-color: red;
	padding: 12px;
	border: 4px solid #000;
	border-color: grey;
	height: 300px;
	text-align: center;
	background-image: url("imatges/breach.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size:1400px 330px;
}

div.dos {
	background-color: blue;
	margin: 5% 5%;
	border-style: dotted;
	border-color: grey;
	text-align: center;
	background-image: url("imatges/dollar.jpg");
	background-size:100px 50px;
}

div.tres {
	background-color: yellow;
	border: 4px solid #000;
	border-color: grey;
	text-align: center;
	background-image: url("imatges/messi.jpg");
	background-repeat: no-repeat;
	background-position: right;
}

div.quatre {
	background-color: pink;
	font-weight: bold;
	margin: 5% 5%;
	border-style: dotted;
	border-color: grey;
	width: 10%;
	text-align: center;
}

div.cinc {
	background-color: green;
	border: 4px solid #000;
	border-color: grey;
	width: 85%;
	margin: 5% 5%;
	text-align: center;
}

span.spanuno {
  color: blue;
  font-weight: bold;
  font-style: italic;
  background-color: white;
}

span.spandos {
  color: red;
  font-weight: bold;
  background-color: white;
}

span.spantres {
  color: orange;
  font-weight: bold;
  font-style: italic;
  background-color: white;
}

span.spancuatro {
  color: violet;
  font-weight: bold;
  font-style: underline;
  background-color: white;
}

span.spancinco {
  color: brown;
  font-weight: bold;
  font-style: underline;
  background-color: white;
}

span.spanseis {
  color: black;
  font-weight: bold;
  font-style: italic;
  background-color: white;
}

span.spansiete {
  color: blue;
  font-weight: bold;
  font-style: underline;
  background-color: white;
}

/* S'aplica a tots els enllaços */
a {
  text-decoration: none;
}

/* Enllaç no visitat mai */
a:link {
  color: blue;
}

/* Enllaç que ja s'ha visitat */
a:visited {
  color: #D2691E;
}

/* Hi fas click però no aixeques el dit del ratolí, és a dir, arrosegues */
a:active {
  color: red;
}

/* Quan hi pases per sobre */
a:hover {
  color: white;
  text-decoration: underline;
}