/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autor:          Ruben Manzano ruben.manzano@gmail.com                                                     *
 *      Hoja:           fichaActividades.css                                                                      *
 *      Descripcion:    ficha de actividades                                                                      * 
 *      Fecha:          06/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");




div.moduloExposicion{ clear: both; position: relative; top: -14px;}

div.imagenExposicion{ float: left; width: 152px;}

div.informacionExposicion{ float: right; width: 310px;}

div.moduloSocial{ float: right; width: 310px;}


div#colCentralContenidosInt div.moduloExposicion .imagenExposicion p{ height: 3.1em; border-bottom: 1px solid #e5e5e5; margin: 0;}

div#colCentralContenidosInt div.moduloExposicion .imagenExposicion p a:link{ display: block; font-size: 1em; background: url(../img/fnd-flechaPeqA5.png) no-repeat 11px 5px; padding: 0 10px 0 28px; color: #333; height: 3.1em;}
div#colCentralContenidosInt div.moduloExposicion .imagenExposicion p a:visited{ display: block; font-size: 1em; background: url(../img/fnd-flechaPeqA5.png) no-repeat 11px 5px; padding: 0 10px 0 28px; color: #333; height: 3.1em;}
div#colCentralContenidosInt div.moduloExposicion .imagenExposicion p a:hover{ display: block; font-size: 1em; background: url(../img/fnd-flechaPeqA5.png) no-repeat 11px 5px; padding: 0 10px 0 28px; color: #333; height: 3.1em; text-decoration: underline;}
div#colCentralContenidosInt div.moduloExposicion .imagenExposicion p a:active{ display: block; font-size: 1em; background: url(../img/fnd-flechaPeqA5.png) no-repeat 11px 5px; padding: 0 10px 0 28px; color: #333; height: 3.1em;}

div#colCentralContenidosInt div.moduloExposicion .imagenExposicion ul{ margin: 10px 0 0 0;}
div#colCentralContenidosInt div.moduloExposicion .imagenExposicion ul li{ font-size: 0.9em; color: #7f7f7f;}

div.informacionExposicion h3{ color: #000; font-size: 1.5em; padding: 10px 0 0 30px; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 16px; margin: 0; border-top: 1px solid #e5e5e5;}

div#colCentralContenidosInt div.informacionExposicion p.subtituloExposicion{ padding: 0 0 0 30px; font-size: 1.1em; color:#333; color: #7f7f7f;  margin: 2px 0 34px 0; border: none;}

div.informacionExposicion h4{ border-top: 1px solid #e5e5e5; font-size: 1.5em; padding: 14px 0 0 30px}

div#colCentralContenidosInt div.informacionExposicion p{ padding: 0 0 20px 30px; border-bottom: 1px solid #e5e5e5;}

div#colCentralContenidosInt div.informacionExposicion p a:link{ padding: 0 0 3px 15px; text-indent: 12px; border-bottom: 1px solid #e5e5e5; width: 212px; display: block; color: #333; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px;}
div#colCentralContenidosInt div.informacionExposicion p a:visited{ padding: 0 0 3px 15px; text-indent: 12px; border-bottom: 1px solid #e5e5e5; width: 212px; display: block; color: #333; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px;}
div#colCentralContenidosInt div.informacionExposicion p a:hover{ padding: 0 0 3px 15px; text-indent: 12px; border-bottom: 1px solid #000; width: 212px; display: block; color: #333; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px;}
div#colCentralContenidosInt div.informacionExposicion p a:active{ padding: 0 0 3px 15px; text-indent: 12px; border-bottom: 1px solid #e5e5e5; width: 212px; display: block; color: #333; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 5px;}

/* modulo social */

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

div.moduloSocial h4{ font-size: 1.2em; color: #333; padding: 12px 0 10px 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 17px; text-indent: 15px; clear: left; float: left;}

div.moduloSocial ul{ clear: both;}
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;}