/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autor:          Ruben Manzano ruben.manzano@gmail.com                                                     *
 *      Hoja:           calendario.css                                                                            *
 *      Descripcion:    calendario                                                                                *
 *      Fecha:          17/02/2009                                                                                *
 **************************************************************************************************************** */

/* reinicio de estilos */
@import url("reinicio.css");

/* navegacion persistente */
@import url("reticulaGeneral.css");

/* widgets */
@import url("widgets.css");

/* tipografia general */


/* tipografia general */

@import url("tipos.css");


/* tablas calendarios */

#tablasCalendarios{ padding: 12px 0 0 10px; border-bottom: 1px solid #e5e5e5;}

#tablasCalendarios #parrafoMesAnterior{ float: left; margin: 14px 0 0 0;}

#tablasCalendarios #parrafoMesSiguiente{ float: left; margin: 14px 0 0 0;}

div#tablasCalendarios table{ width: 193px; border-collapse: collapse; border-spacing: 0px; margin: 0 0 30px 0;}

	div#tablasCalendarios caption{ font-weight: bolder; color: #000; font-size: 1.1em;}
	
	div#tablasCalendarios thead{ background: #F4F1EA;}
		div#tablasCalendarios th{ width: 27px; height: 16px; text-align: center; margin: 0; padding: 0; font-size: 0.9em; color: #666;}
	
	div#tablasCalendarios tbody{ }
		div#tablasCalendarios tbody tr{}	
	div#tablasCalendarios td{ width: 27px; height: 18px; text-align: center; padding: 0; margin: 0; color: #666;}
		div#tablasCalendarios td a{ line-height:18px; height:100%; display:block; }

		div#tablasCalendarios td.diaVencido{ color: #999;}
			div#tablasCalendarios td.diaVencido a:link{ display:block; color: #999; background:#FFF; line-height:18px; height:100%;}
			div#tablasCalendarios td.diaVencido a:visited{ display:block; color: #666; background:#FFF; line-height:18px; height:100%;}
			div#tablasCalendarios td.diaVencido a:hover{  display:block; color:black; background:#F4F1EA; text-decoration:underline;}
			div#tablasCalendarios td.diaVencido a:active{  display:block; color:black; background:#F4F1EA; text-decoration:underline;}

		div#tablasCalendarios td.diaEvento a:link{ display:block; color:#333; background:#F4F1EA; line-height:18px; height:100%;}
		div#tablasCalendarios td.diaEvento a:visited{ display:block; color:#333; background:#F4F1EA;}
		div#tablasCalendarios td.diaEvento a:hover{ display:block; color:black; background:#FFF; text-decoration:underline;}
		div#tablasCalendarios td.diaEvento a:active{display:block; color:black; background:#FFF; text-decoration:underline;}

		div#tablasCalendarios td.diaActual { color: white; background: #000; line-height:18px; height:100%;}
			div#tablasCalendarios td.diaActual a:link{ color: white; background: #000; display:block;}
			div#tablasCalendarios td.diaActual a:visited{ color: white; background: #000; display:block;}
			div#tablasCalendarios td.diaActual a:hover{ display:block; color:black; background:#FFF; text-decoration:underline;}
			div#tablasCalendarios td.diaActual a:active{ display:block; color:black; background:#FFF; text-decoration:underline;}



div#tablasCalendarios table#calendarioIzquierda{ float: left; margin: 0 17px 0 0;}

div#tablasCalendarios table#calendarioDerecha{ float: left;}


/* resultados de busqueda */


div#colCentralContenidosInt h3{ padding: 10px 0 30px 0; background: url(../img/fnd-encabezadoCalendario.png) no-repeat 39px 15px; text-indent: 57px;}
	div#colCentralContenidosInt h3 span{ color: #999; font-size: 0.8em; }



ul.listadoCalendario{ clear: both; padding: 0 0 0 53px; overflow: hidden; border-top: 1px solid #e5e5e5;}

ul.listadoCalendario li{ height: 7.1em; width: 409px; margin: 0; background: #fff; border-bottom: 1px solid #e7e5da;}
	ul.listadoCalendario li a:link{ font-size: 1.5em; color: #000;height: 4.1em; display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; text-transform: uppercase;}
	ul.listadoCalendario li a:visited{ font-size: 1.5em; color: #000;height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; text-transform: uppercase;}
	ul.listadoCalendario li a:hover{ font-size: 1.5em; color: #000; height: 4.1em; display: block; padding: 10px 0 0 44px; background: #E7E5DA url(../img/fnd-flecha90H.png) no-repeat scroll 23px 14px; text-transform: uppercase;}
	ul.listadoCalendario li a:active{ font-size: 1.5em; color: #000; height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; text-transform: uppercase;}
	
	ul.listadoCalendario li a span{ font-size:0.75em; color:#3B393A; width: 461px; color: #666; text-transform:lowercase;}


/* Nuevo listado para las Actividades del Calendario, para que salgan en Minusculas */

ul.listadoCalendarioNoMayuscula{ clear: both; padding: 0 0 0 53px; overflow: hidden; border-top: 1px solid #e5e5e5;}

ul.listadoCalendarioNoMayuscula li{ height: 7.1em; width: 409px; margin: 0; background: #fff; border-bottom: 1px solid #e7e5da;}
	ul.listadoCalendarioNoMayuscula li a:link{ font-size: 1.5em; color: #000;height: 4.1em; display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; }
	ul.listadoCalendarioNoMayuscula li a:visited{ font-size: 1.5em; color: #000;height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; }
	ul.listadoCalendarioNoMayuscula li a:hover{ font-size: 1.5em; color: #000; height: 4.1em; display: block; padding: 10px 0 0 44px; background: #E7E5DA url(../img/fnd-flecha90H.png) no-repeat scroll 23px 14px; }
	ul.listadoCalendarioNoMayuscula li a:active{ font-size: 1.5em; color: #000; height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-flecha90.png) transparent no-repeat 23px 14px; }

	ul.listadoCalendarioNoMayuscula li a span{ font-size:0.75em; color:#3B393A; width: 461px; color: #666; text-transform:lowercase;}