*, html { margin:0; padding:0;}

body { padding:0 1em; margin:0; background:#000; font:0.7em/1.25em Verdana, Arial, Helvetica, sans-serif; color:#333;}

h1 { margin:.5em 0; width:100%; clear:both;padding:0; line-height:1.3em; background:#000; text-align:left; color:#fff; font-size:1.4em; font-family:Arial, Helvetica, sans-serif }
h1 strong { background:#ea2229; text-transform:uppercase; line-height:1.4em; padding:0 .3em}
h2 { margin:0; padding:.5em 0; color:#333; text-align:left; font-size:1.2em; font-weight:normal;}
h3 { color:#000; font-size:1.2em; text-transform:uppercase; margin:0; padding:1em 0 .4em 0;}

a { color:#ea2229; text-decoration:none}
a img { border:0;}
a:hover { color:#000; text-decoration:underline}

p { color:#333; padding:.4em 0; font-size:1em; line-height:1.45em;}

ul, ol { margin:0 0 0 2em; padding:0;}
ul li { padding:.5em 0; color:#000}


/* carcasas */
#global { margin:0 auto; width:79.2em; padding:0 }
#contenedor-global{ width:100%; float:left; padding:0; clear:both; background:#161616;}


/* cabecera */
#header {  width:79.2em; float:left; clear:both; padding:0 0 .2em 0; margin:0; background:#000 url(/box/img/cabecera.jpg) 0 0 no-repeat}
#header p.logo { padding:2em 0 1.4em 1.5em}
#header p.box { position:absolute; top:5.05em; left:50%; margin-left:27.5em;}
*:first-child+html #header p.box {  top:4.95em; margin-left:27.5em;}


/* menus */
ul.menu { margin:0; padding:.65em 0 0 0; list-style:none; float:left; clear:both; width:100%;}
ul.menu li {padding:0 0 0 1.8em; font-weight:bold; float:left; margin:0 .2em; text-align:center; }
ul.menu li a { display:block; float:left; padding:.7em 0; color:#fff; font-weight:normal; text-decoration:none; font-size:1.7em; font-family:Arial, Helvetica, sans-serif }
*:first-child+html ul.menu li a { padding:.7em 0 .75em 0; }
ul.menu li a:hover,
ul.menu li.activo a,
ul.menu li:hover a{ background:url(/box/img/menu-over.jpg) top center no-repeat }

ul.submenu { margin:0; padding:.4em 0 0 1.5em; list-style:none; float:left; clear:both; width:70em;}
ul.submenu li {padding:0; display:inline; margin:0; border-left:1px solid #999; }
ul.submenu li:first-child { border:0}
ul.submenu li a { padding:0 .5em; color:#999; font-weight:normal; text-decoration:none; font-size:.9em  }
ul.submenu li a:hover,
ul.submenu li.activo a,
ul.submenu li:hover a{ color:#fff; }


/* pie */
#footer { width:79.2em; clear:both; padding:0; margin:0; height:17.3em; border-top:2px solid #a22a52; background:url(/box/img/bk.footer-box.jpg) 0 0 no-repeat;}
#footer p { display:none;}


/* columnas */
#contenido { padding:0; margin:0; min-height:25em; width:79.2em; border-top:2px solid #a22a52; float:left; }


/* eventos */
#contenido ul.listado-meses { float:left; width:100%; padding:0; margin:0; list-style:none;}
#contenido ul.listado-meses li { float:left; width:8.3%; clear:none; margin:0; padding:0;}
#contenido ul.listado-meses li a { display:block; float:left; width:100%; height:5.85em; text-indent:-9999px; background:url(/box/img/bk.menu-meses.gif) 0 0 no-repeat}
#contenido ul.listado-meses li.enero a { background-position:0 0;}
#contenido ul.listado-meses li.enero a:hover,
#contenido ul.listado-meses li.enero.activo a { background-position:0 bottom;}
#contenido ul.listado-meses li.febrero a { background-position:-7em 0;}
#contenido ul.listado-meses li.febrero a:hover,
#contenido ul.listado-meses li.febrero.activo a { background-position:-7em bottom;}
#contenido ul.listado-meses li.marzo { width:8.8%;}
#contenido ul.listado-meses li.marzo a { background-position:-14em 0;}
#contenido ul.listado-meses li.marzo a:hover,
#contenido ul.listado-meses li.marzo.activo a { background-position:-14em bottom;}
#contenido ul.listado-meses li.abril a { background-position:-21.1em 0;}
#contenido ul.listado-meses li.abril a:hover,
#contenido ul.listado-meses li.abril.activo a { background-position:-21.1em bottom;}
#contenido ul.listado-meses li.mayo { width:8.8%;}
#contenido ul.listado-meses li.mayo a { background-position:-28em 0;}
#contenido ul.listado-meses li.mayo a:hover,
#contenido ul.listado-meses li.mayo.activo a { background-position:-28em bottom;}
#contenido ul.listado-meses li.junio { width:9%;}
#contenido ul.listado-meses li.junio a { background-position:-34.7em 0;}
#contenido ul.listado-meses li.junio a:hover,
#contenido ul.listado-meses li.junio.activo a { background-position:-34.7em bottom;}
#contenido ul.listado-meses li.julio { width:7.5%;}
#contenido ul.listado-meses li.julio a { background-position:-41.8em 0;}
#contenido ul.listado-meses li.julio a:hover,
#contenido ul.listado-meses li.julio.activo a { background-position:-41.8em bottom;}
#contenido ul.listado-meses li.agosto a { background-position:-47.5em 0;}
#contenido ul.listado-meses li.agosto a:hover,
#contenido ul.listado-meses li.agosto.activo a { background-position:-47.5em bottom;}
#contenido ul.listado-meses li.septiembre a { background-position:-54em 0;}
#contenido ul.listado-meses li.septiembre a:hover,
#contenido ul.listado-meses li.septiembre.activo a { background-position:-54em bottom;}
#contenido ul.listado-meses li.octubre a { background-position:-60.5em 0;}
#contenido ul.listado-meses li.octubre a:hover,
#contenido ul.listado-meses li.octubre.activo a { background-position:-60.5em bottom;}
#contenido ul.listado-meses li.noviembre a { background-position:-67.3em 0;}
#contenido ul.listado-meses li.noviembre a:hover,
#contenido ul.listado-meses li.noviembre.activo a { background-position:-67.3em bottom;}
#contenido ul.listado-meses li.diciembre { width:7%;}
#contenido ul.listado-meses li.diciembre a { background-position:-74em 0;}
#contenido ul.listado-meses li.diciembre a:hover,
#contenido ul.listado-meses li.diciembre.activo a { background-position:-74em bottom;}


#contenido ol.lista-eventos { margin:0; padding:0; list-style:none; float:left; clear:both; width:79.2em;}
#contenido ol.lista-eventos li {padding:0 1em 1.5em 1em; width:77.2em; float:left; margin:0; clear:both; border-top:2px solid #a22a52; }
#contenido ol.lista-eventos li:hover { background:#000;}
#contenido ol.lista-eventos li span.fecha { background:url(/box/img/bk.listado-fecha.gif) 0 0 repeat-x; display:block; padding:.2em 0 0 0; line-height:1.1em; text-align:center; font-weight:bold; float:left; width:1.7em; height:1.2em; color:#fff; font-size:4em;}
#contenido ol.lista-eventos li img { float:left; padding:.5em 1.5em;}
#contenido ol.lista-eventos li div { float:left; width:48em;}
#contenido ol.lista-eventos li div h1 { color:#e0336d; padding:1em 0 0 0; margin:0; font-size:1.2em; background:none}
#contenido ol.lista-eventos li div h2 { background:none; padding:.4em 0; color:#fff; text-transform:uppercase; font-size:3.4em; font-weight:bold; line-height:1em;}
#contenido ol.lista-eventos li div div.texto { width:100%; float:left; clear:both; color:#fff;}
#contenido ol.lista-eventos li div div.texto p { padding:.3em 0; margin:0; color:#fff;}
#contenido ol.lista-eventos li div div.texto p a {color:#fff; background:#e0336d; padding:0 .2em}
#contenido ol.lista-eventos li div div.texto p a:hover {  color:#000; text-decoration:none}