﻿
div.EventosPortada
{
	padding-top: 2px;
	height: 100%;
}

div.EventosPortada ul,
div.EventosPortada li
{
	clear: both;
	margin: 0px;
	padding: 0px;
}

div.EventosPortada ul li{
	margin: 0px 0px 3px 0px;
	list-style: none;
}

div.EventosPortada ul li div span /*Titulo*/
{
	font-weight: bold;
}

div.EventosPortada ul li div img /*Imagen de titulo*/
{
	margin-top: 5px;
	margin-right: 5px;
}

div.EventosPortada ul li div div span /*detalle*/
{
	font-weight: normal;
}

div.EventosPortada ul li div div a /*Enlace en el detalle*/
{
	color: #0000ff;
}

div.EventosPortada div.Titulo
{
	border-top: none 0px #000000;
	border-bottom: none 0px #000000;
	border-right: none 0px #000000;
	border-left: none 0px #000000;
}

div.EventosPortada div.Titulo table
{
	width: 100%;
	border: none;
}

div.EventosPortada div.Titulo table
{
	width: 100%;
	border: none;
}

div.EventosPortada div.Titulo table tbody tr th /*titulo*/
{
	background-color: Transparent !important;
}

div.EventosPortada div.Titulo table tbody tr th span /*Titulo*/
{
}

div.EventosPortada div.Titulo table tbody tr td /*Mas info*/
{
}

div.EventosPortada div.Titulo table tbody tr td a /*Mas info*/
{
}

div.EventosPortada div.Separador
{
	clear: both;
	overflow: hidden;
	width: 50%;
	height: 1px;
	background: url(images/pixel_separador_negro.gif);
	margin-top: 1px;
	margin-bottom: 1px;
	display: block;
}

/*Pagina con el listado de eventos */


div.EventosPagina
{
	text-align: left;
	padding: 10px 0px 0px 0px;
}

div.EventosPagina span,
div.EventosPagina p,
div.EventosPagina td
{
	color: #000000;
}

div.EventosPagina a
{
	color: #0000ff;
}

div.EventosPagina div.TituloEventos 
{
	float: left;
	width: 115px;
	margin-right: 14px;
	text-align: right;
}

div.EventosPagina div.TituloEventos span
{
	font-weight: bold;
	color: #ff0033;
}

div.EventosPagina div.Paginador1
{
	display: inline;
	float: left;
	text-align: right;
}

div.EventosPagina div.Historico
{
	clear: both;
	text-align: right;
}

div.EventosPagina div.Historico a
{
	padding-right: 100px; /*Para que el texto no se solape con la imagen de fondo*/
	overflow: hidden;
	color: #ffffff;
	display: block;
	width: 50px;
	height: 14px;
}

div.EventosPagina div.Historico a.Historico
{
	background: url('images/eventos_bt_historico.gif') top right no-repeat;
}

div.EventosPagina div.Historico a.Actual
{
	background: url('images/eventos_bt_actual.gif') top right no-repeat;
}

div.EventosPagina div.ListadoConImagenGeneral
{
	clear: both;
}

div.EventosPagina div.ListadoConImagenGeneral img /*Imagen general*/
{
	width: 115px;
	float: left;
}

div.EventosPagina div.ListadoConImagenGeneral table /*Listado de eventos*/
{
	float: left;
}

div.EventosPagina div.ListadoConImagenes
{
	clear: both;
}

div.EventosPagina div.Paginador2
{
	text-align: right;
}

/*Este div es para colocar el listado de enlaces al lado de la imagen general*/

div.EventosPagina div.ListadoEventos
{
	float: left;
	display: inline;
}  

/**/

div.EventosPagina table.ListadoEventos
{
	width: 100%;
	
}

div.EventosPagina table.ListadoEventos tbody tr td.ImagenEspecificaListado
{
	width:115px;
	vertical-align: top;
}

div.EventosPagina table.ListadoEventos tbody tr td.ImagenEspecificaListado img /*Imgen especifica del evento*/
{
	width: 115px;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles 
{
	vertical-align: top;
}

div.EventosPagina table.ListadoEventos tbody tr td.Separador
{
	width:14px;
	vertical-align: bottom;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Titulo
{
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Organizador
{
	clear: both;
	margin-bottom: 5px;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Lugar
{
	margin-bottom: 5px;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles span
{
	font-weight: bold;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Organizador span,
div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Lugar span
{
	font-weight: bold;
	margin-right: 2px;
}

div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Organizador p,
div.EventosPagina table.ListadoEventos tbody tr td.Detalles div.Lugar p
{
	display: inline;
	font-weight: normal;
}

/*div de la imagen de listado*/
table.ListadoEventos tr td div.ImagenListado,
div.EventosPagina div.ImagenListado
{
	margin-right: 10px;
	float: left;
	width: 60px;
}

table.ListadoEventos tr td div.ImagenListado img,
div.EventosPagina div.ImagenListado img
{
	width: 60px;
}

/*div los datos de la noticia*/
table.ListadoEventos tr td div.DatosEventos,
div.EventosPagina div.DatosEventos
{
	float: left;
	display: inline;
}
