#OrderedList{
	margin-top:2em;
}

/***************************************************************************************************
***************************** Descripciones CSS para los Paginadores *******************************
****************************************************************************************************

CLASES ESCRITAS EN EL HTML

#OrderedList	=> Div que contiene TODO, tanto los listados como las presentaciones
.PagesList		=> Div que contiene los paginadores
.PagerCaption	=> Div que contiene la leyenda del paginador (Mostrando resultados del...)

***************************************************************************************************/

#OrderedList .PagesList ul{
	position:relative;
	display:block;
	padding:0em;
	margin:0em;
	height:1em;
}

#OrderedList .PagesList li{
	float:left;
	list-style:none;
	font-size:0.75em;
	font-weight:bold;
	margin:0.1em;
	width:1.8em;
	height:1.8em;
	text-align:center;
	background-color:#EEEEEE;
	background-image:url(../images/maqueta/PagerBg.jpg);
	border:0.08em solid #DDDDDD;
	/*<--FF-->*/
	border-radius:0.18em;
	-moz-border-radius:0.18em;
	-webkit-border-radius:0.18em;
	behavior: url(../js/PIE.htc);
	/*<--/FF-->*/
}

#OrderedList .PagesList li.Active{
	background-color:#a32928;
	background-image: url(../images/maqueta/ActivePagerBg.jpg);
	border:0.08em solid #ffe3e3;
}

#OrderedList .PagesList li a{
	display:block;
	margin-top:0.2em;
	font-size:1em;
	font-weight:bold;
}

#OrderedList .PagesList li a img{
	margin-top:0.2em;
}

#OrderedList .PagesList li img{
	margin-top:0.4em;
}

#OrderedList .PagesList li p{
	margin-top:0.2em;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

#OrderedList .PagesList li img{
	border:0em;
}

/*<--SF-->*/
#OrderedList .PagesList li a{margin-top:0.35em;}
#OrderedList .PagesList li p{margin-top:0.45em;}
#OrderedList .PagesList li a img{margin-top:0.1em;}
/*<--/SF-->*/

#OrderedList .PagerCaption{
	margin:1em 0em 1.5em 0em;
	border-bottom:0.08em dotted #A0A0A0;
}


/***************************************************************************************************
************************** Descripciones CSS para los Listados de Items ****************************
****************************** y presentación de los Items completos *******************************
****************************************************************************************************

CLASES ESCRITAS EN EL HTML

.ListItem			=> Div que contiene cada Item del listado
.CompleteItem		=> Div que contiene la presentación completa de un Item

	.Title				=> Div que contiene el Título de cada Item. El texto es un H3
	.Summary			=> Div que contiene el Desarrollo de cada Item.
	.ReadMore			=> Div que contiene el Vínculo a "Más Información" ó "Volver al listado"
	.Date				=> Div con la fecha. Dentro tiene un P
	.Photo				=> Div EXTERIOR donde se carga la primera imagen del Item
	.Photo .Container	=> Div INTERIOR donde se carga la primera imagen del Item

***************************************************************************************************/


#OrderedList .ListItem{
	border-bottom:0.08em dotted #A0A0A0;
	margin-bottom:2em;
}

#OrderedList .ListItem .Title{
}

#OrderedList .ListItem .Summary,
#OrderedList .CompleteItem .Summary{
	
}

#OrderedList .ListItem .ReadMore{
	margin-bottom:0.5em;
}

#OrderedList .ListItem .ReadMore a,
#OrderedList .CompleteItem .ReadMore a{
	display:inline-block;
	cursor:pointer;
	text-transform:uppercase;
	font-size:0.7em;
	line-height:1.2em;
	color:#fffefe;
	padding:0.5em 1.25em 0.5em 1.25em; 
	background: #4a4a4a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a4a4a), to(#292929));
	background: -moz-linear-gradient(#4a4a4a, #292929);
	background: linear-gradient(#4a4a4a, #292929);
	position:relative;
	-pie-background: linear-gradient(#4a4a4a, #292929);
	background-image: -o-linear-gradient(#4a4a4a, #292929);
	border-radius:0.18em;
	-moz-border-radius:0.18em;
	-webkit-border-radius:0.18em;
	behavior: url(../js/PIE.htc);
}

#OrderedList .ListItem .ReadMore a:hover,
#OrderedList .CompleteItem .ReadMore a:hover{
	text-decoration:none;
	background: #292929;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#292929), to(#4a4a4a));
	background: -moz-linear-gradient(#292929, #4a4a4a);
	background: linear-gradient(#292929, #4a4a4a);
	-pie-background: linear-gradient(#292929, #4a4a4a);
	background-image: -o-linear-gradient(#292929, #4a4a4a);
}

#OrderedList .ListItem .Date,
#OrderedList .CompleteItem .Date{display:none;}


#OrderedList .ListItem .Photo,
#OrderedList .CompleteItem .Photo{
	border:0.08em solid #E0E0E0;
	background-color:#FFFFFF;
	float:left;
	margin-bottom:1em;
	margin-right:1em;
	padding:0.3em;
}

#OrderedList .CompleteItem .Photo{
	margin-right:1.5em;
	cursor:pointer;
}

#OrderedList .ListItem .Photo .Container,
#OrderedList .CompleteItem .Photo .Container{
	background-color:#F0F0F0;
	text-align:center;
}

#OrderedList .ListItem .ExtraData{
	margin:-0.5em 0em 1em 2em;
	padding:0em;
	font-size:0.8em;
}

#OrderedList .ListItem .ExtraData .Line{margin:0.5em 0em 0.5em 0em;clear:both;}
#OrderedList .ListItem .ExtraData .Caption{
	font-weight:bold;
	width:20%;
	float:left;
}

#OrderedList .ListItem .ExtraData .Data{
	width:79%;
	margin-left:20%;
}

#OrderedList img{
	border:0em;
}


/***************************************************************************************************
*********************** Descripciones CSS para las Galerías Fotográficas ***************************
***************************************************************************************************/

#OrderedList .Gallery{
	background-color:#EEEEEE;
	border:0.08em solid #FFFFFF;
	border-top:0.08em dotted #808080;
	display:block;
	padding:1em;
	margin-top:2em;
}

#OrderedList .Gallery .Title h3{
	color: #333333;
	margin-left: 0.4em;
	margin-bottom: 0.2em;
}

#OrderedList .Gallery .Photos{
}

#OrderedList .Gallery .Photo{
	float:left;
	margin:0.4em;
	cursor:pointer;
}

/*Es un DIV necesario para que .Gallery tenga la altura de todos
sus contenidos, ya que están todos en float*/
#OrderedList .Gallery .SeeAll{clear:both;}


/***************************************************************************************************
************************ Descripciones CSS para los Listados de Adjuntos ***************************
***************************************************************************************************/

#OrderedList .Attached{
	background-color:#EEEEEE;
	border:0.08em solid #FFFFFF;
	border-top:0.08em dotted #808080;
	display:block;
	padding:1em;
	margin-top:2em;
}

#OrderedList .Attached .AttachedLine{clear:both;}

#OrderedList .Attached .AttachedLine .FileName{
	float:left;
	width:27em;
}

#OrderedList .Attached .AttachedLine .FileChars{
	text-align:right;
	font-size:0.75em;
	font-weight:bold;
	color:#808080;
	height:2em;
}
#OrderedList .Attached .AttachedLine .FileText{
	border-bottom:0.08em dotted #808080;
}

/***************************************************************************************************
********************* Descripciones CSS para los DIV de las Redes Sociales *************************
***************************************************************************************************/

#OrderedList .ListItem .Social{
	border:none;
	padding:0em;
	margin-top:1em;
	margin-bottom:1em;
}
#OrderedList .ListItem .Social .Facebook{margin-bottom:0.5em;}
#OrderedList .ListItem .Social .Twitter{}

#OrderedList .CompleteItem .Social{
	border:none;
	padding:0.5em;
	margin:0em;
	margin-bottom:1em;
	margin-left: 26em;
	background-color:#FFFFFF;
	
}
#OrderedList .CompleteItem .Social .Facebook{margin-bottom:0.5em;}
#OrderedList .CompleteItem .Social .Twitter{}


#OrderedList .CompleteItem .ExtraData{
	border-top:0.09em dotted #808080;
	border-bottom:0.09em dotted #808080;
	margin:2em 0em 1em 0em;
	padding:1em;
	font-size:0.8em;
}

#OrderedList .CompleteItem .ExtraData .Line{margin:0.5em 0em 0.5em 0em;clear:both;}

#OrderedList .CompleteItem .ExtraData .Caption{
	font-weight:bold;
	width:20%;
	float:left;
}

#OrderedList .CompleteItem .ExtraData .Data{
	width:79%;
	margin-left:20%;

}

#OrderedList .OldPublications{
	clear:both;
	margin:2em 0em 0em 0em;
	padding:0.5em 0.5em 0.5em 0.5em;
	background-color:#F1F1F1;
	border:1px solid #C1C1C1;
}

#OrderedList .OldPublications .Title{
	clear:both;
}

#OrderedList .OldPublications .Title h3{
	font-size: 0.8em;
	color: #888888;
}


.ExtraData a{font-size:1em !important;}