/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autores:        Ruben Manzano ruben.manzano@gmail.com													  *
 * 						Jorge Soriano correo@mrsoriano.com                                                        *
 *      Hoja:           comun.css                                                                                  *
 *      Descripcion:    estilos especificos para el site                                                          * 
 *      Fecha:          04/06/2009                                                                                *
 **************************************************************************************************************** */



/* IMPORTAMOS ESTILOS */
@import "reset.css";

/* EMPEZAMOS CON LOS ESTILOS COMUNES */

body {	font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #545657; padding-bottom:3em;}

a, a:link, a:visited, a:hover, a:active { color:#545657; text-decoration:none;}

.oculto { display:none;}


/*****************************
	CONTENEDOR GLOBAL 
******************************/

#page { margin: 0 auto; width: 99em; height: 30em;}


/******************************
		CABECERA
******************************/

#header { width: auto; height: 8.9em; border: none;}
	#header h1#logo_solo { background: url(../templates/images/logo.jpg) top left no-repeat; width: 14.8em; height: 6.4em; float: left; display: inline-block; margin: 2.5em 0 0 1.5em; cursor: pointer; text-indent: -9999px; }
		#header h1#logo_solo a{ width: 14.3em; height: 6.4em; display: block;}
		
	#header #logo_museo {float: right; width: 13.5em; margin: 8.5em 1.7em 0 0;}
		#header #logo_museo a{position:absolute; background: url(../templates/images/logo_museo_azul.jpg) top left no-repeat; width: 13.5em; height: 5.5em; cursor: pointer; text-indent: -9999px;}
		
	#header #logo_caja {float: right; width: 6em; margin: 8.5em 3.3em 0 0;}
		#header #logo_caja a{position:absolute; background: url(../templates/images/logo_caja_azul.jpg) top left no-repeat; width: 6em; height: 5.5em; cursor: pointer; text-indent: -9999px;}

	#header #banderola {float:right; width: 8.1em; height: 100%;}
		#header #banderola p {background: url(../templates/images/banderola_20anos.jpg) top left no-repeat; width: 6em; height: 18.5em; margin:0; text-indent: -9999px; position:absolute; }	

#page_body #page_content img.header { margin:0 0 14px 0;}

/*******************************
		CUERPO DE LA PÁGINA
********************************/

#page_body { padding: 0 1.5em; overflow:hidden;}

/*******************************
		BLOQUE IZQUIERDO
********************************/

#left_block {width: 21.1em; border-top: 0.1em solid #E5E8E6; margin: 3.5em 0 0 0; float: left;}
			#left_block form{ color:#4E4E4E; height:5.9em; }
				#left_block form fieldset{margin: 0 0 1.1em 0; padding:1.3em 0 0 0;}
					#left_block label{font-size: 1.1em; padding:0 0 0.4em 0; display:block;}
					#left_block input.buscar{ font-size:1.2em; border: 0.1em solid #888; width: 12.6em; height: 1.58em; float: left; display: inline; }
					#left_block input#submit_buscar_thyssen {border: none; margin: 0.2em 0 0 0.3em; float: left; display: block; cursor: pointer; }

			#left_block p.e_link{background-color: #f5f6f6; border-top: 0.1em solid #E5E8E6; border-bottom: 0.1em solid #E5E8E6; margin-bottom: -1px; font-size:1.1em; line-height:2em;}
			#left_block p.e_link a{ color:#4e4e4e;}

#left_favoritos { margin:2em 0 -2em 0; }
#left_favoritos li { background-color: #f5f6f6; border-top: 0.1em solid #E5E8E6; border-bottom: 0.1em solid #E5E8E6; margin-bottom: -1px; font-size:1.1em; line-height:2em;}
#left_favoritos li a:link { padding-left:1em; padding:0.5em 0 0.5em 1em;}
#left_favoritos li a:visited { padding-left:1em; padding:0.5em 0 0.5em 1em;}
#left_favoritos li a:hover { padding-left:1em; padding:0.5em 0 0.5em 1em; text-decoration:underline;}
#left_favoritos li a:active { padding-left:1em; padding:0.5em 0 0.5em 1em;}

#menu-navegacion {padding: 5.4em 0 0 0; }

	#menu-navegacion { list-style:none;}

	#menu-navegacion li.raiz { border-bottom:0.1em solid #E5E8E6; color:#7F95A5; font-size:1.1em; font-weight:bold; line-height:2.4em; list-style-type:none;}
		#menu-navegacion li.raiz_activa { color:#7F95A5; font-size:1.1em; font-weight:bold; line-height:2.4em; list-style-type:none;}
			#menu-navegacion li.raiz_activa a { display:block; line-height:1.1em; padding-top:0.6em;} 
			#menu-navegacion li.raiz_activa ul { border-top:0.1em solid #888; padding:0.8em 0 1em 0; font-size:1em; }
			#menu-navegacion li.raiz_activa li { font-weight:normal; line-height:1.75em;}
				#menu-navegacion li.raiz_activa li a {display:inline;} 
				#menu-navegacion li.raiz_activa li ul { border:none; padding-left:2.2em;}
					#menu-navegacion li.raiz_activa li ul li { border:none; line-height:1em;}
					#menu-navegacion li.raiz_activa li ul li a { background:transparent url(../images/sub_level_li.jpg) no-repeat scroll left 5px; padding-left:0.8em; padding-top:0; padding-bottom:0.6em; display:inline-block;}
				
				

		#menu-navegacion li a { text-decoration:none; color:#4c4c4c; }
			#menu-navegacion li a:link{ color: #4c4c4c; }
			#menu-navegacion li a:visited{ color: #4c4c4c; }
			#menu-navegacion li a:hover{ color: #7f95a5;}
			#menu-navegacion li a:active{ color: #4c4c4c; }

#menu_segundo { padding-top:11.7em;}
	#menu_segundo li{ text-indent:1.1em; font-size:1.1em; line-height:1.7em; background-image: url(../templates/images/vinhetaSecundario.png); background-position: left center; background-repeat: no-repeat; }
		#menu_segundo li a:link { text-decoration:none;}
		#menu_segundo li a:visited { text-decoration:none;}
		#menu_segundo li a:hover { text-decoration:underline;}
		#menu_segundo li a:active { text-decoration:none;}

/*****************************
		BLOQUE DERECHO
*****************************/

#right_block {float:left; padding:12.1em 0 0 2.2em;width:72.7em; overflow:hidden;}

/*-----  RASTRO DE MIGAS ------------*/
ul.navigation_path { font-size:1.1em; margin-bottom:1.4em; overflow:hidden;}
	ul.navigation_path li {	float:left; overflow:hidden;margin-right:0.5em;	color:#000; padding-right:0.7em; background: url(../templates/images/back-migas.gif) no-repeat right bottom; height:1.1em; width: auto;}
		ul.navigation_path li a:link {color:#545657; text-decoration:none; display:block;}
		ul.navigation_path li a:visited {color:#545657; text-decoration:none; display:block;}
		ul.navigation_path li a:hover {color:#545657; text-decoration:underline; display:block;}
		ul.navigation_path li a:active {color:#545657; text-decoration:none; display:block;}
	ul.navigation_path li.last {background: none;}

h2 { font-size:2.4em; color:#01ADB3; font-weight:normal; /*margin-bottom:0.9em;*/ clear:left;}

#page_content { overflow:hidden;}

#contenidos_destacados { width: 21em; margin-left:1.7em; background-color:#F3F3F3; float:left; padding: 0 1em 2em 1em; overflow:hidden;}
#contenidos_destacados h3 { color:#545657; font-size:1.9em; line-height:2.1em; font-weight:normal; padding:0.52em 0;}
#contenidos_destacados h4 { color:#545657; font-size:1.3em; line-height:2.1em; font-weight:bold; padding:0; line-height:1em; margin-bottom:1em;}

#contenidos_destacados p, #contenidos_destacados dl {font-size:1.3em; padding:0 0 0.8em 0; line-height:1.3em;}
#contenidos_destacados dt { color:#666; font-size:0.9em;}
#contenidos_destacados dd { margin-bottom:1em;}

	#contenidos_destacados dd h4 { font-size:1em;font-weight:normal;}


#contenidos_destacados img { width:21em;}
#contenidos_destacados ul { padding-bottom:1em;}
#contenidos_destacados li { font-size:1.3em;line-height:1.3em; padding-bottom:0.5em;}
#contenidos_destacados li img { width:16.15em;}

	#contenidos_destacados a:link{ text-decoration:underline;}
	#contenidos_destacados a:visited{text-decoration:none;}
	#contenidos_destacados a:hover{ text-decoration:underline; color: #000;}
	#contenidos_destacados a:active{text-decoration:none;}



/*-----  DESTACADOS ------------

	#contenidos_destacados a:link{}
	#contenidos_destacados a:visited{}
	#contenidos_destacados a:hover{ text-decoration:underline;}
	#contenidos_destacados a:active{}
	
	#contenidos_destacados p {font-size:1.3em; margin-bottom:1em; padding:0 0.8em; line-height:1.3em;}
	#contenidos_destacados img { display:block; text-align:center;width:19em;}
	#contenidos_destacados ul  { }*/
		
/*****************************
		FOOTER
*****************************/
ul.footer { font-size:1em; clear:both; overflow:hidden; border-top:0.1em solid #E5E8E6; padding-top:2.6em; margin:3.2em 0 0 0;}
ul.footer li { float:left; overflow:hidden; border-left:0.1em solid #545657; padding:0 0.5em; margin-bottom:0.7em; line-height:1.2em; width: auto;}
	.footer li a:link { color:#545657; font-size:1.1em;}
	.footer li a:visited { color:#545657; font-size:1.1em;}
	.footer li a:hover { color:#545657; text-decoration:underline; font-size:1.1em;}
	.footer li a:active { color:#545657; font-size:1.1em;}
	
ul.pieSinBorde{ border-top: none; padding-top: 0px;}
	span.copyPie{ font-size: 1.1em;}

	

/*------- MENSAJES DE ESTADO ------------*/

p.mensajeEstado{margin: 20px 0 0 0;}


/*-------- LIBRO DE VISITA --------------*/


h3#encabezadoLibroFirmas{ margin: 30px 0 0 0; font-size: 1.4em;} 


ul#firmasLibro{ margin: 30px 0 15px 0; width: 480px;}

		
		ul#firmasLibro li ul{ clear: both; margin: 0 0 8px 0;}
		
		ul#firmasLibro li ul li.libroVisitaNombre{ font-size: 1.2em; font-weight: bolder; margin: 15px 0 0 0; width: 110px; float: none;}
		ul#firmasLibro li ul li.libroVisitaFecha{ float: left; width: 110px;}
		ul#firmasLibro li ul li.libroVisitaMensaje{ float: right; width: 353px; padding: 0 15px 0 15px; position: relative; top: -22px; font-size: 1.2em;} 
		
		
ul#paginacionLibro{ width: 480px; text-align: right;}

	ul#paginacionLibro li{ margin: 0 0 0 10px; float: left; overflow: hidden; text-align: center; height: 3em; width: 8em;}
	
	/*ul#paginacionLibro ul li a span{ display: none; height: 2em; width: 3em;}*/
		ul#paginacionLibro li a:link{ font-size: 1.2em; background: lime; display: block; text-align: center; padding: 2px;}
		ul#paginacionLibro li a:visited{ font-size: 1.2em; background: lime; display: block; text-align: center; padding: 2px;}
		ul#paginacionLibro li a:hover{ font-size: 1.2em; background: lime; display: block; text-align: center; padding: 2px;}
		ul#paginacionLibro li a:active{ font-size: 1.2em; background: lime; display: block; text-align: center; padding: 2px;}



/* contenidos destacados*/


#contenidos_destacados small { font-size:1.1em; font-style:italic; padding:3px 0; border: 1px solid white; border-right:none; border-left:none; margin:10px 0; display:block;}