/* Estilos del DOM */
body {
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-family: verdana, helvetica, sans-serif;
	background: #444;
}

a {
	outline: 0;
}
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: #b62f2f url("../imagenes/cabecera-fondo.png") repeat-x bottom left;
}
	#cabecera #top {
		width: 700px;
		height: 70px;
		margin: 0 auto;
		padding: 0;
	}
		#cabecera #top h1 {
			clear: left;
			float: left;
			width: 250px;
			height: 70px;
			margin: 0;
			padding: 0;
		}
			#cabecera #top h1 a {
				clear: left;
				float: left;
				width: 250px;
				height: 70px;
				background: transparent url("../imagenes/xavillongueras.png") no-repeat bottom left;
			}
				#cabecera #top h1 a span {
					position: absolute;
					top: -9999px;
				}
		#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: #dcb7b7;
					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("../imagenes/catala.png") no-repeat center left;
					}
					#cabecera #top ul li a.castellano {
						background: transparent url("../imagenes/castellano.png") no-repeat center left;
					}
					#cabecera #top ul li a.english {
						background: transparent url("../imagenes/english.png") no-repeat center left;
					}
	#cabecera #extra {
		width: 700px;
		margin: 0 auto;
		text-align: right;
		background: transparent url("../imagenes/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: #781919;
			}
				#cabecera #extra ul li a {
					color: #d5bebe;
					font-weight: bold;
					text-decoration: none;
					padding: 5px 10px 12px 10px;
					background: #781919 url("../imagenes/cabecera-menu-ul-li-fondo.png") repeat-x bottom left;
				}
					#cabecera #extra ul li a:hover {
						border-top: 1px solid #d79f9f;
						color: #fafafa;
						text-decoration: none;
						background: #510e0e url("../imagenes/cabecera-menu-ul-li-hover-fondo.png") repeat-x bottom left;
					}
				#cabecera #extra ul li #activa {
					color: #444;
					background: #fff url("../imagenes/cabecera-menu-ul-li-activa-fondo.png") repeat-x bottom left;
				}
					#cabecera #extra ul li #activa:hover {
						border-top: 1px solid #d79f9f;
						color: #000;
						background: #fff url("../imagenes/cabecera-menu-ul-li-activa-fondo.png") repeat-x bottom left;
					}

/* El contenedor del centro de la página */
#pagina {
	color: #666;
	background: #fff url("../imagenes/pagina-fondo.png") repeat-x top left;
}
	/* El contenedor para el menú y el contenido */
	#pagina #cuerpo {
		clear: both;
		width: 700px;
		margin: 0 auto;
		padding: 30px 0 0 0;
		color: #888;
		background: url("../imagenes/cuerpo-fondo.png") no-repeat top left;
	}
		/* El menú lateral izquierdo */
		#pagina #cuerpo #menu {
			z-index: 99;
			position: relative;
			display: inline; /* IE hack */
			clear: left;
			float: left;
			width: 150px;
			margin: 0 0 1px 0;
		}
				#pagina #cuerpo #menu div.box {
					padding: 12px 0 0 0;
					background: #b62f2f url("../imagenes/menu-ul-fondo.png") no-repeat top left;
				}
			#pagina #cuerpo #menu ul {
				z-index: 9998;
				display: inline; /* IE hack */
				clear: left;
				float: left;
				width: 150px;
				margin: 0;
				padding: 0 0 12px 0;
				background: url("../imagenes/menu-fondo.png") repeat-x bottom left;
			}
				#pagina #cuerpo #menu ul.logos {
					padding: 12px 0;
					background: none;
				}
					#pagina #cuerpo #menu ul.logos li {
						clear: none;
						width: auto;
						margin: 0 5px;
					}
						#pagina #cuerpo #menu ul.logos li a, #pagina #cuerpo #menu ul.logos li a:hover {
							display: inline;
							padding: 0;
							line-height: 0;
							background: none;
						}
						#pagina #cuerpo #menu ul.logos li img {
							border: 0;
						}
				#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: 0 5px 0 15px;
						color: #dcadad;
						font-weight: bold;
						line-height: 2.5em;
						text-decoration: none;
						background: transparent url("../imagenes/menu-a-fondo.png") repeat-y top left;
					}
						#pagina #cuerpo #menu ul li a:hover {
							color: #fafafa;
							text-decoration: none;
							background: #444 url("../imagenes/menu-a-hover-fondo.png") no-repeat center left;
						}
					#pagina #cuerpo #menu ul li #actiu {
						color: #fff;
						background: #8c2222 url("../imagenes/menu-a-actiu-fondo.png") no-repeat center left;
					}
						#pagina #cuerpo #menu ul li #actiu:hover {
							color: #fafafa;
							background: #444 url("../imagenes/menu-a-hover-fondo.png") no-repeat center left;
							text-decoration: none;
						}
					#pagina #cuerpo #menu ul li ul {
						z-index: 9999;
						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); /* IE transparency */
							background: transparent url("../imagenes/menu-ul-li-ul-fondo.gif") no-repeat bottom left;
						}
							#pagina #cuerpo #menu ul li ul li {
								z-index: 9999;
								position: relative;
								width: 100%;
								display: block;
							}
								#pagina #cuerpo #menu ul li ul li a {
									display: block;
									padding: 0 10px 0 10px;
									color: #fafafa;
									line-height: 2.5em;
									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 a {
				color: #b62f2f;
				font-weight: bold;
				text-decoration: none;
			}
				#pagina #cuerpo #contenido a:hover {
					color: #882222;
					text-decoration: underline;
				}
			#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: #b62f2f;
				letter-spacing: -1px;
				background: #fff;
			}
			#pagina #cuerpo #contenido h3 {
				clear: both;
				margin: 15px 0 8px 30px;
				padding: 0 0 0 22px;
				color: #444;
				font-size: 1.5em;
				font-weight: normal;
				letter-spacing: -1px;
				background: #fff url("../imagenes/h3-fondo.png") no-repeat center left;
			}
				#pagina #cuerpo #contenido h3 a {
					font-weight: normal;
				}
			#pagina #cuerpo #contenido p {
				margin: 0 0 10px 30px;
				color: #777;
				line-height: 1.5em;
				text-align: justify;
				background: #fff;
			}
				#pagina #cuerpo #contenido p .dere {
					float: right;
					margin: 4px 0 5px 15px;
					border: 1px solid #ccc;
					padding: 2px;
				}
				#pagina #cuerpo #contenido p .izq {
					float: left;
					margin: 4px 15px 5px 0;
					border: 1px solid #ccc;
					padding: 2px;
				}
			#pagina #cuerpo #contenido p.lema {
				margin: 15px 0 15px 30px;
				color: #781919;
				font-weight: bold;
				font-size: 1.3em;
			}
			#pagina #cuerpo #contenido span.encomillado {
				padding: 0 2px 0 2px;
				font-family: "Times New Roman", serif;
				font-size: 1.4em;
				font-weight: bold;
				color: #781919;
			}
			#pagina #cuerpo #contenido ul {
				list-style: square inside;
				margin: 0 0 0 40px;
				line-height: 1.6em;
			}
				#pagina #cuerpo #contenido ul.cycle {
					z-index: 0;
					position: relative;
					list-style: none;
					height: 120px;
					margin: 20px 0 15px 30px;
					padding: 0;
				}
					#pagina #cuerpo #contenido ul.cycle li {
						z-index: 0;
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						height: 120px;
						margin: 0;
						padding: 0;
						line-height: 0;
					}
						#pagina #cuerpo #contenido ul.cycle li img {
							z-index: 0;
							position: relative;
						}
	#pagina #googleAd {
		clear: both;
		height: 1%;
		width: 728px;
		margin: 0 auto;
		padding: 10px 0;
	}
#pagina #pie {
	clear: both;
	font-size: .9em;
	color: #a0a0a0;
	background: #444 url("../imagenes/pie-fondo.png") repeat-x top left;
}
		#pagina #pie div.wrapper {
			clear: both;
			height: 1%;
			width: 700px;
			margin: 0 auto;
			padding: 35px 0 15px 0;
		}
	#pagina #pie img {
		display: inline; /* ie6fh */
		clear: left;
		float: left;
		margin: 0 1em 0 0;
		border: 0;
		padding: 0 0 10px 0;
	}
	#pagina #pie p {
		margin: 1em 0;
		text-align: right;
	}
		#pagina #pie p a {
			color: #afafaf;
			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;
	}

/* Thickbox's selectors */
#TB_window {
  font: 1.1em verdana, helvetica, sans-serif;
  color: #333;
}
#TB_secondLine {
  font: 1em verdana, helvetica, sans-serif;
  color:#666;
  text-align: center;
}
#TB_window a:link {color: #666;}
#TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
#TB_window a:focus{color: #6666}
	/* Settings */
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0;
  left: 0;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #fff;
  z-index: 102;
  color:#000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window a {
	text-decoration: none;
}
	#TB_window a:hover {
		color: #000;
	}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0 5px 0;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}