/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autor:          Ruben Manzano ruben.manzano@gmail.com                                                     *
 *      Hoja:           baseHome.css                                                                              *
 *      Descripcion:    base de importacion                                                                       * 
 *      Fecha:          16/01/2009                                                                                *
 **************************************************************************************************************** */

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

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

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

@import url("actividades.css");

/* tipografia general */

@import url("tipos.css");

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

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

#englobe_carusel {border-top:1px solid #E7E5DA; margin:22px 0 30px 0; padding:0;}
#home_collection_gallery{ background-color: #000; height: auto; position: relative; width: 48.1em; top: 0px; left:19px; padding:0;}
	#home_collection_gallery p.collection{ background: transparent url(../img/carruselHome/arrow_down.gif) no-repeat left center; color: #7a7973; font-size: 1.5em; left: 0; margin: 0.9em 0 0 0.5em; padding-left: 1.5em; position: absolute; top: 0; z-index:2;}

	#home_collection_gallery ul.carousel{ padding:0; }
		#home_collection_gallery ul.carousel li{ padding:0; width:481px; overflow:hidden; margin:0; }

	#home_collection_gallery div#paginator{ background: transparent url(../img/carruselHome/bg_paginator.png) repeat left top; border: 0.1em solid #FFF; bottom: -1px; height: 3.8em; right: -1px; position: absolute; width: 24.5em;}
		#home_collection_gallery div#paginator.off{ width: 20.4em;}
		#home_collection_gallery div#paginator p, #home_collection_gallery div#paginator a{ color: #FFF; cursor:pointer; float: left; font-size: 1.1em; line-height: 3.6em; padding: 0 1em; width: 12.9em;}
			#home_collection_gallery div#paginator p.ver:hover { background-image:url(../img/carruselHome/px_white.png);}
		#home_collection_gallery div#paginator ul{ overflow: hidden;}
			#home_collection_gallery div#paginator ul li{ float: left; margin:0;}
				#home_collection_gallery div#paginator ul li p{ border-left: 0.1em solid #FFF; color: #FFF; font-size: 1.1em; padding: 1em; text-transform: uppercase;}
					#home_collection_gallery div#paginator ul li:hover { background-image:url(../img/carruselHome/px_white.png);}
				#home_collection_gallery div#paginator ul li p.before{ background: transparent url(../img/carruselHome/arrow_left.gif) no-repeat 1em center; height: 15px; text-indent: -9999em; width: 17px;}
				#home_collection_gallery div#paginator ul li p.after{ background: transparent url(../img/carruselHome/arrow_right.gif) no-repeat 1em center; height: 15px; text-indent: -9999em; width: 17px;}

#home_collection_gallery.js { height:274px; overflow:hidden; width:481px;}
	#home_collection_gallery ul.carousel {width:3848px; float:left; overflow:hidden;}
	#home_collection_gallery.js ul.carousel li { float:left; position:relative; width:481px; padding:0;}
		#home_collection_gallery.js ul.carousel li img{ display: block;}
		#home_collection_gallery.js ul.carousel li img.top{ display: block; position:absolute;}
		#home_collection_gallery.js ul.carousel li a { display:block; overflow:hidden; width:481px;}

/* =============================== */
/* = NUEVO MÓDULO DE ACTIVIDADES = */
/* ============================== */

div.tituloProximasActividades { height:48px;}
          #nextActividades { clear:both; float:none; width:462px;}
                    #nextActividades li { margin:0; border-bottom:1px solid white; background:#e7e5d9; overflow:hidden; padding:0; height:auto;}
                              #nextActividades li img { float:left;}
                              #nextActividades li strong { background:transparent url("../img/arrow_back_newxtExposiciones.png") no-repeat 0 0; font-weight:normal; margin:0 0 0 152px; color:#000000; display:block; font-size:1.4em; height:61px; padding:13px 0 0 29px;}
                                                  #nextActividades li strong small { color:#84817a; display:block; font-size:11px;}

                              #nextActividades li a { overflow:hidden; padding:0;}

                              #nextActividades li a:link strong span,
                              #nextActividades li a:visited strong span { color:#030000; text-decoration:none;}
                              #nextActividades li a:hover strong span,
                              #nextActividades li a:active strong span { color:#030000; text-decoration:underline;}

                              #nextActividades li a:link strong small,
                              #nextActividades li a:visited strong small { color:#84817a; text-decoration:none;}
                              #nextActividades li a:hover strong small,
                              #nextActividades li a:active strong small { color:#84817a; text-decoration:none;}

                              #nextActividades li a:link strong span.type,
                              #nextActividades li a:visited strong span.type { color:#FFF; text-decoration:none; font-size:0.7em; display:block; float:left; padding:0 0.4em; margin:0.5em 0 0 0; background:#333;}
                              #nextActividades li a:hover strong span.type,
                              #nextActividades li a:active strong span.type { color:#FFF; text-decoration:none; font-size:0.7em;  display:block; float:left; padding:0 0.4em; margin:0.5em 0 0 0; background:#333;}
			
                              span.type { color:#FFF; text-decoration:none; font-size:0.7em; display:block; float:left; padding:0 0.4em; margin:0.5em 0 0 0; background:#333;}
		
		
/* ============================ */
/* NUEVOS estilos los menús y
 * los widgets de la derecha = */
/* ============================ */

div.moduloActividadTitulo p { width:278px;}
ul.listadoActividades li small { font-size:1.1em; color:#7F7F7F; display:block; padding:5px 0 5px 30px;}
	ul.listadoActividades li a:link{ color:#333333;}
	ul.listadoActividades li a:visited{ color: #333333;}
	ul.listadoActividades li a:hover{ color: #333333;}
	ul.listadoActividades li a:active{ color:#333333; }



ul#menuNav li.active { width:228px; border-left:1px solid #E7E5DA; border-right:1px solid #E7E5DA;}
ul#menuNav li.active li { width:228px;}

#colDerechaContenidos div { border-left:1px solid #E7E5DA; border-right:1px solid #E7E5DA; border-bottom:1px solid #E7E5DA; margin-bottom:20px;}
div#colDerechaContenidos h3 { margin:0; padding:2px 0 20px 30px;}
div#colDerechaContenidos .widgetPublicaciones h3, div#colDerechaContenidos .widgetProductos h3 { background-color:#7F7F7F; background-image:url(../img/cruzGris.png); margin:0 0 20px 0; padding:2px 0 0px 30px;}
/*div#colDerechaContenidos div.widgetProductos { margin-bottom:0; }*/
div.widgetProductos img { margin:10px 30px;}

/*div#colDerechaContenidos div.last { margin-bottom:0;}*/
div#colDerechaContenidos div.widgetProductos ul { margin:0 30px;}
div#colDerechaContenidos ul ul li.txt1Widget, div#colDerechaContenidos ul ul li.txt2Widget { padding:0 10px 0 30px;}
div#colDerechaContenidos h4 { line-height:1.5em; height:auto; padding:2px 0 2px 30px;}
a.ampliarInfo:link,a.ampliarInfo:visited, a.ampliarInfo:hover,a.ampliarInfo:active { border-top:none;}
div#colDerechaContenidos div.widgetProductos { border-color:#7F7F7F;}