/*--------------------- BODY ---------------------*/
body {
	background:url(../img/bg-body.png) repeat-y center center #FFF;
	color:#231f20;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	padding:0;
	text-align:center;
}

/*--------------------- HTML ---------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet portion is licensed under a Creative Commons License. */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
ul,ol {list-style:none}
/* // (CC) 2004 Tantek Celik. // */

/*------ Semantica ------*/
h2 {
	border-bottom:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	margin:1.5em 0;
	padding-bottom:.15em;
}
h2 span {
	font-size:1.2em;
	padding-left:.4em;	
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	margin:1em 0 .8em 0;
}
h3 span {
	color:#bd2d2f;
	font-size:1.4em;
	padding-left:.5em;	
}
h1, h4, h5, h6 {}
p {
	line-height:1.5em;
	margin-bottom:1em;
}
ul li {}
ol li {}
a {
	color:#bd2d2f;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:hover, a:focus {}
abbr, acronym {
	border-bottom:1px dashed;
	cursor:help;
}
a abbr, a acronym {
	cursor:pointer;
}

/*------ Formularios ------*/
form {
	margin:0;
}
legend, fieldset, textarea, input, select {}
textarea:focus, input:focus, select:focus {}
textarea:hover, input:hover, select:hover {}

/*------ Tablas ------*/
table {
  border-collapse:collapse; /* Para quitar el padding de las celdas */
  border-spacing:0;
  width:99%;
}
caption, th, td {}

/*--------------------- ESTRUCTURA ---------------------*/
#contenedor {
	background:url(../img/bg-contenedor.png) no-repeat left top;
	margin:2em auto;
	position:relative;
	text-align:left;
	width:66.5em;
}

/*------ Cabecera ------*/
#cabecera {
	padding:24em 0 0 19em;
}
/*------ Menu ------*/
#cabecera #menu {
	height:3.5em;
}
#cabecera #menu li {
	float:left;
}
#cabecera #menu li a {
	background:url(../img/bg-menu.png) no-repeat;
	display:block;
	height:2em;
}
#cabecera #menu li a span {
	display:none;
}
#cabecera #menu li.inicio a {
	background-position:0 0;
	width:15.75em;
}
	#cabecera #menu li.inicio a:hover,
	#cabecera #menu li.inicio strong a {
		background-position:0 -2.75em;
	}
#cabecera #menu li.programacion a {
	background-position:-15.85em 0;
	width:16.25em;
}
	#cabecera #menu li.programacion a:hover,
	#cabecera #menu li.programacion strong a {
		background-position:-15.85em -2.75em;
	}
#cabecera #menu li.patrocinadores a {
	background-position:-32.25em 0;
	width:15.25em;
}
	#cabecera #menu li.patrocinadores a:hover,
	#cabecera #menu li.patrocinadores strong a {
		background-position:-32.25em -2.75em;
	}
/*------ Submenu ------*/
#cabecera #submenu {
	height:3em;
}
#cabecera #submenu li {
	float:left;
}
#cabecera #submenu li a {
	background:url(../img/bg-submenu.png) no-repeat;
	display:block;
	height:2.5em;
}
#cabecera #submenu li a span {
	display:none;
}
#cabecera #submenu li.fnac a {
	background-position:0 0;
	width:10.5em;
}
	#cabecera #submenu li.fnac a:hover,
	#cabecera #submenu li.fnac strong a {
		background-position:0 -3.3em;
	}
#cabecera #submenu li.principal a {
	background-position:-10.5em 0;
	width:12.4em;
}
	#cabecera #submenu li.principal a:hover,
	#cabecera #submenu li.principal strong a {
		background-position:-10.5em -3.3em;
	}
#cabecera #submenu li.conciertos a {
	background-position:-23em 0;
	width:14.25em;
}
	#cabecera #submenu li.conciertos a:hover,
	#cabecera #submenu li.conciertos strong a {
		background-position:-23em -3.3em;
	}
#cabecera #submenu li.ernest a {
	background-position:-37.5em 0;
	width:9.85em;
}
	#cabecera #submenu li.ernest a:hover,
	#cabecera #submenu li.ernest strong a {
		background-position:-37.5em -3.3em;
	}

/*------ Contenido ------*/
#contenido {
	margin:3em 0 0 19.5em;
}
#contenido .castellano {
	border-right:1px solid #e5e5e5;
	float:left;
	margin-right:3em;
	padding-right:3em;
	width:20em;
}
#contenido .euskera {
	color:#808080;
}
/*------ Banner ------*/
#banner {
	left:0;
	position:absolute;
	top:27.75em;
	width:15em;
}
/* Entradas */
#banner .entradas {
	background:url(../img/bg-banner-entradas.png) no-repeat top left;
	font-size:.9em;
	height:11em;
}
#banner .entradas ul {
	padding:5em 0 .7em 3em;
}
#banner .entradas li {
	color:#808080;
	margin:0 0 .5em 0;
}
#banner .entradas a {
	padding-right:.4em;
}
/* Facebook y Flickr */
#banner .facebook,
#banner .flickr {
	background:url(../img/bg-banner-facebook.png) no-repeat top left;
	height:5em;
	margin:2.5em 0 0 1.25em;
}
#banner .flickr {
	background-image:url(../img/bg-banner-flickr.png);
	margin-top:1.5em;
}
#banner .facebook p a,
#banner .flickr p a {
	display:block;
	height:5em;
	width:12.5em;
}
/*------ Pie ------*/
#pie {
	border-top:1px solid #d9d9d9;
	font-size:.9em;
	margin-top:6em;
	padding:1.5em 2em 2em 5em;
}
#pie p {
	line-height:1.2em;
	margin:0;
}
#pie img {
	float:left;
	margin-right:3em;
}

/*--------------------- CLASES GENERALES ---------------------*/
.ayudaAcces { /* Texto oculto para lectores de pantalla */
	position:absolute;
	left:-10000px;
	top:-10000px;
	font-size:.1em;
	line-height:1%;
}
/* Clearfix permite limpiar flotados. Mas info: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/* Volver */
.volver {
	color:#bd2d2f;
	font-size:1em;
	margin-top:2em;
	text-align:right;
}