/* --------------------------- */
/* PRESENTACIÓ DEL COS GENERAL */
/* --------------------------- */
	body {
		background-position: center;
		background-color: #ffffcc;
		font-family: Times New Roman, Times, serif;
		/* ---------- Mida de text per defecte '16px', llavors cal calcular les mides fent 'mida/16' i posar-ho amb unitats 'em' ---------- */
		font-size: 100%;
		font-weight: normal;
		color: #000000;
		text-align: justify;
		text-indent: 30px;
		width: 98%;
		margin:0 auto;
		padding:0px 0px 0px 0px;
	}
	
/* ------------------------------------------ */
/* TIPUS DE LLETRA DELS PARÀGRAFS L'ESPAI WEB */
/* ------------------------------------------ */
	p {
		font-size: 1.125em;
		width: 98%;
	}
		.p_ntrweb {
			font-weight: bold;
			color: #000000;
			text-align: center;
			text-indent: 0px;
			margin-top: 10px;
			margin-bottom: 0px;
			margin-left: 0px;
		}
		.vacances {
			font-weight: bold;
			color: #ff0000;
			font-size: 2.5em;
			text-align: center;
			text-indent: 0px;
			margin-top: 50px;
			margin-bottom: 50px;
			margin-left: 0px;
		}
		
	h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6875em;
		font-weight: bold;
		color: #0000FF;
		text-align: center;
		text-indent: 0px;
		width: 98%;
	}

		/* ---------- TÍTOL PRINCIPAL AMB COLOR DIFERENT (VERMELL) ---------- */
		h1 strong{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight: bold;
			color: #FF0000;
			text-align: center;
			text-indent: 0px;
			width: 98%;
		}
		
	h2 {
		font-size: 0.875em;
		font-weight: normal;
		text-indent: 0px;
	}
		/* ---------- DESTACAR TEXT AMB NEGRETA I SUBRATLLAT ---------- */
		h2 strong {
			font-weight: bold;
			border-bottom: 1px solid;
		}
		
	/* ---------- DESTACAR TEXT AMB NEGRETA ---------- */
	strong {
		font-weight: bold;
	}
	
	/* ---------- DESTACAR TEXT AMB CURSIVA ---------- */
	em {
		font-style: italic;
	}
	
/* --------------------- */
/* FORMAT DE LES IMATGES */
/* --------------------- */
	img {
		border: 0px solid #000000;
		vertical-align: middle;
	}
	
/* ------------------------------- */
/* FORMAT DE LES LÍNIES DIVISÒRIES */
/* ------------------------------- */
	hr.linea {
		border: 3px ridge #484848;
		border-bottom: 0px solid;
	}
	
/* ------------------------------------------- */
/* FORMAT DE LA TAULA D'APLICACIONS I INTRAWEB */
/* ------------------------------------------- */

/* ------------------------------------ FORMAT DE CADA CAIXA --------------------------------------- */
	#box1, #box2, #box3, #box4, #box6 {
		border: 3px ridge #484848;
		border-bottom: 0px solid;
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
	}

	#box4_no_intraweb {
		border: 3px ridge #484848;
		border-bottom: 3px ridge #484848;
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
	}
	
	#box5 {
		border: 3px ridge #484848;
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
	}
	
	#box7 {
		border: 3px ridge #484848;
		border-top: 0px solid;
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
	}
	
	#box8 {
		border: 3px ridge #484848;
		border-top: 0px solid;
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
	}
	
/* ------------------------------- FORMAT DE CADA CEL·LA DE TÍTOL ---------------------------------- */
	#title1, #title2, #title3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6875em;
		font-weight: bold;
		text-align: center;
		text-indent: 0px;
		background-color: #ffffff;
		border-bottom:  3px ridge #484848;
	}
	
/* ------------------------------- FORMAT DE CADA CEL·LA ESQUERRA ---------------------------------- */
	#b1_left, #b3_left, #b4_left {
	   	float: left;
		width: 29%;
		text-align: center;
		padding: 60px 0px 0px 0px;
		text-indent: 0px;
	}


	#b2_left {
	   	float: left;
		width: 29%;
		text-align: center;
		padding: 0px 0px 0px 0px;
		text-indent: 0px;
	}



	#b1_left_nou, #b2_left_nou, #b3_left_nou, #b4_left_nou, #b6_left_nou, #b7_left_nou, #b8_left_nou {
	   	float: left;
		width: 29%;
		text-align: center;
		padding: 0px 0px 0px 0px;
		text-indent: 0px;
	}
	
	#b1_left #b3_left #b4_left, ul, li {
		display: inline;
		padding: 60px 0px 0px 0px;
	}

	#b1_left_nou #b2_left_nou #b3_left_nou #b4_left_nou #b6_left_nou, ul, li {
		display: inline;
		padding: 0px 0px 0px 0px;
	}

	
	#b1_left #b3_left #b4_left, ul li a {
		text-decoration: none;
	}
	
	#b1_left #b3_left #b4_left, ul li a:link {
		border-bottom: 1px solid #0000FF;
	}
	
	#b1_left #b3_left #b4_left, ul li a:hover {
		font-weight: bold;
	}
	
	#b1_left #b3_left #b4_left, ul li a:focus {
		font-weight: bold;
	}
	
	#b1_left #b3_left #b4_left, ul li a:active {
		font-weight: bold;
	}
	
	#b1_left #b3_left #b4_left, ul li a:visited {
		color: #55A3FF;
		border-bottom: 1px solid #55A3FF;
	}
	
	#b1_left #b3_left #b4_left, ul li a img {
		border: 1px solid #0000FF;
	}
	
	#b2_left_nou, ul li a img {
		border: 0px solid #000000;
		vertical-align: middle;
		margin-top: 10px;
	}
	
	#b5_left {
		font-family: Times New Roman, Times, serif;
		font-weight: normal;
		color: #000000;
		text-indent: 30px;
		background-color: #ffffcc;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		text-indent: 0px;
		border: 0px ridge #484848;
		padding: 0px 0px 0px 0px;
		margin-top: 0px;
		margin-bottom: 10px;
			text-align: center;
		padding: 10px 0px 0px 0px;
		color: #0000ff;
		font-weight: bold;
		font-size: 1.125em; 
	}
	
	#b6_left_nou, ul li a img {
		border: 0px solid #000000;
		vertical-align: middle;
		margin-top: 10px;
	}

/* --------------------------------- FORMAT DE CADA CEL·LA DRETA ----------------------------------- */
	#b1_right, #b2_right, #b3_right, #b4_right, #b6_right, #b7_right, #b8_right {
		float: right;
		width: 62%;
		padding: 0px 4% 0px 4%;
		border-left: 3px ridge #484848;
	}
	
/* -------------------------------------------- */
/* FORMAT DEL FORMULARI D'ENTRADA A LA INTRAWEB */
/* -------------------------------------------- */
	fieldset {
		border: 0px solid #0000FF;
	}
	
	input:focus {
		background-color: #ffcccc;
	}
	
		.focusField {
			color:#000000;
		}
		
		.idleField {
			color: #6F6F6F;
		}
		
/* ------------------------ */
/* FORMAT DEL PEU DE PÀGINA */
/* ------------------------ */
	#peu {
		float: left;
		width: 100%;
		text-align: center;
		text-indent: 0px;
		margin-bottom: 5px;
	}
	
	#peu ul {
		display: inline;
	}
	
	#peu ul li p {
		font-size: 1em;
		font-weight: bold;
		padding: 0px 0px 0px 30px;
		display: inline;
	}
	
	#peu ul li p img {
		border: 0px solid #000000;
		vertical-align: middle;
		display: inline;
	}
	
	#peu ul li p a {
		text-decoration: none;
		vertical-align: middle;
		font-weight: normal;
	}
	
	#peu ul li p a:link {
		font-weight: normal;
		border-bottom: 1px solid #0000FF;
	}
	
	#peu ul li p a:hover {
		font-weight: bold;
	}
	
	#peu ul li p a:focus {
		font-weight: bold;
	}
	
	#peu ul li p a:active {
		font-weight: bold;
	}
	
	#peu ul li p a:visited {
		color: #55A3FF;
		border-bottom: 1px solid #55A3FF;
	}
	
	#peu ul li a {
		border-bottom: 0px solid #000000;
	}
	
	#peu ul li a img {
		border: 0px solid #000000;
		vertical-align: top;
	}

/* ------------------------------ */
/* FORMAT DE LA CEL·LA DEL PREMI */
/* ----------------------------- */
	#premi {
		margin-left: 7.5%;
		vertical-align: middle;
		height:auto;
		display: table;
		width: 85%;
		text-align: center;
	}