html,body{margin:0; padding:0; background-color: #000; background-image: url('../img/fondo.jpg'); background-repeat:no-repeat;}
body{font: 76% Verdana;}
img{border:0;}
form{margin:0; padding:0;}

a{color:#000; text-decoration: none;}
a:hover{color:#DEB14E;}

/* Contenedor */
#container{width:837px; margin:0 auto; padding:0;}

/* ------------------- CABECERA ----------------------  */
.fondo{position:relative; float:left; height:529px; width:837px; padding:0; margin-top:25px; background-image: url('../img/f_contenedor.jpg'); background-repeat:no-repeat;}
.logo{margin-left:290px;}

#contenidos{float:left; height:auto;width:837px;background-image: url('../img/repite.gif'); background-repeat:repeat-y;}
#abajo{float:left; height:auto; width:837px; background-image: url('../img/inferior.gif'); background-repeat: no-repeat; background-position: bottom; padding-bottom: 25px;}
#arriba{float:left; height:auto; width:837px; min-height:360px; background-image: url('../img/superior.gif'); background-repeat: no-repeat; background-position: top; padding-top: 10px;}

.menu{position:relative;float:left; width:837px; height:30px;}
.menu ul {list-style:none; margin:0; padding: 0; margin-left: 25px;}
.menu ul li{display:inline; margin-left:6px; margin-right: 2px;}
.menu ul li a{display:inline-block; height:16px; /*text-indent:-9000%;*/ background-image:url('../img/menu.gif');}
.menu ul li a.inicio {width:48px; background-position:0 -16px;}
.menu ul li a.inicio_activo, .menu ul li a.inicio:hover {width:48px; background-position:0 0;}
.menu ul li a.historia {width:64px; background-position:-48px -16px;}
.menu ul li a.historia_activo, .menu ul li a.historia:hover {width:64px; background-position:-48px 0;}
.menu ul li a.cancionero {width:79px; background-position:-112px -16px;}
.menu ul li a.cancionero_activo, .menu ul li a.cancionero:hover {width:79px; background-position:-112px 0;}
.menu ul li a.uno {width:67px; background-position:-191px -16px;}
.menu ul li a.uno_activo, .menu ul li a.uno:hover {width:67px; background-position:-191px 0;}
.menu ul li a.noticias {width:63px; background-position:-258px -16px;}
.menu ul li a.noticias_activo, .menu ul li a.noticias:hover {width:63px; background-position:-258px 0;}
.menu ul li a.entrevistas {width:83px; background-position:-321px -16px;}
.menu ul li a.entrevistas_activo, .menu ul li a.entrevistas:hover {width:83px; background-position:-321px 0;}
.menu ul li a.agenda {width:56px; background-position:-404px -16px;}
.menu ul li a.agenda_activo, .menu ul li a.agenda:hover {width:56px; background-position:-404px 0;}
.menu ul li a.fotos {width:90px; background-position:-460px -16px;}
.menu ul li a.fotos_activo, .menu ul li a.fotos:hover {width:90px; background-position:-460px 0;}
.menu ul li a.contacto {width:70px; background-position:-550px -16px;}
.menu ul li a.contacto_activo, .menu ul li a.contacto:hover {width:70px; background-position:-550px 0;}

.idiomas{position:relative; float:right; text-align:right; width:90px; margin-right:5px; margin-top:-20px;}
.idiomas .boton{margin-bottom:3px; margin-right:2px;}

#breadcrumb {font-size:0.9em; margin-bottom:1em;}


/* ------------------- CONTENIDO IZQUIERDA ----------------------  */
#izquierda{float:left; width:380px; padding-left:25px;}
/* Cancionero */
#izquierda .cancionero {background-image:url('../img/f_cancionero2.gif'); background-repeat:no-repeat; width:374px; height:216px; padding: 30px 0 0 20px;}
#izquierda .cancionero .flecha_i{float:left; width:20px; padding-top:60px;}
#izquierda .cancionero .texto{float:left; width:180px; padding-right:10px; padding-top:10px;padding-left:10px; height:106px;}
#izquierda .cancionero .texto .titulo{font-family:Arial; font-size:1.4em; color:#fff; font-weight:bold;}
#izquierda .cancionero .texto .autor{font-family:Arial; font-size:1em; color:#FFCC00;}
#izquierda .cancionero .texto .letra{font-family:Arial; font-size:0.9em; color:#fff;}
#izquierda .cancionero .varios{float:left; width:75px; padding-top:10px; text-align:center; height:150px;}
#izquierda .cancionero .flecha_d{float:left; width:20px; padding-top:60px; padding-left:20px;}
#izquierda .cancionero .ver_ficha{float:left; width:348px; text-align:right; margin-top: -8px; }
/* Golisneo */
#izquierda .golisneo{background-image: url('../img/f_golisneo.gif'); background-repeat:no-repeat; width:374px; height:80px; padding: 10px; margin:20px 0;}
#izquierda .golisneo ul{padding: 19px 30px 0 25px; margin: 0; font-family: Arial; font-size: 0.9em; color: #000; list-style-image: url(../img/circulo.gif); }
#izquierda .golisneo span.imagen {float:right; margin-right:30px;}



/* ------------------- CONTENIDO  CENTRO ----------------------  */
#centro{float:left; width:250px; padding-top:15px;}
/* Noticias */
#centro .noticia_port {height:auto; margin-bottom:10px;}
/* cada noticia */
#centro .noticia_port .fecha{font-family:Georgia; font-size:0.8em; color:#996600; font-weight:bold;}
#centro .noticia_port .titulo{font-family:Arial; font-size:1em; color:#000; font-weight:bold;}
#centro .noticia_port p{margin-top:-2px;}
#centro .noticia_port a{color:#000; text-decoration: none;}
#centro .noticia_port a:hover{color:#DEB14E;}
#centro .noticia_port span.entradilla {font-size:0.9em; font-style:italic;}
#centro .noticia_port .mas{background-color:#DEB14E; font-family:Verdana; font-size:0.8em; padding:2px 4px 2px 4px;font-weight:bold;color:#fff;}
#centro .noticia_port .mas a{color:#fff; text-decoration: none;}
#centro .noticia_port .mas a:hover{color:#000;}

/* ------------------- CONTENIDO DERECHA ----------------------  */
#derecha{float:right;width:166px;}
/* Agenda */
#derecha .agenda{width:146px; height:212px; background-image:url('../img/f_agenda2.gif'); background-repeat:no-repeat; padding:7px 0 0 22px; }
/* cada evento */
#derecha .agenda .evento{margin-right:10px; padding-bottom: 5px;}
#derecha .agenda .evento .fecha{font-family:Georgia; color:#996600; font-weight:bold; font-size:0.8em;}
#derecha .agenda .evento .titulo a{font-family:Arial; font-size:0.9em; color:#000; font-weight:bold; text-decoration: none;}
#derecha .agenda .evento .titulo a:hover{color:#000; text-decoration: underline;}
#derecha .agenda .evento p{margin:0; padding: 0;}
#derecha .agenda .evento a{color:#000; text-decoration: none;}
#derecha .agenda .evento a:hover{color:#DEB14E;}
#derecha .agenda .evento .mas{background-color:#666; font-family:Verdana; font-size:0.8em; color:#fff;}
#derecha .agenda .evento .mas a{color:#fff; text-decoration: none;}
#derecha .agenda .evento .mas a:hover{color:#e3be59;}

/* Fotos y vídeos */
#derecha .fotos{float:left;width:168px; height:auto; background-image: url('../img/f_fotos.gif'); background-repeat:no-repeat; text-align: center; font-family: Verdana; font-size: 0.8em; font-weight: bold; padding-top: 39px;}
#derecha .fotos img.foto {width:90px; height:60px;}
#derecha .fotos .flecha_i{margin-bottom:20px; margin-right:5px;}
#derecha .fotos .flecha_d{margin-bottom:20px; margin-left:5px;}
#derecha .fotos p{padding-right:20px;}




/* ------------------- PÁGINAS INTERIORES ----------- */
#interior{float:left;width:770px; padding-left:35px; padding-top:10px;}
#interior p{margin:0; padding-bottom:8px;}
#interior h2#titulo {font-size:1.3em; font-weight:bold;}

/* ------------------- PIE ----------------------  */
.pie {text-align:center; margin:0; font-size:0.78em; color:#999;}

/* FILTRO */
#interior #filtro {text-align:right; font-size:0.9em; margin-bottom:1em; background-color:#deb14e; padding:0.2em;}
/* ------ */

/* ZEBRA */
.zebra0 {background-color:#e9e7da;}
.zebra1 {}
/* ----- */

/* ÍNDICE PAGINADO */
#interior .indice {float:left; width:100%; font-size:1em; margin:0.8em 0;}
#interior .indice a {margin:0.2em; padding:0 0.3em; border:solid 0.1em #333; background-color:#f3f3f3;}
#interior .indice a:hover {background-color:#666; text-decoration:none;}
#interior .indice span {margin:0.2em; padding:0 0.3em; border:solid 0.1em #333;}

#interior .indice2 {float:left; width:100%; font-size:1em; margin:0.8em 0;}
#interior .indice2 a {margin:0.2em; padding:0 0.3em; border:dotted 0.1em #333; background-color:#f3f3f3;}
#interior .indice2 a:hover {background-color:#666; text-decoration:none;}
#interior .indice2 span {margin:0.2em; padding:0 0.3em; border:dotted 0.1em #333;}
/* --------------- */

/* CANCIONERO */
#interior #letras {background-color:#deb14e; padding:0.2em; margin-bottom:1em;}
#interior #letras a {padding-left:0.3em;}
#interior #letras a:hover {color:#000; font-weight:bold;}
#interior #letras span {padding-left:0.3em; color:#666;}
#interior div#canciones div.cancion {font-size:1.1em; padding:0.2em 0.5em;}
#interior div#discos {float:left; width:100%;}
#interior div#discos a.disco {float:left; width:16%; padding:1%; margin-right:1%; margin-top:1em; text-align:center;}
/*#interior div#discos a.disco:hover {background-color:#e8e8e8;}*/
/* ---------- */

/* UNO A UNO */
#interior div#personas div.persona {font-size:1.1em; padding:0.2em 0.5em;}
#interior div.persona div.foto {float:right; margin-left:1em;}
#interior div.persona span.nombre {font-size:1.4em; font-weight:bold;}
/* --------- */

/* NOTICIAS */
div.noticia {margin-bottom:0.4em; clear:both; border-top:solid 0.1em #ccc; padding-top:0.2em;}
div.noticia span.imagen {float:left; margin-right:0.5em;}
div.noticia span.titulo a {font-weight:bold; font-size:1.2em;}
div.noticia span.entradilla_interior {font-style:italic;}
div.noticia span.fecha {color:#946300;}
div#archivos span.titulo, div#comentarios span.titulo {font-size:1.2em; font-weight:bold;}
/* -------- */

/* ENTREVISTAS */
div.entrevista {margin-bottom:0.4em; clear:both; border-bottom:solid 0.1em #ccc;}
div.entrevista span.imagen {float:left; margin-right:0.5em;}
div.entrevista span.titulo a {font-weight:bold; font-size:1.2em;}
div.entrevista span.entradilla_interior {font-style:italic;}
div.entrevista span.fecha {color:#946300;}
div#archivos span.titulo, div#comentarios span.titulo {font-size:1.2em; font-weight:bold;}
/* -------- */

/* AGENDA */
div.ano {font-size:1.2em; font-weight:bold; width:98%; background-color:#946300; padding-left:2%; padding-top:0.2em; padding-bottom:0.2em; clear:both;}
div.mes {font-size:1.2em; font-weight:bold; width:98%; background-color:#ceb380; color:#fff; padding-left:2%; padding-top:0.2em; padding-bottom:0.2em; clear:both;}
div.mes_actual {font-size:1.2em; font-weight:bold; width:98%; background-color:#d5a22d; color:#fff; padding-left:2%; padding-top:0.2em; padding-bottom:0.2em; clear:both;}
p.evento {float:left; width:100%; padding:0; margin-bottom:2px; clear:both;}
p.evento span.imagen {float:left; margin-right:1em; width:90px;}
p.evento span.titulo {font-weight:bold;}
p.evento span.foto {float:left; margin-right:1em;}
p.evento span.mas {background-color:#DEB14E; font-family:Verdana; font-size:0.8em; padding:2px 4px 2px 4px;font-weight:bold; color:#fff;}
p.evento span.mas a {color:#fff; text-decoration: none;}
p.evento span.mas a:hover {color:#000;}
/* ------ */

/* ÁREA DE PROFESIONALES */
#interior div#area_noticias {margin-top:1em;}
#interior div#area_noticias span.titulo {font-size:1.2em; font-weight:bold;}
#interior div#area_archivos {margin-top:1em;}
#interior div#area_archivos span.titulo {font-size:1.2em; font-weight:bold;}
#interior #archivos {width:100%;}
#interior #archivos .archivo {clear:both; margin:0 0 1em 0;}
#interior #archivos .archivo a {font-weight:bold;}
#interior #archivos .archivo img {float:left;}
#interior #archivos .fecha {color:#946300;}
/* --------------------- */

/* COMENTARIOS */
#interior .comentario .autor {font-weight:bold;}
#interior .comentario .fecha {font-weight:bold;}
#interior .comentario .texto {font-size:0.9em;}
/* ----------- */

/* DISCO */
#interior div#disco span {font-style:italic; font-weight:bold;}
#interior div#disco div.titulo {font-size:1.6em; font-weight:bold; vertical-align:top;}
#interior div#disco div#canciones span.titulo {font-size:1.4em; font-weight:bold;}
#interior div#disco div.portada {float:right; margin-right:1em;}
#interior div#disco div.portada img {max-width:220px;}
/* ----- */

/* CANCIÓN */
#interior div#cancion span {font-style:italic; font-weight:bold;}
#interior div#cancion span.titulo {font-size:1.4em;}
/* ------- */

/* FOTOS Y VÍDEOS */
#interior #galerias {width:100%; margin-top:-3em;}
/*#interior #galerias div.linea {float:left; display:inline; width:100%; height:auto; background-image:url('../img/lina_completa_medio.gif'); background-repeat:repeat-x; margin-top:-4%;}
#interior #galerias div.linea .galeria {position:relative; float:left; width:14%; padding:2.7% 1%; margin-top:1em; text-align:center; margin-bottom:-4%;}
#interior #galerias div.linea .galeria div.traba {position:absolute; top:0.8em; left:4.7em;}
#interior #galerias div.linea .galeria a img {width:80%; border:solid 0.1em #666;}*/
#interior #galerias .galeria {position:relative; float:left; width:180px; padding:2.7% 1px; margin-top:1em; text-align:center; margin-bottom:-4%;}
/*#interior #galerias .galeria div.traba {position:absolute; top:0.8em; left:4.7em;}*/
#interior #galerias .galeria a img {width:100%;}
#interior div.galerias div.foto {width:80%;}
#interior div.galerias div.foto img {width:80%;}
#interior #videos {width:100%;}
/*#interior #videos div.linea {float:left; display:inline; width:100%; height:auto; background-image:url('../img/lina_completa_medio.gif'); background-repeat:repeat-x; margin-top:-4%;}
#interior #videos div.linea .video {position:relative; float:left; width:16%; padding:2.7% 1%; margin-right:1%; margin-top:1em; text-align:center; min-height:15em; margin-bottom:-4%;}
#interior #videos div.linea .video div.traba {position:absolute; top:0.8em; left:5.2em;}
#interior #videos div.linea .video a img {width:80%; border:solid 0.1em #666;}*/
#interior #videos .video {position:relative; float:left; width:16%; padding:2.7% 1%; margin-right:1%; margin-top:1em; text-align:center; margin-bottom:-4%;}
/*#interior #videos .video div.traba {position:absolute; top:0.8em; left:5.2em;}*/
#interior #videos .video a img {width:80%; border:solid 0.1em #666;}
#interior #videos .ver_mas {float:left; width:100%; text-align:right;}
/* -------------- */

/* FOTOS */
#interior #galerias_listado {width:100%;}
#interior #galerias_listado {float:left; display:inline; width:100%;}
#interior #galerias_listado .galeria {position:relative; float:left; width:14%; padding:1% 1%; margin-top:1em; text-align:center; margin-bottom:-4%;}
#interior #galerias_listado .galeria a img {width:100%; border:solid 0.1em #666;}
/* ----- */
/* VÍDEOS */
#interior #videos_listado {width:100%;}
#interior #videos_listado {float:left; display:inline; width:100%;}
#interior #videos_listado .video {position:relative; float:left; width:16%; padding:1% 1%; margin-right:1%; margin-top:1em; text-align:center; min-height:15em; margin-bottom:-4%;}
#interior #videos_listado .video a img {width:80%; border:solid 0.1em #666;}
/* ------ */

/* GLOSARIO */
#interior p.palabra span.palabra {padding-left:0.8em;}
#interior p.palabra span.titulo {font-size:1.2em; font-weight:bold; font-style:italic;}
#interior p.canciones span.titulo {text-decoration:underline;}
#interior p.canciones a {margin-left:1.5em;}
/* -------- */

/* FORMULARIO COMENTARIOS */
#interior #form_comentario {width:100%;}
#interior #form_comentario .titulo {font-size:1.1em; font-weight:bold;}
#interior #form_comentario input {width:20em;}
#interior #form_comentario textarea {width:35em; height:8em;}
/* ---------------------- */

/* MENSAJES DE ERROR */
#interior div.info {float:left; width:97%; background-color: #f3f3f3; font-size:1em; padding:0.4em 0.9em; margin:0.4em 0; border:solid 0.1em #000;}
#interior div.error {float:left; width:97%; background-color: #f66; font-size:1em; padding:0.4em 0.9em; margin:0.4em 0; border:solid 0.1em #f00;}
/* ----------------- */

/* JQUERY ALT */
#ALT {position:absolute; z-index:100; border:0.1em solid #c50830; background-color:#fcfcf3; text-align:left; padding:0.4em; color:#333;}
#interior a.jalt {color:#c00;}
#interior a.jalt:hover {color:#deb14e;}
/* ---------- */

 /* ENLACES */
 p.categoria_enlace {background-color:#946300; font-weight:bold; font-size:1.2em; padding:0.1em 0.3em;}