/*-----------------------------------------------------------------------------
Estilos para todos los navegadores excepto IE6, IE7 etc...

version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/
body 
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	line-height:150%;
	text-align:left;
}

a
{
	color:#666666;
	font-family:"Times New Roman",Times,serif;
	font-size:120%;
	font-weight:normal;
	text-decoration:none;
}

a:hover
{
	color:#C00;
	text-decoration:underline;
}

ul li
{
	list-style-type:none;
}

h1, h2, h3, h4, h5 
{
	font-family:Arial,Helvetica,sans-serif;
}

h1
{
	color:#CC0000;
	font-size:140%;
	margin:0px;
	margin-bottom:8px;
	margin-top:15px;
}

h1:first-letter 
{
	font-size: 150%!important;
	font-weight: bold;
}
h2
{
	font-size:200%;
	letter-spacing:-0.05em;
	margin:0;
	margin:4px 0 15px;
}

h2:first-letter
{
	font-size: 30px;
}

h3
{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	line-height:150%;
}

h4, h4 a
{
	color:#CC0000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

h4 a:hover
{
	color:#000000;
}

h5, h5 a
{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
}

hr
{
	clear:both;
	background-color:#000000;
	border:medium none;
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
}

p
{
	padding-top:5px;
	padding-bottom:10px;
}

a.enlaceEspecial
{
	color:#AF1111;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	display:block;
	white-space:normal;
}

a.enlaceEspecialSecundario
{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:110%;
	font-weight:bold;
	display:block;
}

.invisible
{
	display:none;
	background-color:Red;
}

.invisible *
{
	display:none;
}
/* = (PáginaMaestra.Master)
-----------------------------------------------------------------------------*/


#web
{
	width:971px;
	margin:auto;
}

	#contenedorPrincipal
	{
		width:801px;
		float:left;
	}

		#banner
		{
			width:801px;
			height:65px;
			display:block;
		}
		
		#logo
		{
			width:801px;
			height:139px;
			background:url(/IMG/LogoSpendin.jpg);
			border: 0px;
			display:block;
		}
		
		#menuSuperior
		{
			width:801px;
			height:19px;
			text-align:center;
			background-color:#9D999A;
		}
			#menuSuperior ul
			{
				margin:0 auto;
				width:520px;
				height:100%;
				padding-top:2px;
			}
				#menuSuperior ul li
				{
					float:left;
					margin:0px;
					margin-left:15px;
				}
				#menuSuperior ul li a
				{
					color:#FFFFFF;
					font-weight:bold;
					letter-spacing:0.5px;
					text-transform:uppercase;
					text-decoration:none;
				}
				#menuSuperior ul li a:hover
				{
					color:#e20a17;
				}

		#menuInferior
		{
			width:801px;
			height:25px;
			border-bottom:1px solid #000;
			margin-bottom:5px;
		}		
			#menuInferior ul li
			{
				margin:0px;
				margin-top:5px;
				float:left;	
			}
				#menuInferior ul li a
				{
					padding-left:12px;
					padding-right:13px;
					border-right:1px solid #222;
					font-weight:bold;
					color:#222;
					text-decoration:none;
					padding-top:0px;
					padding-bottom:0px;
				}
				#menuInferior ul li a.ultimoElementoMenu
				{
					border:none;
				}
				#menuInferior ul li a:active
				{
					color:#FFCC33;
				}
				#menuInferior ul li a:hover
				{
					background-color:#000000;
				}			

	#panelLateral
	{
		width:150px;
		float:right;
	}
		#info
		{
			background-color:#e20a17;
			text-align:right;
			height:65px;
		}
		
			#info ul
			{
				padding:10px;
				padding-right:20px;
			}
				
				#info ul li
				{
					line-height:20px;
				}
			
			#info a
			{
				color:#FFFFFF;
				font-family:Arial,Helvetica,sans-serif;
				font-weight:bold;
				font-size:11px;
			}
		
		#portada
		{
			text-align:center;
			height:227px;
			border-bottom:1px solid black;
			margin-bottom:15px;
		}
			#portada img
			{
				margin-top:12px;
				margin-bottom:10px;
				height:168px;
				width:132px;
				border:1px solid #000 !important
			}
			
		#restoPanel
		{
			background: url(/IMG/FondoPanelLateral.jpg) repeat-y;
			text-align:center;
			margin-top:-5px;
		}
			#restoPanel a
			{
				margin:0 auto;
				display:block;
			}
			#restoPanel .banner
			{
				padding-top:5px;
				padding-bottom:5px;
				background-color:#FFF;
			}
			

	#pie
	{
		clear:both;
		position:relative;
		height:75px;
		background-color:#EFEFEF;
		border: 1px dotted #CDCDCD;
		padding:15px;
		padding-top:5px;
		line-height:15px;
		top:10px;
		margin-bottom:20px;
	}
		#empresa
		{
			float:left;
		}
		
		#avisoLegal
		{
			float:right;
		}
		#pie div
		{
			clear:both;
			margin-top:15px;
			display:block;
		}
		
		#pie h3
		{
			margin:5px;
			display:inline;
		}
		
		#pie ul li
		{
			display:inline;
			margin-top:4px;
			margin:0px;
			padding:0px;
			margin-right:15px;
		}
		


/* = Secciones
-----------------------------------------------------------------------------*/

/*= Maquetación general de contenidos a 1 y 2 columnas (Varias páginas)
-----------------------------------------------------------------------------*/
	.contenidoDerecha, .contenidoIzquierda
	{
		width:49.5%;
	}
	
	.contenidoIzquierda
	{
		float:left;
	}
	.contenidoDerecha
	{
		float:right;
	}
	
/*= Formularios (Con tablas) (Varias páginas)
-----------------------------------------------------------------------------*/
	
	.formulario
	{
		width:100%;
	}
	
	/* Los validadores son spans */
	.formulario label
	{
		display:block;
		font-weight:bold;
		margin-bottom:3px;
	}
	
	.formulario input, .formulario textarea, .formulario select
	{
		margin-left:10px;
		margin-bottom:7px;
		font-family:Verdana,arial,helvetica,sans-serif;
		font-size:100%;
		background-color:#EFF3FE;
		border:1px solid #B5C7F9;	
	}
	
	.formulario input
	{
		height:14px;
		padding:4px 5px 2px;
	}
	
	.formulario select
	{
		height:21px;
		padding:0px 5px 2px;
	}
	
	.formulario .checkbox input
	{
		vertical-align:text-top;
		border:none;
		width:30px;
	}
	

	
	
	
/*= Botones (Varias páginas)
-----------------------------------------------------------------------------*/
	.botonNormal
	{
		background:transparent url(/IMG/botonNormal.jpg) no-repeat scroll center center;
		padding:12px 27px 12px 27px;
		width:50px;
		text-align:center;
		margin-left:6px;
	}
	
	.botonBuscar
	{
		background:transparent url(/IMG/botonBuscar.gif) no-repeat scroll center center;
		padding:12px 55px 12px 27px;
		width:58px;
		text-align:center;
	}

	.botonBuscar a, .botonNormal a
	{
		color:#000000;
		font-family:Arial,Helvetica,sans-serif;
		vertical-align:middle;
	}
	
/*= Enlaces de volver (Varias páginas)
-----------------------------------------------------------------------------*/	
a.enlaceVolver
{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
	color:#C00;
	font-size:12px;
	font-weight:bold;
}
/*= Botón leer más (Varias páginas)
-----------------------------------------------------------------------------*/	

	.botonLeerMas, .botonLeerMasNovedad
	{
		height:28px;	
		cursor:pointer;
		display:block;
		*margin-top:-2px;
		margin-bottom:5px;
	}
	
	.botonLeerMas
	{
		width:28px;
		background:url(/IMG/botonLeerMasOFF.gif) top left no-repeat;
	}
	
	.botonLeerMasNovedad
	{
		width:80px;
		background:url(/IMG/botonLeerMasNovedadOFF.gif) top left no-repeat;
	}
	.botonLeerMas:hover 
	{
		background:url(/IMG/botonLeerMasON.gif) top left no-repeat;
	}
	.botonLeerMasNovedad:hover 
	{
		background:url(/IMG/botonLeerMasNovedadON.gif) top left no-repeat;
	}
	
/*= Botón leer más pequeño(Varias páginas)
-----------------------------------------------------------------------------*/		
	a.botonLeerMasPequeño, a.botonLeerMasPequeñoNovedad
	{
		height:16px;
		display:block;
		cursor:pointer;
	}
	
	a.botonLeerMasPequeño
	{
		width:16px;
		background:url(/IMG/botonLeerMasPequenoOFF.gif) top left no-repeat;
	}
	
	a.botonLeerMasPequeñoNovedad
	{
		width:55px;
		background:url(/IMG/BotonLeerMasPequenoNovedadOff.gif) top left no-repeat;
	}
	
	a.botonLeerMasPequeño:hover
	{
		background:url(/IMG/botonLeerMasPequenoON.gif) top left no-repeat;
	}
	
	a.botonLeerMasPequeñoNovedad:hover
	{
		background:url(/IMG/botonLeerMasPequenoNovedadON.gif) top left no-repeat;
	}


/*= Elemento "LeerMas" (Varias páginas)
-----------------------------------------------------------------------------*/

	.leerMas
	{
		margin-top:20px;
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
		border-bottom:1px solid black;
		border-top: 1px solid black;
		text-align:center;
	}
	
	.leerMas a.enlace, .leerMas span.letrasGrandes
	{
		color:#000000;
		font-family:Arial,Helvetica,sans-serif;
		font-weight:bold;
		font-size:200%;
		letter-spacing:-0.05em;
		cursor:pointer;
		padding-left:35px;
		padding-bottom:10px;
		background:url(/IMG/botonLeerMasOFF.gif) top left no-repeat;	
	}
	
	.leerMas span
	{
		cursor:default;
	}
	
	.leerMas a.enlace:hover 
	{
		background:url(/IMG/botonLeerMasON.gif) top left no-repeat;
	}
		
	/* Un listado que va debajo de lo de leer más...*/
	.listado
	{
		margin:0 auto;
		margin-top:10px;
	}
	
	.listado td
	{
		padding:5px;
	}
	
/*= Articulo Reducido (Inicio.aspx)
-----------------------------------------------------------------------------*/

	.articulosReducidos tr td
	{
		margin-bottom:20px;
	}
	
/*= Pie de una noticia reducida (Mostrandose a la derecha o a la izquierda)
-----------------------------------------------------------------------------*/

	.pieDescripcion
	{
		margin-bottom:10px;
	}
	
	
	.pieDescripcion *, .pieDescripcion *
	{
		display:inline;
	}
	
	.pieDescripcion li
	{
		margin:0px;
		padding:0px;
		text-align:left;
	}

	.contenidoIzquierda .pieDescripcion li
	{
		text-align:right;
	}
	.pieDescripcion li span
	{
		font-family:"Times New Roman", Times, serif;
		font-size:115%;
		color:#666666;
	}

	.contenidoDerecha .pieDescripcion li
	{
		text-align:left;
	}
	
	
/*= Entradilla de cabecera (Varias páginas)
-----------------------------------------------------------------------------*/
	
h3.entradilla
{
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	font-weight:bold;
	padding:10px 0;
	margin-bottom:20px;
	text-align:left;
}

h3.entradilla .fecha
{
	text-align:right;
	display:block;	
}


h3.entradilla .titulo
{
	display:block;
	color:#CC0000;
	font-size:140%;
	margin:0px;
	margin-bottom:8px;
	margin-top:15px;
}
	
/*= 1 Foto grande con entradilla y pie (Varias páginas)
-----------------------------------------------------------------------------*/
	
	.fotoConEntradillaYPie tbody tr td.columnaIzquierda, .fotoConEntradillaYPie tbody tr td.columnaDerecha
	{
		width:49.5%;
	}
	
	.fotoConEntradillaYPie .columnaDerecha
	{
		background:#FFFFFF url(/IMG/FondoManchado.gif) repeat scroll;
		vertical-align:bottom;
	}
	
	.fotoConEntradillaYPie .pieFoto
	{
		text-align:right;
	}
	
/*= 1 Foto grande con entradilla y pie vertical (Moda.aspx)
-----------------------------------------------------------------------------*/
	.fotoConEntradillaYPieVertical
	{
		text-align:center;
		padding-bottom:20px;
	}
	
	.fotoConEntradillaYPieVertical h3
	{		
		margin-top:10px;	
	}	
	
/*= 1 Entradilla pequeña con fondo manchado (Portadas.aspx)
-----------------------------------------------------------------------------*/
	.entradillaPequenaConFondoManchado
	{
		background:#FFFFFF url(/IMG/FondoManchado.gif) repeat scroll;
	}
	.entradillaPequenaConFondoManchado h3
	{
		width:38%;
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;
		font-weight:bold;
		padding:10px 0;
		margin-bottom:20px;
		text-align:left;
	}
	
	
/*= 1 Pie de un artículo (Descargar PDF | Fecha) (Varias páginas)
-----------------------------------------------------------------------------*/
	.pieArticulo
	{
		float:right;
		margin-top:10px;
		display:block;
		color:#666666;
		height:25px;
	}
	
	.pieArticulo,  .pieArticulo li, .pieArticulo li a, .pieArticulo li span
	{
		display:inline;
		font-family:"Times New Roman",Times,serif;
		font-size:110%;
		font-weight:normal;
		text-decoration:none;
		line-height:25px;
	}
	
	.pieArticulo iframe
	{
		position:relative;
		top:10.5px;
	}
	
	.pieArticulo li
	{
		margin:0px;
		padding:0px;
	}
	
/*= Foto secundaria (Seccion.aspx)
-----------------------------------------------------------------------------*/
	
	.fotoSecundaria
	{
		padding-top:10px;
	}
	
	.fotoSecundaria span
	{
		color:#666666;
		display:block;
		font-family:"Times New Roman",Times,serif;
		font-size:110%;
		text-align:left;
	}

/*= Elemento "MasInformacion" (Varias páginas)
-----------------------------------------------------------------------------*/
	.masInformacion
	{
		
		padding-left:7px;
		padding-top:50px;
		vertical-align:top;
	}
	.masInformacion h5
	{
		margin-bottom:10px;
	}
	
	.masInformacion span, .masInformacion table
	{
		padding-left:10px;
		display:block;
	}
	
	.masInformacion table
	{
		margin-top:15px;
	}

	
/*= Elemento "galeriaFotosDosColumnas"  (Arte.aspx)
-----------------------------------------------------------------------------*/

	.galeriaFotosDosColumnas
	{
		margin:0 auto;
	}

	.galeriaFotosDosColumnas tr td
	{
		padding:15px;
	}
	
	.galeriaFotosDosColumnas .pieFoto
	{
		font-weight:bold;
		text-align:center;
	}
	
/*= Elemento "galeriaFotosTresColumnas" (Moda.aspx)
-----------------------------------------------------------------------------*/

	.galeriaFotosTresColumnas
	{
		margin:0 auto;
	}

	.galeriaFotosTresColumnas tr td
	{
		padding:7px;
	}
	
/*= Elemento " Tablas de un número variable de columnas " (Varias páginas)
-----------------------------------------------------------------------------*/
	.tabla4Columnas, .tabla3Columnas, .tabla2Columnas
	{
		margin-top:10px;
		margin-bottom:10px;
	}

	.tabla4Columnas td, .tabla3Columnas td, .tabla2Columnas td
	{
		padding-left:10px;
		padding-right:10px;
	}

	.tabla4Columnas td
	{
		width:25%;
	}

	.tabla3Columnas td
	{
		width:33%;
	}

	.tabla2Columnas td
	{
		width:50%;
	}
	
	.tabla2Columnas td h4, .tabla3Columnas td h4
	{
		width:193px;
	}



/*= Elemento " Listado de elementos" (El listado de articulos en HistoricoSeccion.aspx)
-----------------------------------------------------------------------------*/
	.listadoElementos
	{
		width:100%;
	}

	.listadoElementos td
	{
		border:1px solid #E6EBF9;
		background-color:#FFFFFF;
		height:100px;
	}

	.listadoElementos .elementoAlterno, .listadoElementos .elementoAlterno td
	{
		background-color:#EFF3FE;
	}

	.listadoElementos .contenidoIzquierda
	{
		width:12%;
		text-align:center;
		padding:0px;
		padding-top:10px;
		
		vertical-align:top;
	}

	.listadoElementos .contenidoDerecha
	{
		width:84%;
		padding-top:10px;
		padding-right:20px;
		padding-bottom:10px;
		padding-left:8px;
	}

	.listadoElementos .contenidoDerecha h4
	{
		margin-bottom:15px;
	}


	.listadoElementos .leerMasListados *
	{
		float:right;
	}

	.listadoElementos .leerMasListados
	{
		padding-right:10px;
		padding-bottom:10px;
		height:17px;
		float:right;
	}

	.listadoElementos .leerMasListados a
	{
		margin-left:10px;
	}


/*= Elemento "tabla de secciones" (HemerotecaBuscador.aspx)
-----------------------------------------------------------------------------*/

	.tablaSecciones 
	{
		margin-left:10px;
	}
	.tablaSecciones td
	{
		padding:10px;
	}
	.tablaSecciones a 
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		text-decoration:underline;
	}

/*= Elemento "Lista en linea" (HistoricoSeccion.aspx abajo del todo los botones)
-----------------------------------------------------------------------------*/
	.listaEnLinea
	{
		display:block;
	}
	.listaEnLinea div
	{
		display:inline;
	}

/*= Elemento "pie de foto" (Varias páginas)
-----------------------------------------------------------------------------*/
	.pieFoto
	{
		color:#666666;
		display:block;
		font-family:"Times New Roman",Times,serif;
		font-size:110%;
	}

/*= Elemento "Lista con puntos" (HemerotecaBuscador.aspx)
-----------------------------------------------------------------------------*/
	ul.listaConPuntos li
	{
		list-style-type:square;
		padding-bottom:10px;
	}
	
/*= Elemento "listaAlternadaDeColores" (Eventos.aspx)
-----------------------------------------------------------------------------*/

.listaAlternadaDeColores
{
	padding:0.5em 1em 0.5em 1em;
	margin-top:10px;
	text-align:center;
	display:block;
}

.listaAlternadaDeColoresElementoNormal  a, .listaAlternadaDeColoresElementoAlterno a
{	
	padding-right:1em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 1.5em;
	letter-spacing: 1px;
}	
	
.listaAlternadaDeColoresElementoNormal  a
{	
	color:Black;
}

.listaAlternadaDeColoresElementoAlterno  a
{	
	color:Red;
}

/*= Elemento "Foto" (Eventos.aspx)
-----------------------------------------------------------------------------*/

.marcoFotoArriba
{
	background:url(/IMG/Fotos/MarcoFotoArriba.png) top left no-repeat;
	width:220px;
	height:27px;
}

.marcoFotoAbajo
{
	background:url(/IMG/Fotos/MarcoFotoAbajo.png) top left no-repeat;
	width:220px;
	height:27px;
}

.marcoFotoLateralIzqArriba
{
	background:url(/IMG/Fotos/MarcoFotoLateralIzqArriba.png) top left no-repeat;
	width:17px;

}

.marcoFotoLateralDchaArriba
{
	background:url(/IMG/Fotos/MarcoFotoLateralDchaArriba.png) top left no-repeat;
	width:25px;

}

.marcoFotoLateralIzqAbajo
{
	background:url(/IMG/Fotos/MarcoFotoLateralIzqAbajo.gif) top left no-repeat;
	width:17px;
	height:42px;
}

.marcoFotoLateralDchaAbajo
{
	background:url(/IMG/Fotos/MarcoFotoLateralDchaAbajo.png) top left no-repeat;
	width:25px;
	height:42px;
}

.marcoFotoCentral
{
	width:178px;
	height:100px;
}

/*= Elemento "Listado fotos tipo evento" (EventosLocales.aspx)
-----------------------------------------------------------------------------*/
.listadoImagenes
{
	margin:0px;
}

.listadoImagenes td
{
	padding:10px;
	width:179px;
	vertical-align:top;
	
}
html> body .listadoImagenes td
{
	/* Con esto se soluciona un problema de alineación en Firefox 3 */
}

.marco
{	
	background:url(/IMG/Ampliar.gif) no-repeat center center;
	margin:0px;
	width:179px;
	height:155px;
}

.marco td
{
	padding:0px;
	background:#333;
	vertical-align:middle;
	text-align:center;
}

.marco a:hover 
{
	color:#FC3;
}

.MarcoArribaEvento
{
	width:174px;
	color:#FFF;
	background-color:#333;
	padding:0px;
	padding-left:5px;
	display:block;
}

.MarcoAbajoEvento
{
	width:174px;
	text-align:center;
	padding-top:3px;
}

.MarcoAbajoEvento img
{
	vertical-align:middle;
}

/*= Elemento "text alternativo" (Arte.aspx)
-----------------------------------------------------------------------------*/
.txtAlt 
{
	position:relative;
	margin-top:-130px;
	margin-right:20px;
	height:130px;
	z-index:-1;
}