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

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

/* reticula especial para las paginas sni columna derecha */
@import url("reticulaGeneral.css");

/* tipografia general */
@import url("tipos.css");

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


/* reticula 
div.fichaObraColIzquierda{ float: left; width: 223px;}
div.fichaObraColDerecha{ float: right; width: 222px; margin: 0 0 0 17px}
*/

/* contenidos zoom */
	/* lista de encabezado de zoom */
	
	div#colCentralContenidosInt div#foto_ficha {float: left;}
	
	div#colCentralContenidosInt a.botonObraZoom:link{ display: block; height: 43px; width: 223px;position: relative; top: -1px; background: url(../img/botonZoomImagen.png) no-repeat 0 -45px; color: #151419}
	div#colCentralContenidosInt a.botonObraZoom:visited{ display: block; height: 43px; width: 223px; position: relative;top: -1px; background: url(../img/botonZoomImagen.png) no-repeat 0 -45px; color: #151419}
	div#colCentralContenidosInt a.botonObraZoom:hover{ display: block; height: 43px; width: 223px; position: relative; top: -1px; background: url(../img/botonZoomImagen.png) no-repeat 0 0px; color: #fff;}
	div#colCentralContenidosInt a.botonObraZoom:active{ display: block; height: 43px; width: 223px; position: relative; top: -1px; background: url(../img/botonZoomImagen.png) no-repeat 0 0px; color: #151419}
	
	div#colCentralContenidosInt a span.pieCopy{ background: transparent; display:block; font-size: 0.9em; height:29px; padding:1px 0 0 50px;}


	
	/* lista de datos de autor */
		dl.datosAutor{ margin:0 0 5px; width:223px;overflow:hidden;}
		
		dl.datosAutor dt{ display:none; margin: 0; }
				
			dl.datosAutor dd{ font-size: 1.5em; margin: 0;}
				dl.datosAutor dd a:link{ border-bottom: 1px solid #e5e5e5; color:#333;}
 				dl.datosAutor dd a:visited{ border-bottom: 1px solid #e5e5e5; color: #333;}
				dl.datosAutor dd a:hover{ border-bottom: 1px solid #000; color: #333;}
				dl.datosAutor dd a:active{ border-bottom: 1px solid #000; color: #333;}
				
	/* lista de datos de la obra */	
	dl.datosObra{ margin:0 0 30px; padding:0 50% 0 0;}
		dl.datosObra dt{ display:none;}
		dl.datosObra dd{ color: #7f7f7f; font-size: 1.1em; margin: 0;}

		dl.datosObra dd.dd_tecnica { float:left; clear:left; padding:0 3px 0 0;}
		dl.datosObra dd.dd_medidas  { float:left;}
		dl.datosObra dd.dd_ubicacion {clear:left;}

/* modulo social */

div#colCentralContenidosInt div.fichaObraColDerecha p{ height: 60px; border-bottom: 1px solid #e5e5e5; padding: 73px 0 0 0;}
	div#colCentralContenidosInt div.fichaObraColDerecha p strong{ font-weight: normal;}
	div#colCentralContenidosInt div.fichaObraColDerecha p a:link{ display: block; color: #7f7f7f; font-size: 0.9em;}
	div#colCentralContenidosInt div.fichaObraColDerecha p a:visited{ display: block; color: #7f7f7f; font-size: 0.9em;}
	div#colCentralContenidosInt div.fichaObraColDerecha p a:hover{ display: block; color: #000; font-size: 0.9em; text-decoration: underline;}
	div#colCentralContenidosInt div.fichaObraColDerecha p a:active{ display: block; color: #000; font-size: 0.9em;}

div.moduloSocial{ margin: 0; float: right; width: 222px;/*position: relative; top: 162px; */padding: 13px 0 0 0; border-top: 1px solid #e7e5da;}


	div.moduloSocial ul.moduloSocialHerramientas li{ float: none;}
	
		div.moduloSocial ul.moduloSocialHerramientas li a:link{ font-size: 1.2em; color: #333; padding: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 4px; padding: 0 0 0 15px;}
		div.moduloSocial ul.moduloSocialHerramientas li a:visited{ font-size: 1.2em; color: #333; padding: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 4px; padding: 0 0 0 15px;}
		div.moduloSocial ul.moduloSocialHerramientas li a:hover{ font-size: 1.2em; color: #333; padding: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 4px; padding: 0 0 0 15px; text-decoration: underline}
		div.moduloSocial ul.moduloSocialHerramientas li a:active{ font-size: 1.2em; color: #333; padding: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 4px; padding: 0 0 0 15px;}

div.moduloSocial ul{ clear: both; padding: 10px 0 0 0;}
div.moduloSocial ul li{ float: left; margin: 0 6px 0 0;}

div.moduloSocial ul#redesSociales {float:left;display:inline;padding:0;margin:20px 0 35px;border:1px solid #e5e5e5;border-right:0;}
	div.moduloSocial ul#redesSociales li {margin:0;border-right:1px solid #e5e5e5;}
		div.moduloSocial ul#redesSociales .addthis_button_facebook span {background:url(/img/ico_facebook.gif) no-repeat 17px 18px;padding:18px 17px 17px;}
		div.moduloSocial ul#redesSociales .addthis_button_twitter span {background:url(/img/ico_twitter.gif) no-repeat 17px 18px;padding:18px 17px 17px;}
		div.moduloSocial ul#redesSociales .addthis_button_email span {background:url(/img/ico_mail.gif) no-repeat 16px 18px;padding:18px 17px 17px;}
			div.moduloSocial ul#redesSociales .at15t_facebook:hover {opacity:1;}
			div.moduloSocial ul#redesSociales .at15t_twitter:hover  {opacity:1;}
			div.moduloSocial ul#redesSociales .at15t_email:hover {opacity:1;}

div.moduloSocial ul.mediaValoracion li{ margin: 0 1px 0 0;}
div.moduloSocial ul.mediaValoracion li a{ display: inline-block;}


div.moduloSocial ul.valorar li{ margin: 0 1px 0 0;}

ul  li.textoValoracion{ color: #7f7f7f; font-size: 1.2em; padding: 0 0 0 6px;}

/* ficha obra contenidos */

div#fichaObraContenidos{ padding: 30px 0 0 0; clear:both; margin-top:0;}

div#fichaObraContenidos p{ padding: 10px 0 0 0;}


	div#fichaObraContenidos h3{ border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; /*margin: 20px 0 0 0;*/ position: relative; top: 30px; clear: both;}

	div#fichaObraContenidos h3 a:link{ font-size: 1em; color: #000;height: 4.1em; display: block; padding: 10px 0 0 44px; background: url(../img/fnd-abiertaListaAZ.png) transparent no-repeat 23px 14px;}
	div#fichaObraContenidos h3 a:visited{ font-size: 1em; color: #000;height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-abiertaListaAZ.png) transparent no-repeat 23px 14px;}
	div#fichaObraContenidos h3 a:hover{ font-size: 1em; color: #000; height: 4.1em; display: block; padding: 10px 0 0 44px; background: #E7E5DA url(../img/fnd-colapsadaListaAZH.png) no-repeat scroll 23px 14px;}
	div#fichaObraContenidos h3 a:active{ font-size: 1em; color: #000; height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-abiertaListaAZ.png) transparent no-repeat 23px 14px;}

	div#fichaObraContenidos h3.closed a:link{ font-size: 1em; color: #000;height: 4.1em; display: block; padding: 10px 0 0 44px; background: url(../img/fnd-expandirListaAZ.png) transparent no-repeat 23px 14px;}
	div#fichaObraContenidos h3.closed a:visited{ font-size: 1em; color: #000;height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-expandirListaAZ.png) transparent no-repeat 23px 14px;}
	div#fichaObraContenidos h3.closed a:hover{ font-size: 1em; color: #000; height: 4.1em; display: block; padding: 10px 0 0 44px; background: #E7E5DA url(../img/fnd-expandirListaAZH.png) no-repeat scroll 23px 14px;}
	div#fichaObraContenidos h3.closed a:active{ font-size: 1em; color: #000; height: 4.1em;display: block; padding: 10px 0 0 44px; background: url(../img/fnd-expandirListaAZ.png) transparent no-repeat 23px 14px;}
	
	div#fichaObraContenidos h3 span{ display: block; font-size: 0.9em; color: #7f7f7f;}


				
/* para el div openclosed */

div.openclosed{ margin: 30px 0 0 0;}

/* problema de las migas que se separan de la caja

div#colCentral{ position: relative; top: -14px;}
 */

div#colDerechaCabecera {
padding:63px 0 0;
}
	
	
/* añandido para modificar el tamaño de texto en coleccion Carmen */

h2.carmen{ font-size: 3em;}	

/* problemas cabecera */
html div#contenidos div#colCentral div#colCentralCabceraInt{ margin-top: -14px; }


/* Estilos para los enlaces a los autores dentro de las descripciones de Biografias y Obras
*/
 a:link.underline{text-decoration: underline; font-size: 1em; color: #000;}
 a:visited.underline{text-decoration: underline; font-size: 1em; color: #000;}
 a:hover.underline{text-decoration: underline; font-size: 1em; color: #000;}