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

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

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

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

/* tipografia general */

@import url("tipos.css");


/* #CABECERA #*/

div#colCentral div#colCentralCabeceraInt{ height: 73px;}
/*div#colCentral div#colCentralCabeceraInt ul#migas{}*/

div#colDerechaCabecera{ padding:47px 0 0;}

/* formulario de busqueda */

	/* general */
	
	div#colCentralContenidosInt form{ background: #e7e5da; padding: 20px 16px 30px 16px; margin: 0 0 30px 0; }
	
	div#colCentralContenidosInt form fieldset{ margin: auto; margin: 0 0 30px 0; text-align: center;}
	
	/* caja de búsqueda */
	
	div#colCentralContenidosInt form fieldset#cajaBusqueda{ /*text-align: center; margin: auto; margin: 0 0 30px 0;*/}
	
	div#colCentralContenidosInt form fieldset#cajaBusqueda label{ display: block; text-indent: -9999px;}
	
	div#colCentralContenidosInt form fieldset#cajaBusqueda input{ width: 350px; font-size: 1.4em; padding: 5px 5px;}
	
	/* checks */
	
	div#colCentralContenidosInt form fieldset#checks{ margin: 0 0 30px 0; text-align: center; width: 500px; overflow: hidden; position: relative; left: 6px;}
	
	div#colCentralContenidosInt form fieldset#checks ul{ width: 100%; overflow: hidden; position: relative; 3px;}
	
	div#colCentralContenidosInt form fieldset#checks ul li{ float: left; display: block; text-align: left; line-height: 18px; margin-left: 0; overflow: hidden;}
	
	div#colCentralContenidosInt form fieldset#checks label{ font-size:  1.2em; float: right; width: 106px; padding: 0 0 0 5px;}
	div#colCentralContenidosInt form fieldset#checks input{ clear: left; float: left;}
	
	/* campos desplegables */
	
	div#colCentralContenidosInt form fieldset#camposDesplegables{ width: 100%; position: relative; left: 6px;}

	div#colCentralContenidosInt form fieldset#camposDesplegables div#grupoColeccion{ float: left; width: 50%; position: relative; left: -1px;}
	div#colCentralContenidosInt form fieldset#camposDesplegables label#labelColeccion{ float: left; color: #000; font-size: 1.1em; margin: 0 0 5px 0; text-indent: 7px;}
	div#colCentralContenidosInt form fieldset#camposDesplegables select#coleccion{ width: 200px; float: left; clear: both; height: 23px; font-size: 1.2em;}
	
	div#colCentralContenidosInt form fieldset#camposDesplegables div#grupoSiglos{ float: left; width: 50%; position: relative; left: 2px;}
	div#colCentralContenidosInt form fieldset#camposDesplegables label#labelSiglos{ float: left; color: #000; font-size: 1.1em; margin: 0 0 5px 0; text-indent: 7px;}
	div#colCentralContenidosInt form fieldset#camposDesplegables select#siglos{ width: 200px; float: left; clear: both; height: 23px; font-size: 1.2em;}
	
	/* boton enviar */
	
	div#colCentralContenidosInt form fieldset#botonEnviar{ text-align: right;}
		div#colCentralContenidosInt form fieldset#botonEnviar input{ font-size:1.2em; height:27px; left:-9px; position:relative; width:140px;}

/* 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: 9.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: lowercase; overflow: hidden;}
	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: lowercase;}
	ul.listadoCalendario li a:hover{ font-size: 1.5em; color: #000; height: 6.1em; display: block; padding: 10px 0 0 44px; background: #E7E5DA url(../img/fnd-flecha90H.png) no-repeat scroll 23px 14px; text-transform: lowercase;}
	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: lowercase;}
	
	ul.listadoCalendario li a span{ font-size:0.75em; color:#3B393A; width: 461px; color: #666;}
	
/* bloque de estadísticas */

	h3{ clear: both;}

div#colCentralContenidosInt div#estadisticasBusqueda h3{ background: none; text-indent: 0; font-size: 1.2em; border-bottom: 1px solid #e7e5da; margin:0 0 30px 0; }

	div#colCentralContenidosInt div#estadisticasBusqueda{ font-size: 1.1em; margin: 0 30px 0 0;}

	div#colCentralContenidosInt div#estadisticasBusqueda dl{ color: #666;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dt{ float: left; clear: left; line-height: 18px; width: 7.8em;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd{ line-height: 18px;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd li{ display: inline; margin: 0; line-height: 18px;}
		div#colCentralContenidosInt div#estadisticasBusqueda dl dd li strong{ color: #000; font-weight: bolder; line-height: 18px;}
		
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a:link{ color: #666;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a:visited{ color: #666;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a:hover{ color: #000; text-decoration: underline;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a:active{ color: #666;}
	
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a.paginaActual:link{ color: #000; font-weight: bold;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a.paginaActual:visited{ color: #000; font-weight: bold;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a.paginaActual:hover{ color: #000; text-decoration: underline; font-weight: bold;}
	div#colCentralContenidosInt div#estadisticasBusqueda dl dd a.paginaActual:active{ color: #000; font-weight: bold;}