/* Estilos del DOM */
body {
	margin: 0;
	padding: 0;
	font-size: .7em;
	font-family: verdana, helvetica, sans-serif;
	background: #444;
}
a {
	outline: 0;
}
form, fieldset, label {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #eaeaea;
	text-align: justify;
	line-height: 1.5em;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul li {
		margin: 0;
		padding: 0;
	}
/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/* amagar d'IE mac \*/
	.clearfix { display:block; }

/* La cabecera de la página */
#cabecera {
	clear: both;
	color: #fafafa;
	background: #888 url("../images/cabecera-fondo.png") repeat-x bottom left;
}
	#cabecera #top {
		width: 700px;
		height: 70px;
		margin: 0 auto;
		padding: 0;
		background: transparent url("../images/xavillongueras.png") no-repeat bottom left;
	}
		#cabecera #top h1 {
			clear: left;
			float: left;
			width: 250px;
			height: 70px;
			margin: 0;
			padding: 0;
		}
			#cabecera h1 a {
				visibility: hidden;
			}
		#cabecera #top ul {
			clear: right;
			float: right;
			margin: 30px 0 0 0;
		}
			#cabecera #top ul li {
				display: inline;
				margin: 0 10px 0 0;
			}
				#cabecera #top ul li a {
					padding: 0 0 0 16px;
					color: #444;
					text-decoration: none;
					line-height: 1.6em;
				}
					#cabecera #top ul li a:hover {
						color: #fafafa;
						text-decoration: underline;
					}
					#cabecera #top ul li a.catala {
						background: transparent url("../images/catala.png") no-repeat center left;
					}
					#cabecera #top ul li a.castellano {
						background: transparent url("../images/castellano.png") no-repeat center left;
					}
					#cabecera #top ul li a.english {
						background: transparent url("../images/english.png") no-repeat center left;
					}
	#cabecera #extra {
		clear: both;
		width: 700px;
		margin: 0 auto;
		text-align: right;
		background: transparent url("../images/cabecera-pies.png") no-repeat bottom left;
		}
		#cabecera #extra ul {
			list-style: none;
			margin: 0;
			padding: 20px 0 12px 0;
			}
			#cabecera #extra ul li {
				display: inline;
				margin: 0 0 0 5px;
				background: #555;
				}
				#cabecera #extra ul li a {
					color: #f4f4f4;
					font-weight: bold;
					text-decoration: none;
					padding: 5px 10px 12px 10px;
					background: #555 url("../images/cabecera-menu-ul-li-fondo.png") repeat-x bottom left;
					}
					#cabecera #extra ul li a:hover {
						border-top: 1px solid #eaeaea;
						color: #fff;
						text-decoration: none;
						background: #444 url("../images/cabecera-menu-ul-li-hover-fondo.png") repeat-x bottom left;
						}
				#cabecera #extra ul li #activa {
					color: #f8f8f8;
					background: #000 url("../images/cabecera-menu-ul-li-activa-fondo.png") repeat-x bottom left;
					}
					#cabecera #extra ul li #activa:hover {
						border-top: 1px solid #eaeaea;
						color: #fff;
						background: #000 url("../images/cabecera-menu-ul-li-activa-fondo.png") repeat-x bottom left;
						}

/* El contenedor del centro de la página */
#pagina {
	color: #eaeaea;
	background: #000000 url("../images/pagina-fondo.png") repeat-x top left;
	}
	/* El contenedor para el menú y el contenido */
	#pagina #cuerpo {
		position: relative; /* IE hack */
		clear: both;
		width: 700px;
		margin: 0 auto;
		padding: 30px 0 0 0;
		color: #fafafa;
		background: transparent url("../images/cuerpo-fondo.png") no-repeat top left;
		}
		#pagina #cuerpo a {
			color: #fff;
			font-weight: bold;
			text-decoration: underline;
			}
			#pagina #cuerpo a:hover {
				color: #b4b6bb;
				text-decoration: none;
				}
		#pagina #cuerpo table {
			display: block;
			margin: 0 0 0 30px;
		}
			#pagina #cuerpo table img {
				border: 0;
			}
			#pagina #cuerpo thead td {
				font-weight: bold;
				text-align: center;
				padding: 10px 6px 10px 6px;
			}
			#pagina #cuerpo tbody td {
				border-bottom: 1px solid #444;
				padding: 10px;
				text-align: center;
				background: #222;
			}
		/* El menú lateral izquierdo */
		#pagina #cuerpo #menu {
			display: inline; /* IE hack */
			clear: left;
			float: left;
			width: 150px;
			margin: 0 0 10px 0;
			padding: 12px 0 0 0;
			background: #000 url("../images/menu-ul-fondo.png") no-repeat top left;
			}
			#pagina #cuerpo #menu ul {
				clear: left;
				float: left;
				width: 150px;
				margin: 0;
				padding: 0 0 12px 0;
				background: #888 url("../images/menu-fondo.png") repeat-x scroll bottom left;
				}
				#pagina #cuerpo #menu ul li {
					position: relative;
					clear: left;
					float: left;
					width: 100%;
					margin: 0;
					padding: 0;
					}
					#pagina #cuerpo #menu ul li a {
						display: block;
						margin: 0;
						padding: 6px 5px 6px 15px;
						color: #d0d0d0;
						font-weight: bold;
						line-height: 1.4em;
						text-decoration: none;
						background: transparent url("../images/menu-a-fondo.png") repeat-y top left;
						}
						#pagina #cuerpo #menu ul li a:hover {
							color: #fff;
							background: #444 url("../images/menu-a-hover-fondo.png") no-repeat center left;
							text-decoration: none;
							}
					#pagina #cuerpo #menu ul li #actiu {
						color: #fafafa;
						background: #666 url("../images/menu-a-actiu-fondo.png") no-repeat center left;
						}
						#pagina #cuerpo #menu ul li #actiu:hover {
							color: #fff;
							background: #444 url("../images/menu-a-hover-fondo.png") no-repeat center left;
							text-decoration: none;
							}
					#pagina #cuerpo #menu ul li ul {
						position: absolute;
						visibility: hidden;
						top: 0;
						left: 100%;
						width: 100%;
						padding: 0;
						margin: 0;
						}
						/* esto no valida por la transparencia y por el filter de IE para el PNG */
						#pagina #cuerpo #menu ul li:hover ul, #pagina #cuerpo #menu ul li.hovered ul {
							visibility: visible;
							padding: 0 0 10px 0;
							opacity: 0.9;
							filter: alpha(opacity = 90);
							background: transparent url("../images/menu-ul-li-ul-fondo.gif") no-repeat bottom left;
							}
							#pagina #cuerpo #menu ul li ul li {
								position: relative;
								width: 100%;
								display: block;
								}
								#pagina #cuerpo #menu ul li ul li a {
									height: 1%; /* IE hack */
									display: block;
									padding: 6px 10px 6px 10px;
									color: #fafafa;
									line-height: 1.4em;
									background: #444;
									}
									#pagina #cuerpo #menu ul li ul li a:hover {
										color: #444;
										background: #fff;
										}
		/* El contenedor para el contenido */
		#pagina #cuerpo #contenido {
			clear: right;
			float: right;
			width: 550px;
			margin: 0 0 20px 0;
			font-size: 1.1em;
			}
			#pagina #cuerpo #contenido address {
				display: block;
				margin: 0 0 10px 30px;
				font-style: normal;
			}
				#pagina #cuerpo #contenido address span {
					display: block;
					margin: 0 0 5px 0;
				}
			#pagina #cuerpo #contenido h2 {
				clear: both;
				margin: 0 0 12px 30px;
				font-size: 2em;
				font-weight: normal;
				color: #fafafa;
				letter-spacing: -1px;
				background: #000;
				}
			#pagina #cuerpo #contenido h3 {
				clear: both;
				margin: 20px 0 8px 30px;
				padding: 0 0 0 22px;
				font-size: 1.6em;
				font-weight: normal;
				letter-spacing: -1px;
				background: #000 url("../images/h3-fondo.png") no-repeat center left;
				}
				#pagina #cuerpo #contenido h3 a {
					text-decoration: none;
					font-weight: normal;
				}
					#pagina #cuerpo #contenido h3 a:hover {
						text-decoration: underline;
					}
			#pagina #cuerpo #contenido p {
				margin: 0 0 10px 30px;
				color: #eaeaea;
				text-align: justify;
				line-height: 1.5em;
				}
				#pagina #cuerpo #contenido p img {
					float: right;
					margin: 2px 0 6px 14px;
					border: 1px solid #e6e6e6;
					padding: 2px;
					background: #333;
					}
				#pagina #cuerpo #contenido p ul {
					margin: 0 0 10px 45px;
					list-style: square;
				}
				#pagina #cuerpo #contenido div.extra {
					clear: both;
					margin: 15px 0 15px 30px;
					border: 1px solid #777;
					padding: 10px 10px 10px 34px;
					background: #444 url("../images/extra.png") no-repeat top left;
				}
					#pagina #cuerpo #contenido div.extra p {
						margin: 0 0 10px 0;
					}
				#pagina #cuerpo #contenido p.info {
					clear: both;
					margin: 20px 0 20px 30px;
					padding: 0 0 0 24px;
					background: #000 url("../images/info.png") no-repeat top left;
				}
				#pagina #cuerpo #contenido p.mostres {
					width: 520px;
					margin: 20px 0 20px 30px;
					padding-bottom: 2px;
					vertical-align: middle;
				}
					#pagina #cuerpo #contenido p.mostres span {
						display: inline; /* IE hack */
						float: left;
						width: 120px;
						height: 120px;
						margin: 0 4px 10px 4px;
						border: 1px solid #4b4b4b;
						padding: 0;
						text-align: center;
						vertical-align: middle;
						background: #000;
					}
						#pagina #cuerpo #contenido p.mostres span img {
							display: block; /* IE hack */
							float: none;
							border: 0;
							padding: 0;
							margin: 10px;
							vertical-align: middle;
						}
				#pagina #cuerpo #contenido div.published {
					clear: both;
					height: 1%;
					margin: 0 0 15px 30px;
					border-top: 1px solid #666;
					padding: 10px 0;
				}
					#pagina #cuerpo #contenido div.published span.title {
						clear: left;
						display: block;
						margin: 0 0 8px 0;
						font-size: 1.1em;
					}
					#pagina #cuerpo #contenido div.published p {
						margin: 0 0 5px 0;
					}
					#pagina #cuerpo #contenido div.published img.izq {
						float: right;
						margin: 0 0 10px 20px;
						border: 1px solid #e6e6e6;
						padding: 2px;
						background: #333;
					}
				#pagina #cuerpo #contenido p.slideshow {
					margin: 0 0 0 30px;
					padding: 0;
					text-align: center;
				}
					#pagina #cuerpo #contenido p.slideshow span {
						float: left;
						width: 240px;
						height: 240px;
						margin: 2px 14px 10px 0;
						border: 1px solid #4b4b4b;
						padding: 0;
						text-align: center;
					}
						#pagina #cuerpo #contenido p.slideshow span img {
							display: inline;
							float: none;
							border: 0;
							padding: 0;
							margin: 10px auto;
							background: #000;
						}
			/* lists */
			#pagina #cuerpo #contenido ul {
				display: block;
				margin: 0 0 0 30px;
				padding: 0;
			}
				#pagina #cuerpo #contenido ul.gallery {
					margin: 20px 0 20px 30px;
					padding-bottom: 2px;
					vertical-align: middle;
				}
					#pagina #cuerpo #contenido ul.gallery li {
						display: inline; /* IE hack */
						float: left;
						width: 120px;
						height: 120px;
						margin: 0 4px 10px 4px;
						border: 1px solid #4b4b4b;
						padding: 0;
						text-align: center;
						vertical-align: middle;
					}
						#pagina #cuerpo #contenido ul.gallery li a {
							display: inline;
							border-bottom: none;
							padding: 0;
							line-height: 0;
							background: none;
							vertical-align: middle;
						}
							#pagina #cuerpo #contenido ul.gallery li a:hover {
								background: none;
							}
						#pagina #cuerpo #contenido ul.gallery li img {
							display: inline;
							float: none;
							border: 0;
							padding: 0;
							margin: 10px;
							vertical-align: middle;
						}
						#pagina #cuerpo #contenido ul.gallery li span {
							display: inline-block;
							height: 100%;
							vertical-align: middle;
						}
				#pagina #cuerpo #contenido ul li {
					display: block;
					margin: 0;
					padding: 0;
				}
					#pagina #cuerpo #contenido ul li a {
						display: block;
						border-bottom: 1px solid #444;
						padding: 0 10px 0 10px;
						line-height: 2.5em;
						text-decoration: none;
						background: #222;
					}
						#pagina #cuerpo #contenido ul li a:hover {
							color: #222;
							text-decoration: none;
							background: #888;
						}
		/* El contenedor para las carreras */
		#pagina #cuerpo #race {
			clear: right;
			float: right;
			width: 700px;
			margin: 0 0 20px 0;
			vertical-align: middle;
			}
			#pagina #cuerpo #race h2 {
				clear: both;
				margin: 0 0 12px 0;
				font-size: 2em;
				font-weight: normal;
				color: #fafafa;
				letter-spacing: -1px;
				background: #000;
				}
				#pagina #cuerpo #race h2 a {
					color: #888;
					font-weight: normal;
					text-decoration: none;
				}
					#pagina #cuerpo #race h2 a:hover {
						color: #fff;
						text-decoration: underline;
					}
			#pagina #cuerpo #race fieldset {
				margin: 0 5px;
				border: 1px solid #4b4b4b;
				padding: 0;
				vertical-align: middle;
				text-align: center;
			}
				#pagina #cuerpo #race fieldset a {
					color: #38a6c2;
					font-weight: bold;
					text-decoration: none;
					}
					#pagina #cuerpo #race fieldset a:hover {
						color: #6cdaf5;
						text-decoration: underline;
						}
				#pagina #cuerpo #race fieldset legend {
					color: #fff;
				}
				#pagina #cuerpo #race fieldset img {
					display: inline; /* IE hack */
					margin: 4px;
					border: 0;
					vertical-align: middle;
					background: #333;
					}
				#pagina #cuerpo #race fieldset input, #pagina #cuerpo #race fieldset select {
					vertical-align: middle;
					width: 110px;
					margin: 0 0 8px 0;
				}
				#pagina #cuerpo #race fieldset select {
					width: 95px;
				}
						#pagina #cuerpo #race fieldset select option.selectable {
							cursor: pointer;
							font-weight: bold;
						}
				#pagina #cuerpo #race fieldset span {
					clear: both;
					display: block;
					vertical-align: middle;
				}
					#pagina #cuerpo #race fieldset p.image {
						height: 150px;
						margin: 5px 0 0 0;
						padding: 0;
						text-align: center;
						line-height: 0;
					}
						#pagina #cuerpo #race fieldset p.image a,
						#pagina #cuerpo #race fieldset p.image img {
							vertical-align: middle;
						}
						#pagina #cuerpo #race fieldset p.image span {
							display: inline-block;
							height: 100%;
							vertical-align: middle;
						}
					#pagina #cuerpo #race fieldset input.submit {
						width: 115px;
						margin: 8px 8px 14px 8px;
					}
			#pagina #cuerpo #race input, #pagina #cuerpo #race select {
				width: 60%;
				margin: 0 0 8px 0;
				border: 1px solid #aaa;
				padding: 2px;
				color: #222;
				background: #e0e0e0;
			}
				#pagina #cuerpo #race input:focus, #pagina #cuerpo #race select:focus {
					background: #fff;
				}
				#pagina #cuerpo #race input.small {
					width: 30%;
				}
				#pagina #cuerpo #race input.submit {
					overflow: visible;
					cursor: pointer;
					width: auto;
					border: 1px solid #fff;
					padding: 2px 4px;
					color: #fff;
					text-align: center;
					font-weight: bold;
					background: #444;
				}
					#pagina #cuerpo #race input.submit:hover {
						border: 1px solid #ddd;
						color: #e0e0e0;
						background: #000;
					}
				#pagina #cuerpo #race p.info {
					clear: both;
					margin: 20px 0 20px 30px;
					padding: 0 0 0 24px;
					background: #000 url("../images/info.png") no-repeat top left;
				}
				#pagina #cuerpo #race p.lacaixa {
					margin: 10px 0 10px 30px;
					padding: 0 0 0 24px;
					font-size: 2em;
					font-weight: normal;
					background: #000 url("../images/lacaixa.gif") no-repeat top left;
				}
				#pagina #cuerpo #race p.print {
					margin: 10px 0 10px 30px;
					padding: 0 0 0 24px;
					font-size: 1.1em;
					font-weight: bold;
					background: #000 url("../images/print.png") no-repeat top left;
				}
				#pagina #cuerpo #race p.pager {
					clear: both;
					height: 1%;
					margin: 15px 0;
					border-top: 1px solid #999;
					border-bottom: 1px solid #999;
					padding: 6px 10px;
					color: #bbb;
					font-size: 1.1em;
					text-align: center;
					word-spacing: 4px;
					vertical-align: center;
					background: #333;
				}
					#pagina #cuerpo #race p.pager a {
						font-weight: bold;
						text-decoration: none;
					}
						#pagina #cuerpo #race p.pager a:hover {
							text-decoration: underline;
						}
					#pagina #cuerpo #race p.pager span {
						color: #ff0000;
						font-weight: bold;
					}
				#pagina #cuerpo #race ul.race {
					margin: 0 0 0 7px;
				}
					#pagina #cuerpo #race ul.race li {
						display: inline; /* IE hack */
						float: left;
						width: 170px;
						margin: 0 0 10px 0;
					}
					#pagina #cuerpo #race ul li.block a {
						display: block;
						border-bottom: 1px solid #444;
						padding: 0 10px 0 10px;
						line-height: 2.5em;
						text-decoration: none;
						background: #222;
					}
						#pagina #cuerpo #race ul li.block a:hover {
							color: #222;
							text-decoration: none;
							background: #888;
						}
		#pagina #cuerpo .atras {
			clear: both;
			display: block;
			padding: 10px 0 10px 18px;
			font-weight: bold;
			text-align: left;
			background: transparent url("../images/back.png") no-repeat center left;
		}
		#pagina #cuerpo .categoria {
			display: block;
			margin: 6px 0 6px 0;
		}
		#pagina #cuerpo .confirmar {
			clear: both;
			display: block;
			margin: 1.25em 0;
			border-top: 1px solid #fafafa;
			border-bottom: 1px solid #fafafa;
			padding: 10px 18px 10px 0;
			font-size: 1.2em;
			font-weight: bold;
			text-align: right;
			background: transparent url("../images/confirm.png") no-repeat center right;
		}
		#pagina #cuerpo .ok {
			padding: 0 0 0 24px;
			background: transparent url("../images/ok.png") no-repeat center left;
			}
		#pagina #cuerpo .unload {
			padding: 0 0 0 18px;
			background: transparent url("../images/cart_remove.png") no-repeat center left;
			}
	#pagina #pie {
		clear: both;
		margin: 0 0 0 0;
		padding: 35px 0 15px 0;
		font-size: .9em;
		color: #c0c0c0;
		background: #444 url("../images/pie-fondo.png") repeat-x top left;
		}
		#pagina #pie img {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			margin: 0 1em .5em 0;
			border: 0;
			padding: 0;
		}
		#pagina #pie p {
			width: 700px;
			margin: 0 auto;
			text-align: right;
			}
			#pagina #pie p a {
				color: #cfcfcf;
				font-weight: bold;
				text-decoration: none;
				}
				#pagina #pie p a:hover {
					color: #fafafa;
					text-decoration: underline;
					}
		#pagina #pie span {
			display: block;
			width: 700px;
			margin: 10px auto;
			color: #888;
			text-align: right;
			background: #444;
			}