/*
* {
	border:1px solid black;
	display:block;
	margin:5px;
	padding:5px	
}
*/

body {
	font-size: 0.8em;
	background-image:url('style5.css');
	background-repeat: repeat;
	background-attachment: scroll;
	margin: 0;
	padding:00;
	color: #800080; //
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C0C0C0;
}

/* ~~ este contenedor rodea a todas las demàs divs, lo que les asigna su anchura basada en porcentaje %*/
.container {
	width: 60%;
	max-width: 1260px;
	min-width: 600px;
	background:url(../images/verd_claret.gif);
	margin:  auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}

.header {
	/*background:url(../images/masthead.gif); /* #6F7D94; */
	text-align:center;
	color:#FFF;
}
.contingut {
	padding: 1px 0;
	text-align: center;
	color: #fff;
	font-size:1.4em;
	font-weight: 700;
}
form >select {
	border-color: #C0C0C0;
  	font-size:medium;
	color: #800080;
	text-align: left;
	margin-left: 80px;
	}

h2 {
	border-color: #C0C0C0;
  	text-align:center;
	font-weight: 700;
   	color: #800080;
}

form >input{
	border-color:inherit;
	color: #800080;
	font-size: medium;
}

.textarea {
background-image: url("../images/background.gif");
}