/* Estilos del DOM */
body {
	margin: 0;
	padding: 0;
	font-size: .7em;
	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;
	}

div.clear {
	display: block;
	clear: both;
}

/* La cabecera de la página */
#cabecera {
	clear: both;
	color: #fafafa;
	background: #888 url("../imagenes/cabecera-fondo.png") repeat-x bottom left;
}
	#cabecera h1 {
		width: 700px;
		height: 70px;
		margin: 0 auto;
		padding: 0;
		color: #781919;/*692525*/
		background: transparent url("../imagenes/xavillongueras.png") no-repeat bottom left;
	}
		#cabecera h1 a {
			width: 250px;
			height: 70px;
			color: #fff;
			text-decoration: none;
			background: transparent;
		}
			#cabecera h1 a:hover {
				color: #781919;
				text-decoration: none;
				background: transparent;
			}
		#cabecera h1 span {
			visibility: hidden;

		}
	#cabecera #extra {
		width: 700px;
		margin: 0 auto;
		text-align: right;
	}
		#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: #dadada;
					font-weight: bold;
					text-decoration: none;
					padding: 5px 10px 12px 10px;
					background: #434343 url("../imagenes/cabecera-menu-ul-li-fondo.png") repeat-x bottom left;
				}
					#cabecera #extra ul li a:hover {
						border-top: 1px solid #dadada;
						color: #fafafa;
						text-decoration: none;
						background: #333 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: #ffffff 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 20px 0;
		color: #888;
		font-size: 1.1em;
	}
		#pagina #cuerpo a {
			color: #222;
			font-weight: bold;
			text-decoration: none;
		}
			#pagina #cuerpo a:hover {
				color: #666;
				text-decoration: underline;
			}
		#pagina #cuerpo address {
			display: block;
			margin: 0 0 10px 0px;
			font-style: normal;
		}
			#pagina #cuerpo address span {
				display: block;
				margin: 0 0 5px 0;
			}
		#pagina #cuerpo h2 {
			clear: both;
			margin: 0 0 12px 0px;
			font-size: 2em;
			font-weight: normal;
			color: #222;
			letter-spacing: -1px;
			background: #fff;
		}
		#pagina #cuerpo h3 {
			clear: both;
			margin: 15px 0 8px 0;
			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 p {
			margin: 0 0 10px 0;
			color: #777;
			line-height: 1.5em;
			text-align: justify;
			background: #fff;
		}
				#pagina #cuerpo p .dere {
					float: right;
					margin: 2px 0 5px 15px;
					border: 1px solid #ccc;
					padding: 2px;
				}
		#pagina #cuerpo ul {
			list-style: square inside;
			margin: 0 0 0 40px;
			line-height: 1.6em;
		}
		#pagina #cuerpo #left {
			clear: left;
			float: left;
			width: 325px;
			height: 300px;
			background: #888 url("../imagenes/foto.png") no-repeat top left;
		}
		#pagina #cuerpo #right {
			clear: right;
			float: right;
			width: 325px;
			height: 300px;
			background: #888 url("../imagenes/guia.png") no-repeat top left;
		}
			#pagina #cuerpo #left span, #pagina #cuerpo #right span {
				display: block;
				padding: 80px 20px 80px 20px;
				color: #eaeaea;
				font-size: 3em;
				line-height: 2em;
				text-align: center;
				text-shadow: 2px 2px #333;
			}
				#pagina #cuerpo #left span a, #pagina #cuerpo #right span a {
					display: block;
					position: relative;
					color: #eaeaea;
					text-decoration: none;
				}
					#pagina #cuerpo #left span a:hover, #pagina #cuerpo #right span a:hover {
						color: #fff;
						text-decoration: underline;
					}
#pagina #pie {
	clear: both;
	height: 1%;
	margin: 0px 0 0 0;
	padding: 35px 0 15px 0;
	font-size: .9em;
	color: #a0a0a0;
	background: #444 url("../imagenes/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: #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;
}