/*
Declaraciones para la unidad relativa EM. Conseguimos la equivalencia 10px=1em.
*/

body, html{ font-size: 62.5%; }
body { font-style: normal; font-size: 101%; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; background-color: #FFF; text-align:center; background: #606061 url(../imagenes/motivo_fondo.gif); }
html>body { font-size: 100%; }
*:first-child+html body{ font-size:101%; }
table { font-size:100%; border-collapse:collapse; border-spacing:0; }

/*
Ponemos a cero los valores para margenes, espacios, bordes, etc.
Eliminamos lo bullets de las listas.
Ponemos al 100% (1em) el tamaņo de la fuente para los encabezados.
*/

* { margin:0; padding:0; }

fieldset, img, acronym, abbr { border:0; }
img { display: block; }

ol, ul { list-style:none; }
caption, th {text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }

/* Limpia flotaciones */

.clearboth {clear: both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}         
* html .clearfix {height:1%;} /* IE */
*:first-child+html .clearfix {height:1%;} /* IE7 */


.oculto {position:absolute; left:-10000px; text-indent:-10000px; margin: 0; padding: 0; }
.skip { display: none; }

/* enlaces general */

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


/* esqueleto */

#contenedor { width: 77.8em; margin: 1.6em auto 0 auto; text-align: left; }
	#cabecera { width: 77.8em; height: 13.1em; position: relative; border-bottom: .2em solid #FFF; }
	#cuerpo { width: 77.8em; w\idth: 75.6em; padding: 1em .8em 1em 1em;border-left: .2em solid #FFF; border-right: .2em solid #FFF; background-color: #ECE9D8; }
	#pie { width: auto; padding-top: 2.9em; padding-bottom: .7em; text-align: center; color: #FFF; background: transparent url(../imagenes/motivo_pie.gif) repeat-x top left; }


/* cabecera y menu generico */

#cabecera .fondo_cabecera { width: 77.8em; height: 13.1em; }

#cabecera #menu_generico { width: 100%;position: absolute; top: 0; left: 0; text-align: center; }
#cabecera #menu_generico ul li { display: inline; margin-right: 1em; }
#cabecera #menu_generico ul li a { color: #FFF; padding-left: 2em; }
#cabecera #menu_generico ul li a:hover { color: #FFCC33; }
#cabecera #menu_generico ul li a.pdf { background: url(../imagenes/ico_pdf.gif) no-repeat 0 .1em; }
#cabecera #menu_generico ul li a.pdf:hover { background-position: 0 -9.8em; }
#cabecera #menu_generico ul li a.enlace { background: url(../imagenes/ico_enlace.gif) no-repeat 0 .4em; }
#cabecera #menu_generico ul li a.enlace:hover { background-position: 0 -6.8em; }
#cabecera #menu_generico ul li a.contacto { background: url(../imagenes/ico_contacto.gif) no-repeat 0 .1em; }
#cabecera #menu_generico ul li a.contacto:hover { background-position: 0 -9.8em; }
#cabecera #menu_generico ul li input.carro {cursor: pointer; font-size: 1em; padding-left: 1.1em; font-family:arial; color: #FFF; border: 0; background: transparent url(../imagenes/ico_carro.gif) no-repeat 0 .1em; }
body:last-child #cabecera #menu_generico ul li input.carro {padding-left: 1.6em;}
#cabecera #menu_generico ul li input.carro:hover {color: #FFCC33; background-position: 0 -9.8em; }

#cabecera #menu_generico ul li a.pdf_off { color: #8D8D8D; background: url(../imagenes/ico_pdf_off.gif) no-repeat 0 .1em; }


/* menu de navegacion */

#cabecera #menus_navegacion #menu_bar h3 { position: absolute; top: -8.9em; left: 0; width: 7.5em; height: 7.5em; }
#cabecera #menus_navegacion #menu_bar h3 img { width: 7.5em; height: 7.5em; }

#cabecera #menus_navegacion #menu_bar { position: absolute; top: 9.4em; left: 1.1em; width: 22.4em; height: 2.3em; }
#cabecera #menus_navegacion #menu_bar ul li { display: inline; }
#cabecera #menus_navegacion #menu_bar ul li a { display: block; float: left; }
#cabecera #menus_navegacion #menu_bar ul li a:hover, #cabecera #menus_navegacion #menu_bar ul li a.selected { background-position: 0 -20.7em !important; }
#cabecera #menus_navegacion #menu_bar ul li a.agenda { width: 7em; height: 2.3em; background: transparent url(../imagenes/bt_agenda.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_bar ul li a.noticias_bar { width: 8.8em; height: 2.3em; background: transparent url(../imagenes/bt_newsbar.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_bar ul li a.galeria { width: 6.6em; height: 2.3em; background: transparent url(../imagenes/bt_galeria.gif) no-repeat 0 0; }

#cabecera #menus_navegacion #menu_records h3 { position: absolute; top: -8.9em; right: 0; width: 6.8em; height: 7.5em; }
#cabecera #menus_navegacion #menu_records h3 img { width: 6.8em; height: 7.5em; }

#cabecera #menus_navegacion #menu_records { position: absolute; top: 9.4em; right: 1.1em; width: 35.6em; height: 2.3em; }
#cabecera #menus_navegacion #menu_records ul li { display: inline; }
#cabecera #menus_navegacion #menu_records ul li a { display: block; float: left; }
#cabecera #menus_navegacion #menu_records ul li a:hover, #cabecera #menus_navegacion #menu_records ul li a.selected { background-position: 0 -20.7em !important; }
#cabecera #menus_navegacion #menu_records ul li a.noticias_records { width: 11.7em; height: 2.3em; background: transparent url(../imagenes/bt_newsrecords.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_records ul li a.grupos { width: 6.7em; height: 2.3em; background: transparent url(../imagenes/bt_grupos.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_records ul li a.conciertos { width: 9.5em; height: 2.3em; background: transparent url(../imagenes/bt_conciertos.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_records ul li a.catalogo { width: 7.7em; height: 2.3em; background: transparent url(../imagenes/bt_catalogo.gif) no-repeat 0 0; }

#cabecera #menus_navegacion #menu_comun { position: absolute; top: 9.4em; left: 24.7em; width: 15.3em; height: 2.3em; }
#cabecera #menus_navegacion #menu_comun ul li { display: inline; }
#cabecera #menus_navegacion #menu_comun ul li a { display: block; float: left; }
#cabecera #menus_navegacion #menu_comun ul li a:hover, #cabecera #menus_navegacion #menu_comun ul li a.selected { background-position: 0 -20.7em !important; }
#cabecera #menus_navegacion #menu_comun ul li a.multimedia { width: 9.5em; height: 2.3em; background: transparent url(../imagenes/bt_multimedia.gif) no-repeat 0 0; }
#cabecera #menus_navegacion #menu_comun ul li a.tienda { width: 5.8em; height: 2.3em; background: transparent url(../imagenes/bt_tienda.gif) no-repeat 0 0; }


/* cuerpo */

#cuerpo h3 { font-size: 1.1em; }
#cuerpo p { font-size: 1.1em; }
#cuerpo p.enlace { margin-top: .5em; text-align: right; }
#cuerpo p.enlace a { font: bold .8em verdana; padding-right: .9em; background: url(../imagenes/ico_p_enlace.gif) no-repeat 100% .6em; text-decoration: none !important; }
#cuerpo p.enlace a:hover { background-position: 100% -4.5em; }

#cuerpo .fila { width:100%; margin-bottom: 1.5em; clear: both; }
#cuerpo .filaform { width:100%; margin-bottom: 0; clear: both; }


/* noticias home */

#cuerpo .fila .noticia_bar h3, #cuerpo ul li.bar { padding-left: 1.4em; background: url(../imagenes/bullet_azul.gif) no-repeat 0% .1em; }
#cuerpo .fila .noticia_records h3, #cuerpo ul li.rec { padding-left: 1.4em; background: url(../imagenes/bullet_amarillo.gif) no-repeat 0% .1em; }
#cuerpo .fila .noticia_bar img, #cuerpo .fila .noticia_records img { margin-top: .5em; margin-bottom: .5em; }

#cuerpo .fila .noticia_bar { float: left; width: 30em; margin-right: .4em; background: url(../imagenes/fondo_noticia_bar.gif) no-repeat top left; }
#cuerpo .fila .noticia_bar div { padding: .6em .8em .8em .8em; he\ight: 27.6em; height: 29em; background: url(../imagenes/fondo_noticia_bar2.gif) no-repeat bottom left; }
#cuerpo .fila .noticia_records { float: left; width: 30em; margin-right: .4em; background: url(../imagenes/fondo_noticia_records.gif) no-repeat top left; }
#cuerpo .fila .noticia_records div { padding: .6em .8em .8em .8em; he\ight: 27.6em; height: 29em; background: url(../imagenes/fondo_noticia_records2.gif) no-repeat bottom left; }
html>body #cuerpo .fila .noticia_bar div, html>body #cuerpo .fila .noticia_records div { min-height: 27.6em; height: auto; }

/* banners lateral derecho */

#cuerpo .fila .banners { position:relative; float: left; width: 14.8em; }
#cuerpo .fila .banners .anuncio { margin-bottom: .6em; width: 14.8em; height: 9.4em; }
html>body #cuerpo .fila .banners .anuncio { margin-bottom: .9em; }
#cuerpo .fila .banners .anuncio_ultimo { margin-bottom: 0; width: 14.8em; height: 9.4em; }
#cuerpo .fila .banners .anuncio img, #cuerpo .fila .banners .anuncio_ultimo img { width: 14.8em; height: 9.4em; }

#cuerpo .fila .banners .bp1 {background: url(../banners/bp1.gif) no-repeat bottom left;}
#cuerpo .fila .banners .bp2 {background: url(../banners/bp2.gif) no-repeat bottom left;}
#cuerpo .fila .banners .bp3 {background: url(../banners/bp3.gif) no-repeat bottom left;}

/* top 10 wild thing bar */

#cuerpo .fila .top10 { float: left; margin-right: .4em; background: #FFF url(../imagenes/fondo_top10.gif) repeat-y top left; }
#cuerpo .fila .top10 h2 { width: 17.9em; height: 2.8em; }
#cuerpo .fila .top10 h2 img { width: 17.9em; height: 2.8em; }
#cuerpo .fila .top10 ul { padding: 0 .3em .4em .3em; background: url(../imagenes/fondo_top102.gif) no-repeat bottom left; }
#cuerpo .fila .top10 ul li { font: bold .9em verdana; padding: .8em .3em; }
#cuerpo .fila .top10 ul li.azul { background-color: #EAF0F6; }
#cuerpo .fila .top10 ul li span { font-weight: normal; }

/* eventos destacados home */

#cuerpo .fila .eventos_desta { float: left; width: 57.3em; background: #FFF url(../imagenes/fondo_eventos_des.gif) repeat-y top left; }
#cuerpo .fila .eventos_desta h2 { width: 57.3em; height: 2.8em; }
#cuerpo .fila .eventos_desta h2 img { width: 57.3em; height: 2.8em; }
#cuerpo .fila .eventos_desta div.fondo { height: 30.2em; background: url(../imagenes/fondo_eventos_des2.gif) no-repeat bottom left; }
*:first-child+html #cuerpo .fila .eventos_desta div.fondo {min-height: 30.2em; height: auto;}
body:last-child #cuerpo .fila .eventos_desta div.fondo { min-height: 29.6em; height: auto; }
html:first-child #cuerpo .fila .eventos_desta div.fondo { min-height: 29.2em; height: auto; }
#cuerpo .fila .eventos_desta div.banner { float: right; margin-top: .7em; margin-right: 1em; w\idth: 13.8em; width: 14.8em; height: 24.4em; }
* html #cuerpo .fila .eventos_desta div.banner { margin-right: 0; padding-right: 1em; }
#cuerpo .fila .eventos_desta div.banner img { width: 14.8em; height: 24.4em; }
#cuerpo .fila .eventos_desta div.lista { width: 39.8em; margin-top: .7em; margin-left: .8em; }
#cuerpo .fila .eventos_desta div.lista ul li { font-size: 1.1em; margin-bottom: .7em; }

/* formulario newsletter */

#cuerpo .filaform p {  text-align: center; font-weight: bold; }
#cuerpo .filaform input { padding: .1em .2em .1em .2em; border: .1em solid #000; font: normal .8em verdana; color: #AAA; }
#cuerpo .filaform input.boton { margin-bottom: -0.5em; border: none; width: 5.4em; height: 1.9em; padding: 0; font-size: .9em; }


/* contenidos records con lateral banners (604px) */

#cuerpo .fila .marco604 { float: left; width: 60.4em; height: 40em; margin-right: .4em; background: url(../imagenes/fondo_marco604_bar.gif) no-repeat 0% 2.8em; }
html>body #cuerpo .fila .marco604 { min-height: 40em; height: auto; }
#cuerpo .fila .marco604 h2 { width: 60.4em; height: 2.8em; }
#cuerpo .fila .marco604 h2 img { width: 60.4em; height: 2.8em; }
#cuerpo .fila .marco604 h3 { font-size: 1.6em; padding: 0 .5em; margin-top: .56em; color: #63B2DA; }

/* enlaces relacionados */

#cuerpo .fila .banners .relacionados { position: absolute; top: 30em; left: 0; width: 14.4em; background: url(../imagenes/fondo_relacionados_bar.gif) no-repeat top left; }
html>body #cuerpo .fila .banners .relacionados {top: 31em;}
#cuerpo .fila .banners .relacionados div { padding: .6em; background: url(../imagenes/fondo_relacionados_bar2.gif) no-repeat bottom left; }
#cuerpo .fila .banners .relacionados ul li { padding-left: .9em; margin: .15em 0; background: url(../imagenes/bullet_gris.gif) no-repeat 0% .5em; }
html>body #cuerpo .fila .banners .relacionados div { min-height: 4.2em; height: auto; }
#cuerpo .fila .banners .relacionados ul li a { font: bold .9em verdana; padding-right: .9em; background: url(../imagenes/ico_p_enlace.gif) no-repeat 100% .6em; }
#cuerpo .fila .banners .relacionados ul li a:hover { background-position: 100% -4.4em; }

/* contacto */

#cuerpo .fila .marco374_bar {float: left; width: 37.4em; height: 35.4em; background: url(../imagenes/fondo_marco374_bar.gif) no-repeat 0% 2.8em;}
#cuerpo .fila .marco374_records {float: right; width: 37.4em; height: 35.4em; background: url(../imagenes/fondo_marco374_records.gif) no-repeat 0% 2.8em;}
html>body #cuerpo .fila .marco374_bar, html>body #cuerpo .fila .marco374_records { min-height: 35.4em; height: auto; }
#cuerpo .fila .marco374_bar h2, #cuerpo .fila .marco374_records h2 { width: 37.4em; height: 2.8em; }
#cuerpo .fila .marco374_bar h2 img, #cuerpo .fila .marco374_records h2 img { width: 37.4em; height: 2.8em; }
#cuerpo .fila .marco374_bar div, #cuerpo .fila .marco374_records div { font-style:normal; padding: .9em .6em .6em .9em; }
#cuerpo .fila .marco374_bar address, #cuerpo .fila .marco374_records address { font-style:normal; }
#cuerpo .fila .marco374_bar div p, #cuerpo .fila .marco374_records div p { margin-bottom: 1em; }
#cuerpo .fila .marco374_bar div a, #cuerpo .fila .marco374_records div a { font-weight: bold; text-decoration:underline; }
#cuerpo .fila .marco374_bar div ul, #cuerpo .fila .marco374_records div ul { font-size: 1.1em; margin-top: .5em; margin-bottom: 1em; }

/* banners grandes */

#cuerpo .fila .banner_grande { float: left; width: 24.9em; height: 24.9em; margin-right: .4em; padding-top: 1em; }
#cuerpo .fila .banner_grande_ultimo { float: left; width: 24.9em; height: 24.9em; margin-right: 0; padding-top: 1em; }
#cuerpo .fila .banner_grande img, #cuerpo .fila .banner_grande_ultimo img { width: 24.9em; height: 24.9em; }

#cuerpo .fila .bg1 {background: url(../banners/bg1.gif) no-repeat bottom left;}
#cuerpo .fila .bg2 {background: url(../banners/bg2.gif) no-repeat bottom left;}
#cuerpo .fila .bg3 {background: url(../banners/bg3.gif) no-repeat bottom left;}

/* lista noticias */

#cuerpo .fila .marco604 p.texto_fijo { margin: .9em 0 1.4em .8em; }
#cuerpo .fila .marco604 ul { margin: .9em 0 0 .8em; }
#cuerpo .fila .marco604 ul li { margin-bottom: .8em; padding-left: 1.6em; margin-right: .9em; background: url(../imagenes/bullet_azul.gif) no-repeat 0% .1em; }
#cuerpo .fila .marco604 ul li p.titulo { font-weight: bold; }
#cuerpo .fila .marco604 ul li p.enlace { padding-bottom: .2em; background: url(../imagenes/fondo_p_enlace_bar.gif) no-repeat bottom right; }

/* paginacion archivo de noticias */

#cuerpo .fila .marco604 div.paginacion { text-align: center; margin: 1.5em 0; }
#cuerpo .fila .marco604 div.paginacion p { display: inline; font-weight: bold; }
#cuerpo .fila .marco604 div.paginacion ul { display: inline; padding: .2em; }
#cuerpo .fila .marco604 div.paginacion ul li { display: inline; margin: 0; padding: 0; background-image: none; }
#cuerpo .fila .marco604 div.paginacion ul li a { color: #606061; text-decoration: underline; padding-left: .7em; margin-left: .1em; background: url(../imagenes/guion.gif) no-repeat 0% .6em; }
#cuerpo .fila .marco604 div.paginacion ul li a:hover { color: #000; }
#cuerpo .fila .marco604 div.paginacion ul li.primero a { padding-left: 0; margin-left: 0; background-image: none; }
#cuerpo .fila .marco604 div.paginacion ul li.selected a { color: #000; font-family: verdana; font-weight: bold; text-decoration: none; }

/* noticia completa */

#cuerpo .fila .marco604 .noticia_completa { padding: .9em .9em 0 .8em; }
#cuerpo .fila .marco604 .noticia_completa img { float: left; width: 28.4em; height: 18.9em; margin-right: 2em; margin-bottom: 1em; }
#cuerpo .fila .marco604 .noticia_completa h3 { color: #000; font-size: 1.1em; padding: 0; margin: 0; }
#cuerpo .fila .marco604 .noticia_completa h3, #cuerpo .fila .marco604 .noticia_completa p { margin-bottom: 1em; }
#cuerpo .fila .marco604 .noticia_completa a { text-decoration: underline; }

/* contenidos records sin lateral (756px) */

#cuerpo .fila .marco756 { width: 75.6em; height: 35.4em; background: url(../imagenes/fondo_marco756_bar.gif) no-repeat 0% 2.8em; }
html>body #cuerpo .fila .marco756 { min-height: 35.4em; height: auto; }
#cuerpo .fila .marco756 h2 { width: 75.6em; height: 2.8em; }
#cuerpo .fila .marco756 h2 img { width: 75.6em; height: 2.8em; }

/* galeria */

#cuerpo .fila .fila_galeria ul.menu_galeria {padding: .5em 0 1em .8em;}
#cuerpo .fila .fila_galeria ul.menu_galeria li {float: left; font-size: 1.2em; margin-right: .5em; padding-right: .5em; background: url(../imagenes/barrita.gif) no-repeat right .2em;}
#cuerpo .fila .fila_galeria ul.menu_galeria li.ultimo {background-image: none;}
#cuerpo .fila .fila_galeria ul.menu_galeria li a {float: left; font-size: .9em; font-weight: bold; text-decoration: underline;}
/* a { color: #606061; text-decoration: none; }
a:hover { color: #000; } */

#cuerpo .fila .fila_galeria { margin: .9em 0 1.8em 0; }
#cuerpo .fila .fila_galeria .caja_galeria { float: left; width: 17.9em; padding-left: .8em; }
#cuerpo .fila .fila_galeria .caja_galeria img { width: 17.9em; height: 13.4em; }
#cuerpo .fila .fila_galeria .caja_galeria p { margin-top: .7em; }
#cuerpo .fila .fila_galeria .caja_galeria p.ampliar { margin-top: .7em; text-align: center; }
#cuerpo .fila .fila_galeria .caja_galeria p.ampliar a { font: bold .8em verdana; padding-left: 1.2em; background: url(../imagenes/ico_ampliar.gif) no-repeat 0% .35em; }
#cuerpo .fila .fila_galeria .caja_galeria p.ampliar a:hover { background-position: 0% -6.8em; }

/* pie */

#pie p { margin-bottom: .3em; }
#pie a { text-transform: uppercase; color: #FFF; }
#pie a:hover { color: #FFCC33; }