/**
 * Notas
 * - "display: inline" es utilizado para solucionar los problemas de doble margen horizontal en algunos elementos en IE6
 * - "font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif" Permite mostrar Arial Narrow o un equivalente
 *   delgado en varios sistemas operativos: 'Arial Narrow' (Win), 'Helvetica Narrow' (MAC), 'FreeSerif' (linux). La fuente elegida
 *   para linux es la más delgada encontrada en ese SO (las Sans Serif de Linux dan problemas porque todas son anchas).
 * - "background-color: inherit;" se utilizó para cumplir con CSS2.1 (evitar color de fondo y primer plano iguales en dos contextos)
 */


/* === (inicio) Meyerweb CSS reset ===
 *
 * No alterar este CSS reset a menos que hayan razones de peso. Si se desea anexar estilos a un selector
 * en particular, reimplementarlo más abajo (los selectores iguales se mergen por prioridad).
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type=text] {
	padding: 1px;
}

/* === (fin) Meyerweb CSS reset === */



/* === (inicio) Selectores generales === */

body {
	background: #E6E6E6 url(img/fon-body.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%; /* necesario para los elementos con "height: 100%" */
}

a:link, a:visited {
	color:#0A266F;
	text-decoration: none;
}
a:hover{
	color:#A20000;
	text-decoration: none;
}

#contenidoArticulo a:link,#contenidoArticulo  a:visited {
	color:#0A266F;
	text-decoration: underline;
}
#contenidoArticulo h2 a:link,#contenidoArticulo h2 a:visited {
    color: #A20000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
	text-decoration:none;
}

#contenidoArticulo h2 a:hover {
	color:#0A266F;
	text-decoration:none;
}
/* Anexar para los elementos que requieran transparencia PNG en IE6 */
.pngTransparente { behavior: url(iepngfix.htc); }

/* Anexar para no permitir elementos flotantes a la izquierda o derecha.
 * También con un <br class="clear" /> para romper terminar una estructura de flotantes si lo requiere.
 */
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

/* Usado para mostrar textos alternativos en ausencia de CSS en elementos diferentes de IMG */
.alt {
	display: none;
}

/* Título principal de la página (oculto en #conLinksSesion) con fines de SEO y accesibilidad sin estilos */
h1 {
	color: #0A2269;
	font-size: 13px;
	float: left;
	clear: none;
}

/* Botón gris de borde redondo, 140px de ancho, usado en los botones "Ver más (...)" */
.btVerMasAncho:link, .btVerMasAncho:visited {
	display: block;
	width: 127px;
	padding-left: 13px; /* Compensa el ancho */
	height: 26px;
	background: url(img/botones/bt-ver-mas-140px.gif) no-repeat 0 0;
	font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
	font-size: 14px;
	text-align: left;
	color: #051A54;
	line-height: 20px;
}
.btVerMasAngosto:link, .btVerMasAngosto:visited {
	display: block;
	width: 98px;
	padding-left: 13px; /* Compensa el ancho */
	height: 26px;
	background: url(img/botones/bt-ver-mas-111px.gif) no-repeat 0 0;
	font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
	font-size: 14px;
	text-align: left;
	color: #051A54;
	line-height: 20px;
}
.btVerMasFonAzul:link, .btVerMasFonAzul:visited {
	display: block;
	width: 118px;
	padding-left: 12px; /* Compensa el ancho */
	height: 23px;
	background: url(img/botones/bt-ver-mas-fon-azul.gif) no-repeat 0 0;
	font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
	font-size: 14px;
	text-align: left;
	color: #051A54;
	line-height: 19px;
}

.btVerMasAncho:hover, .btVerMasAngosto:hover, .btVerMasFonAzul:hover {
	color: #0081D7;
}

/* === (fin) Selectores generales === */



/* === (inicio) Estructura base de la maqueta === */
#conMaqueta {
	margin: 0 auto;
	width: 1124px;
}
	#ramaIzq {
		width: 77px;
		height: 245px;
		/*background: url(img/rama-izq.gif) no-repeat;*/
		float: left;
	}
	#ramaDer {
		width: 77px;
		height: 245px;
		/*background: url(img/rama-der.gif) no-repeat;*/
		float: left;
	}

	/* DIV Contenedor de la página como tal. El ancho de este elemento determina el
	 * ancho de la página. */
	#conPagina {
		display: block;
		width: 970px;
		text-align: left;
		float: left;
	}

/* === (fin) Estructura base de la maqueta === */



/* === (inicio) Cabecera === */

/* Estructura de DIVS fija */
#conCabecera {
	height: 223px; /* Determina el alto de toda la cabecera */
	/*background: #061E64 url(img/fon-cabecera-rojo.png) no-repeat 0px 0px;*/ /*cambio 2023*/
	background: #061E64 url(img/fon-cabecera-rojo_2023.png) no-repeat 0px 100px;
}
#conCabeceraInterna {
	height: 145px;
}
	#conFondoBarraLogo {
		height: 100px;
		background: url(img/fon-cabecera-barra-logo.png) no-repeat 0px 30px;
	}
	#conFondoBarraLogoInternas{
		height: 145px;
		/*background: url(img/fon-cabecera-barra-logo.png) no-repeat 0px 0px;*/
		background: url(img/cabezote-internas.png) no-repeat 0px 0px;
	}

		#conFondoImagen {
			height: 222px;
  		background: no-repeat 0px 106px; /*centrar imagen en el centro del enzabezado*/
		}
		#conFondoImagenInterna {
			height: 145px;
			background: no-repeat 144px 0;
		}
		/* == (inicio) Links de sesión == */

			#conLinksSesion {
				height: 25px;
			}
				/* UL contenedor de los links de inicio de sesión, cerrar sesión etc. */
				#linksSesion {
					padding-top: 3px;
					margin-right: 28px;
				}
					#linksSesion li {
						display: inline;
						float: right;
						list-style: none outside none;
						margin: 0 0 0 10px;
					}
						#linksSesion li a:link, #linksSesion li a:visited {
							display: inline-block;
							color: #FFFFFF;
							font-weight: bold;
							font-size: 12px;
							line-height: 15px;
							/*background: url(img/iconos/bull-cuadro-naranja.gif) no-repeat left center;*/
							background-color: inherit;
							padding: 0 0 0 9px;
						}
						#linksSesion li a:hover {
							text-decoration: underline;
						}
							#icoCorreo {
								vertical-align: middle;
							}
			/* == (fin) Links de sesión == */

			#conLogo {
				position: relative;
				float: left;
				width: 200px;
				height: 196px;
				/*background: url(img/logo-web.gif) no-repeat 35px 96px;*/ /* Posición del logo */
			}
			#conLogoInternas {
				position: relative;
				float: left;
				width: 185px;
				height: 80px;
			}


				/* Area clickable sobre el logo */
				#linkLogoCabecera {
					display: block;
					width: 325px;
					height: 62px;
					margin: -2px -22px 0 34px;
				}

			#conFuncionesCabecera {
				float: left;
				width: 770px;
				height: 187px;
			}

			#conFuncionesCabeceraInterna {
				float: left;
				width: 770px;
				height: 120px;
			}

				/* === (inicio) Buscador de la cabecera === */
					#search-theme-form {
						display: inline; /* arregla el bug de doble margen horizontal en IE6 */
						float: right;
						margin: 24px 28px 0 0;
					}
						/* DIV Remover estilos que introduce drupal automáticamente en sus formularios */
						#search-theme-form div {
							margin: 0;
							padding: 0;
						}
						#search div, #search label {
							display: block;
						}
						/* DIV Contenedor agregado por drupal al formulario de búsqueda */
						#search {
							display: block;
							width: 281px;
							height: 26px;
							background: #FFFFFF url(img/fon-buscar-cabecera.gif) no-repeat;
							border: 1px solid #3352B0;
						}
							/* DIV Contenedor agregado por drupal al cuadro de texto de búsqueda */
							#edit-search-theme-form-1-wrapper {
								display: block;
								float: left;
							}
								/* INPUT:TEXT cuadro de texto a buscar */
								.txtBuscarCabecera {
									display: block;
									width: 206px;
									height: 18px;
									margin: 5px 2px 0 5px;
									border: 0;
									padding: 0px;
									background-color: transparent;
								}
								/* LABEL input hint que aparece en el bloque de texto de búsqueda, aplicado con el jQuery plugin "inputHintOverlay" */
								#search .inputHintOverlay {
									color: #AAAAAA;
									font-style: italic;
									font-family: Arial;
									font-size: 13px;
									font-weight: normal;
									cursor: text;
								}

								/* INPUT:SUBMIT botón "Buscar" */
								.btBuscarCabecera {
									display: inline-block;
									float: right;
									margin: 3px 2px 0 0;
									padding-bottom: 3px;
									width: 56px;
									height: 21px;
									background: #0C2B85 url(img/botones/bt-buscar-cabecera.gif) no-repeat;
									border: none;
									color: #DFEBFF;
									font-family: Verdana;
									font-size: 12px;
									text-align: center;
									vertical-align: baseline;
									cursor: pointer;
								}

				/* === (fin) Buscador de la cabecera === */

				div#conLinksInfoPara {
					display: inline;
					float: right;
					clear: both;
					width: 234px;
					height: 92px;
					margin: 82px 23px 0 0;
				}
					/* H2 título del bloque de enlaces */
					#conLinksInfoPara h2 {
						font: bold 14px Arial,Helvetica,sans-serif;
						color: #FFA41C;
						margin-bottom: 3px;
					}

					#conLinksInfoPara li {
						float: left;
					}
						#conLinksInfoPara li a:link, #conLinksInfoPara li a:visited {
							display: block;
							width: 106px;
							padding-left: 8px;
							height: 21px;
							color: #0a266f;
							background-color: inherit;
							font-size: 14px;
							line-height: 20px;
							font-weight: 800;
						}
						#conLinksInfoPara li a:hover {
							color: #5b83ed;
						}

						#conLinksInfoPara li a.linkInfoParaCol1 {
							margin: 3px 5px 0 0;
							background: url(img/botones/bt-info-para-col-1.png) no-repeat;
						}
						#conLinksInfoPara li a.linkInfoParaCol2 {
							margin: 3px 0px 0 0;
							background: url(img/botones/bt-info-para-col-2.png) no-repeat;
						}

			/* DIV barra blanca semitransparente superpuesta en la parte inferior de la cabecera */
			#barraBlancaSemitrans {
				clear: both;
				background: url(img/barra-blanca-semitrans.png) no-repeat;
				width: 970px;
				height: 2px;
			}
/* === (fin) Cabecera === */



/* === (inicio) Menú principal === */

/* Para esta estructura se utilizó una variante de la "Sliding doors technique", para facilitar su mantenimiento futuro */
#conMenuPrincipal {
	/*background-color: #0C2876;*/
	height: 36px;
}
	#conEsqIzqMenuPri {
		height: 36px;
		background: url(img/estruc-global/menu-pri-esq-izq.png) no-repeat left top;
	}
		#conEsqDerMenuPri {
			height: 36px;
			padding: 0 12px;
			background: url(img/estruc-global/menu-pri-esq-der.png) no-repeat right top;
		}
			#conCuerpoMenuPri {
				height: 36px;
				background: url(img/estruc-global/menu-pri-fondo.png) repeat-x;
			}
				#conCuerpoMenuPri ul {
					padding-left: 4px;
				}
				/*#conCuerpoMenuPri ul {
					padding-left: 4px;
				}*/
					#conCuerpoMenuPri ul li {
						display: block;
						float: left;
						/*border-left: 1px solid #1039A7;
						border-right: 1px solid #041544;*/

					}
						#conCuerpoMenuPri ul li a:link, #conCuerpoMenuPri ul li a:visited {
							display: inline-block;
							padding: 0 23px;
							color: #FFFFFF;
							background-color: inherit;
							font-size: 14px;
							line-height: 34px;
							border: 0px solid #AAFFAA;
						}
						#conCuerpoMenuPri ul li a:hover {
							color: #FFA41C;
							/*visibility: hidden;
							visibility: visible;*/


						}

					/* first y last son clases agregadas automáticamente por drupal al primer y ult. menú */
					#conCuerpoMenuPri ul li.last {
						border-right: none;
					}
						#conCuerpoMenuPri ul li.last a:link, #conCuerpoMenuPri ul li.last a:visited {
							padding: 0 0 0 14px;
						}
					#conCuerpoMenuPri ul li.first {
						border-left: none;
					}
						#conCuerpoMenuPri ul li.first a:link, #conCuerpoMenuPri ul li.first a:visited {
							padding: 0 20px 0 30px;
						}

/* === (fin) Menú principal === */
#conContenido {
	clear: both;
	background: #FFFFFF url(img/estruc-global/fon-con-contenido.png) repeat-x 0 0;
	padding: 10px 0 30px 0;
}

	/* === (inicio) Estructura de la home === */
	#colHorSuperior {
		clear: both;
		padding: 10px 0 10px 0; /* usamos padding vertical en vez de margin porque #conContenido no tiene height definido */
	}
	#colIzquierdaHome {
		float: left;
		width: 460px;
		margin: 0 0 0 20px;
	}
	#colCentralHome {
		float: left;
		width: 222px;
		margin: 0 0 0 25px;
		padding-top: 8px;
	}
		#conBloqueBotonesHome{
			padding-top:20px;
		}
	#colDerechaHome {
		float: left;
		clear: right;
		width: 190px;
		margin: 0 0 0 25px;
	}
	/* === (fin) Estructura de la home === */



/* === (inicio) Secciones === */

/* Título de las secciones de contenido en la home */
h2 a.titSeccion:link, h2 a.titSeccion:visited {
	font: bold 20px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
	color: #0C2876;
	background-color: inherit;
}
h2 a.titSeccion:hover {
	font: bold 20px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
	color: #B20000;
}
/* === (fin) Secciones === */



/* === (inicio) Sección de última actualización === */

/* DIV Contenedor absoluto de la sección */
#conUltimaActualizacion {
	padding: 0 0 0 34px;
	font: normal 14px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
}
	/* SPAN leyenda de "Ultima actualización" */
	#lblUltimaActualizacion {
		color: #8F0C0D;
	}
	/* SPAN fecha de última actualización */
	#fechaUltimaActualizacion {
		color: #737373;
	}

/* === (fin) Sección de última actualización === */



/* === (inicio) Sección de noticias en la home === */

/* (inicio) Estructura del bloque de noticias
 * Esta estructura es flexible a lo ancho (modificando el <width> en #conNoticias) y largo (se ajusta al contenido).
 * No tocar a menos que se sepa lo que se hace.
 */
#conNoticiasHome {
	width: 459px; /* Ancho del bloque contenedor de noticias */
	padding: 0;
}
	#conNoticiasBordeSup {
		background: url(img/home/con-noticias-borde-sup.jpg) repeat-x;
		height: 8px;
	}
		#noticiasBordeSupIzq {
			background: url(img/home/con-noticias-sup-izq.jpg) no-repeat;
			width: 8px;
			height: 8px;
			float: left;
		}
		#noticiasBordeSupDer {
			background: url(img/home/con-noticias-sup-der.jpg) no-repeat;
			width: 8px;
			height: 8px;
			float: right;
		}

	#conMedioNoticias {
				float: left;
				width: 459px;
				background: #FFFFFF url(img/home/fon-con-noticias.jpg) repeat-x top left;
			}
		#conNoticiasBordeIzq {
			width: 100%;
			background: url(img/home/con-noticias-borde-izq.jpg) repeat-y top left;
		}
			#conNoticiasBordeDer {
				width: 100%;
				background: url(img/home/con-noticias-borde-der.jpg) repeat-y top right;
			}
				/* Contenido del bloque, ya dentro de la estructura de bordes */
				#conContenidoNoticias {
					padding: 0 15px 10px 15px;
				}

#conNoticiasBordeInf {
	clear: both;
	background: url(img/home/con-noticias-borde-inf.jpg) repeat-x;
	height: 8px;
}
	#noticiasBordeInfIzq {
		float: left;
		width: 8px;
		height: 8px;
		background: url(img/home/con-noticias-inf-izq.jpg) no-repeat;
	}
	#noticiasBordeInfDer {
		float: right;
		width: 8px;
		height: 8px;
		background: url(img/home/con-noticias-inf-der.jpg) no-repeat;
	}
/* (fin) Estructura de sección de noticias */

/* IMG fotografía en la sección de noticias */
#fotoNoticias {
	padding: 8px 0;
}

/* LI uno de los elementos en la lista de noticias */
#conContenidoNoticias .postNoticias {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #9BA5BF;
}
	#conContenidoNoticias .postNoticias a:link, #conContenidoNoticias .postNoticias a:visited {
		color: #253566;
		font-size: 14px;
	}
	#conContenidoNoticias .postNoticias a:hover {
		text-decoration: underline;
	}


#conContenidoNoticias .categoriaNoticia {
	color: #0C2876;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}

/* A link gráfico "Ver más noticias" */
#btMasNoticias {
	clear: both;
	display: block;
	margin-top: 20px;
}

/* === (fin) Sección de noticias en la home === */



/* === (inicio) Sección de documentos públicos en la home === */

/* (inicio) Estructura del bloque de documentos públicos
 * Esta estructura es flexible a lo ancho (modificando el <width> en #conNoticias) y largo (se ajusta al contenido).
 * El contenido tiene dimensiones fijas (la altura es establecida mediante JS) para soportar el efecto "Scrollable" de las pestañas.
 * No tocar a menos que se sepa lo que se hace.
 */
#conDocPublicosHome {
	width: 460px; /* Ancho del bloque contenedor de documentos públicos */
	padding: 0;
	margin-top: 20px;
}
	#conDocPublicosBordeSup {
		background: url(img/home/con-docpub-borde-sup.gif) repeat-x 0 27px;
		height: 32px;
	}
		#docPublicosBordeSupIzq {
			background: #FFFFFF url(img/home/con-docpub-sup-izq.png) no-repeat 0 100%;
			width: 10px;
			height: 37px;
			float: left;
		}
		#docPublicosBordeSupDer {
			background: url(img/home/con-docpub-sup-der.png) no-repeat 0 100%;
			width: 10px;
			height: 37px;
			float: right;
		}
		#docPublicosPestanas {

		}
			/* Estilos comunes a todas las pestañas */
			#docPublicosPestanas a {
				display: block;
				float: left;
				width: 106px;
				height: 32px;
				margin-right: 4px;
			}
			#pesComunicados:link, #pesComunicados:visited {
				background: url(img/botones/pes-comunicados.png) no-repeat 0 0;
			}
			#pesResoluciones:link, #pesResoluciones:visited {
				background: url(img/botones/pes-resoluciones.png) no-repeat 0 0;
			}
			#pesAcuerdos:link, #pesAcuerdos:visited {
				background: url(img/botones/pes-acuerdos.png) no-repeat 0 0;
			}
			#pesCirculares:link, #pesCirculares:visited {
				margin-right: 0; /* La última pestaña no lleva margen */
				background: url(img/botones/pes-circulares.png) no-repeat 0 0;
			}
			/* Cambiar el fondo en hover o cuando la clase "pesSeleccionada" aparece */
			#pesComunicados:hover, #pesResoluciones:hover, #pesAcuerdos:hover, #pesCirculares:hover, .pesSeleccionada  {
				background-position: 0px -32px !important;
			}

	#conMedioDocPublicos {
				float: left;
				width: 100%;
				background: #FFFFFF url(img/home/fon-con-docpub.png) repeat-x top left;
			}
		#conDocPublicosBordeIzq {
			width: 100%;
			background: url(img/home/con-docpub-borde-izq.png) repeat-y top left;
		}
			#conDocPublicosBordeDer {
				width: 100%;
				background: url(img/home/con-docpub-borde-der.png) repeat-y top right;
			}
				/* Contenido del bloque, ya dentro de la estructura de bordes */
				#conContenidoDocPublicos {
					margin-left: 10px;
					/* estilos para el efecto "scrollable" en las pestañas */
					position: relative;
					overflow: hidden;
					width: 430px;
					height: 370px; /* Se modificará mediante JS en cada recarga de página */
				}

#conDocPublicosBordeInf {
	clear: both;
	background: url(img/home/con-docpub-borde-inf.png) repeat-x;
	height: 10px;
}
	#docPublicosBordeInfIzq {
		float: left;
		width: 10px;
		height: 10px;
		background: url(img/home/con-docpub-inf-izq.png) no-repeat;
	}
	#docPublicosBordeInfDer {
		float: right;
		width: 10px;
		height: 10px;
		background: url(img/home/con-docpub-inf-der.png) no-repeat;
	}
/* (fin) Estructura de sección de documentos públicos */


/* DIV Contenedor que se mueve horizontalmente cuando ocurre el scroll.
 * Contiene todos los .conContenidoPestana
 */
#conPestanasScroll {
	width: 3000px;
	position: absolute;
}
	/* DIV Contenedor que se muestra al hacer click en una pestaña */
	#conPestanasScroll div.conContenidoPestana {
		float: left; /* para el efecto "Scroll" */
		width: 420px; /* Debe coincidir con el ancho de #conContenidoDocPublicos */
		padding: 0px 10px;
		display: block;
	}
		#conPestanasScroll div.conContenidoPestana ul {
		width: 420px;
		}
			#conPestanasScroll div.conContenidoPestana li {

				border-bottom: 1px solid #9BA5BF;
				list-style: none outside none;
				background: url(img/iconos/bull-cuadro-roja.gif) no-repeat 0 18px; /* Aquí también posicionamos el bullet */
				padding: 12px 0 12px 9px;
			}
				.conContenidoPestana li a:link, .conContenidoPestana li a:visited {
					color: #333333;
					font-size: 14px;
				}
				.conContenidoPestana li a:hover {
					text-decoration: underline;
				}
				/* Etiqueta "Nuevo" que se anexa a ciertos dicumentos en las pestañas */
				span.etiquetaNuevoDoc {
					padding: 0 3px;
					background: #1d72d3;
					border: 1px solid #1d72d3;
					color: #FFFFFF;
					font-size: 11px;
				}

		/* A links gráficos "Ver más (...)" */
		#btMasComunicados, #btMasResoluciones, #btMasAcuerdos, #btMasCirculares {
			clear: both;
			display: block;
			margin-top: 20px;
		}

/* === (fin) Sección de documentos públicos en la home === */



/* === (inicio) Sección de eventos en la home === */

#conEventosHome {

}
	#titEventosHome {
		margin-bottom: 8px;
	}
	#conEventosHome ul {
		border-top: 1px solid #9BA5BF;
	}
		#conEventosHome li {
			border-bottom: 1px solid #9BA5BF;
			list-style: none outside none;
			padding: 12px 0 12px 0;
		}
			#conEventosHome .fechaEventoHome {
				display: block;
				font-size: 13px;
				color: #351FD2;
				/*color: #CC0000; original*/
				background-color: inherit;
				clear: both;
			}
			#conEventosHome li a:link, #conEventosHome li a:visited {
				color: #0C2876;
				font-size: 14px;
				background-color: inherit;
			}
			#conEventosHome li a:hover {
				text-decoration: underline;
			}


	/* A link gráfico "Ver más eventos" */
	#btMasEventos {
		clear: both;
		display: block;
		margin-top: 20px;
	}
/* === (fin) Sección de eventos en la home === */



/* === (inicio) Sección de convocatorias en la home === */

#conConvocatHome {
	margin-top: 30px;

}
	#titConvocatHome {
		margin-bottom: 8px;
	}
	#conConvocatHome ul {
		border-top: 1px solid #9BA5BF;
	}
		#conConvocatHome li {
			border-bottom: 1px solid #9BA5BF;
			list-style: none outside none;
			padding: 12px 0 12px 0;
		}
			#conConvocatHome .fechaConvocatHome {
				display: block;
				font-size: 13px;
				color: #CC0000;
				background-color: inherit;
				clear: both;
			}
			#conConvocatHome li a:link, #conConvocatHome li a:visited {
				font-size: 14px;
				color: #0C2876;
				background-color: inherit;
			}
			#conConvocatHome li a:hover {
				text-decoration: underline;
			}


	/* A links gráfico "Ver más convocatorias" */
	#btMasConvocat {
		clear: both;
		display: block;
		margin-top: 20px;
	}
/* === (fin) Sección de convocatorias en la home === */



/* === (inicio) Bloques laterales (en la home) === */

/* Contenedor absoluto de los bloques con bordes redondos laterales */
.bloLateralHome {
	width: 190px;
	margin: 0 0 15px 0;
}
	/* Contenedor del borde superior */
	.bloLateralHome .bordeSupBloque {
		height: 8px;
		background: url(img/home/blo-lateral-borde-sup.gif) no-repeat;
	}
	/* Contenedor del borde inferior */
	.bloLateralHome .bordeInfBloque {
		background: url(img/home/blo-lateral-borde-inf.gif) no-repeat;
		height: 8px;
	}
	/* Contenedor medio del bloque */
	.bloLateralHome .conMedioBloque {
		background: #C3C7D2 url(img/home/blo-lateral-fon-medio.gif) repeat-y;
	}
		/* Título del bloque */
		.bloLateralHome  h2 {
			display: inline-block;
			width: 100%;
			margin: 0 0 8px 0;
			font-family: 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
			font-size: 15px;
			color: #0C2876;
			background-color: transparent;
			font-weight: 700;
			text-align: center;
		}
		/* Contenedor del borde superior interno (área con degradado) */
		.bloLateralHome .bordeSupInternoBloque {
			background: url(img/home/blo-lateral-borde-sup-interno.gif) no-repeat;
			width: 174px;
			height: 8px;
			margin: 0 auto;
		}
		/* Contenido interno (aquí se inserta el contenido funcional del bloque) */
		.bloLateralHome .conInteriorBloque {
			width: 174px;
			margin: 0 auto;
			background: url(img/home/blo-lateral-fon-medio-interno.jpg) repeat-x;
		}

			/*Estilos para botones de cuadro lateral*/
			.bloLateralHome ul.lisBotonesLateral {
				display: block;
				width: 154px;
				list-style: none;
				margin: 0 auto;
				padding-bottom: 5px;
			}
				.bloLateralHome ul.lisBotonesLateral li {
					margin: 0 0 5px 0;
					padding: 0;
				}
					ul.lisBotonesLateral li a:link, ul.lisBotonesLateral li a:visited {
						display: block;
						width: 154px;
						height: 23px;
						margin: 0 0 8px 0;
						background: url(img/botones/bt-blo-lateral.gif) no-repeat 0 0;
						font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
						font-size: 14px;
						text-align: center;
						color: #FFFFFF;
						background-color: inherit;
						font-size: 14px;
						line-height: 21px;
					}
					ul.lisBotonesLateral li a:hover {
						background-position: 0 -23px;
						text-decoration: none;
					}

/* === (fin) Bloques laterales (en la home) === */



/* === (inicio) Bloque información académica === */

/* Contenedor del listado de enlaces de información académica */
#enlacesInfoAcademica ul {
	display: block;
	list-style: none outside none;
	padding: 0 5px 5px 5px;
}
	#enlacesInfoAcademica ul li {
		padding: 0 0 0 8px;
		margin: 0 0 5px 0;
		list-style: none outside none;
		background: url(img/iconos/bull-cuadro-azul.gif) no-repeat 0 7px;
	}
		#enlacesInfoAcademica ul li a:link, #enlacesInfoAcademica ul li a:visited {
			font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
			font-size: 14px;
			color: #051A54;
		}
		#enlacesInfoAcademica ul li a:hover {
			color: #C20000;
			text-decoration: underline;
		}

/* === (fin) Bloque información académica === */



/* === (inicio) Bloque de enlaces de comunicaciones (en la home) === */

#bloComunicaHome {
	margin: 0 0 20px 35px;
	display: flex;
	gap: 20px;
	width: 100%;
	flex-wrap: wrap;
}
	#bloComunicaHome a:link, #bloComunicaHome a:visited {
		display: block;
		/*width: 122px;*/
		width: 20%;
		height: 70px;
		padding-left: 47px; /* Se compensa con el width */
		margin: -10px -16px;
		font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
		font-size: 13px;
		text-align: left;
		color: #FFFFFF;
		background-color: inherit;
		line-height: 34px;
	}
	#bloComunicaHome a:hover {
		background-position: 0 -3px;
		text-decoration: none;
	}
	#btUnicaucaTV {
		background: url(img/botones/bt-com-unicauca-tv.png) no-repeat 0 0;
	}
	#btTransmisiones {
		background: url(img/botones/bt-Transmisiones.png) no-repeat 0 0;
	}
	#btIdentidad{
		background: url(img/botones/bt-Identidad.png) no-repeat 0 0;
	}
	#btPeriodicoEstudiantil {
		background: url(img/botones/bt-com-PeriodicoEstudiantil.png) no-repeat 0 0;
	}
	#btUnicaucaStereo {
		background: url(img/botones/bt-com-unicauca-stereo.png) no-repeat 0 0;
	}
	#btPeriodicos {
		background: url(img/botones/bt-com-periodicos.png) no-repeat 0 0;
	}
	#btComarca {
		background: url(img/botones/bt-com-comarca.png) no-repeat 0 0;
	}
	#btBancoP {
		background: url(img/botones/bt-com-banco-proyectos.png) no-repeat 0 0;
	}
	#btRelacionados {
		background: url(img/botones/bt-sitios_relacionados.png) no-repeat 0 0;
	}
	#btEstudiantil {
		background: url(img/botones/bt-estudiantil.png) no-repeat 0 0;
	}
	#btProfesoral {
		background: url(img/botones/bt-profesoral.png) no-repeat 0 0;
	}
	#btdae {
		background: url(img/botones/bt-com-unicauca-dae.png) no-repeat 0 0;
	}
/* === (fin) Bloque de enlaces de comunicaciones (en la home) === */



/* === (inicio) Bloque de banners (en la home) === */
#bloBannersHome {
	width: 190px;
}
	#bloBannersHome h2 {
		text-align: center;
		margin: 0 auto 3px auto;
	}

	/* Contenedor de los banners, al cual se le aplica el Jquery Cycle Lite para rotar los banners */
	#conBanners {
		width: 190px;
		height: 153px;
	}

	#conBotonesBanners {
		width: 40px;
		margin: 3px auto 0 auto;
	}
		#btAntBanner:link, #btAntBanner:visited {
			float: left;
			display: inline-block;
			margin-right: 8px;
			width: 16px;
			height: 16px;
			background: url(img/botones/bt-ant-banner.gif) no-repeat 0 0;
		}
		#btSigBanner:link, #btSigBanner:visited {
			float: left;
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(img/botones/bt-sig-banner.gif) no-repeat 0 0;
		}
		#btAntBanner:hover, #btSigBanner:hover {
			background-position: 0 -16px;
		}

	#btMasBanners {
		margin-top: 10px;
	}
/* === (fin) Bloque de banners (en la home) === */



/* === (inicio) Footer === */
#conFooter {
	background: #FFFFFF url(img/fon-footer.jpg) repeat-x 0 41px;
	padding-bottom: 5px;
	clear: both;
}
	/* DIV separador horizontal con el logo unicauca */
	#sepHorUnicauca {
		display: block;
		width: 970px;
		height: 75px;
		background: url(img/sep-logo-unicauca.png) no-repeat 0 0;
/*		background: url(img/sep-logo-unicauca.gif) no-repeat 0 0;*/
	}

	/* (inicio) bloques de links en el footer */

	/* DIV Contenedor de los bloques de links en el footer*/
	#conBloLinksFooter {
		width: 960px; /* Suma de los anchos de todos los bloques */
		margin: 10px 0 25px auto;
	}
		/* Uno de los bloques de links */
		#conBloLinksFooter div.bloLinks {
			width: 192px;
			float: left;
		}
			#conBloLinksFooter div.bloLinks h3.titLinks {
				margin: 0 0 5px 10px;
				color: #0C2876;
				background-color: inherit;
				font-size: 13px;
				font-weight: bold;
			}

			#conBloLinksFooter div.bloLinks ul {
				list-style-position: outside;
				list-style-type: none;
				margin: 0 0 0 14px;
			}
				#conBloLinksFooter div.bloLinks ul li {
					list-style-image: url(img/iconos/bull-cuadrado-gris.gif);
					margin: 0 0 0 11px;
					padding-bottom: 2px;
				}
					#conBloLinksFooter div.bloLinks a:link, #conBloLinksFooter div.bloLinks a:visited {
						color: #333333;
						font-size: 12px;
					}
					#conBloLinksFooter div.bloLinks a:hover {
						color: #C20000;
						text-decoration: underline;
					}
	/* (fin) bloques de links en el footer */

	/* (inicio) Links de idiomas y redes sociales */
	#conLinksIdiomas {
		display: block;
		float: left;
		height: 20px;
		margin-left: 675px;
		margin-top: 4px;
	}
	#conLinksRedSociales {
		display: block;
		float: right;
		height: 20px;
		margin-right: 30px;
	}
		#conLinksIdiomas h3, #conLinksRedSociales h3 {
			display: inline-block;
			float: left;
			color: #333333;
			font-size: 12px;
			font-weight: bold;
			line-height: 19px;
		}

		#conLinksIdiomas ul, #conLinksRedSociales ul {
			float: left;
		}
			#conLinksIdiomas ul li, #conLinksRedSociales ul li {
				float: left;
				margin: 0 5px;

			}
				#conLinksIdiomas a:link, #conLinksIdiomas a:visited, #conLinksRedSociales a:link, #conLinksRedSociales a:visited {
					color: #ffffff;
					font-size: 12px;
					padding-left: 18px;
					font-weight: 750;
				}
				#conLinksIdiomas a:hover, #conLinksRedSociales a:hover {
					color: #C20000;
					text-decoration: underline;
				}

				/* A links individuales */
				#linkIngles {
					background: url(img/iconos/ico-ingles.gif) no-repeat;
				}
				#linkFrances {
					background: url(img/iconos/ico-frances.gif) no-repeat;
				}
				#linkTwitter {
					background: url(img/iconos/ico-twitter.gif) no-repeat;
				}
				#linkFacebook {
					background: url(img/iconos/ico-facebook.png) no-repeat;
				}
				#linkFlickr {
					background: url(img/iconos/ico-flickr.gif) no-repeat;
				}
				#linkPicassa {
					background: url(img/iconos/ico-picassa.gif) no-repeat;
				}
	/* (fin) Links de idiomas y redes sociales */

/* === (fin) Footer === */



/* === (inicio) Footer inferior === */

#conFooterInferior {
	display: block;
	background: #CC0000 url(img/fon-cabecera-azul.png) repeat-y;
	height: 105px;
}
	/* Separador negro con borde blanco en el footer inferior */
	#sepNegroFooterInf {
		display: block;
		height: 4px;
		background-color: #000000;
		border-bottom: 1px solid #FFFFFF;
		clear: both;
	}
	#fonIzqFooterInf {
		display: block;
		height: 59px;
		width: 132px;
		/*background: url(img/fon-izq-footer-inf.gif) no-repeat;*/
		float: left;
	}
	#fonDerFooterInf {
		display: block;
		height: 59px;
		width: 132px;
		/*background: url(img/fon-der-footer-inf.gif) no-repeat;*/
		float: right;
	}

	#conContenidoFooterInf {
		float: left;
		width: 706px;
	}
		#footerInfDireccion {
			display: block;
			text-align: center;
			color: #FFFFFF;
			font-size: 11px;
			margin: 6px 0 3px 0;
		}
		#conContenidoFooterInf ul {
			display: block;
			width: 140px; /* Obligatorio para mantener el menú horizontal. Aumentar si cambia el contenido */
			height: 15px;
			margin: 0 auto;
		}
			#conContenidoFooterInf ul li {
				display: inline-block;
				float: left;
				margin: 0 5px;
			}
				#conContenidoFooterInf ul li a:link, #conContenidoFooterInf ul li a:visited {
					padding-left: 14px;
					background: url(img/iconos/bull-chulo.gif) no-repeat 0 2px;
					background-color: inherit;
					color: #FFFFFF;
					font-size: 11px;
				}
				#conContenidoFooterInf ul li a:hover {
					text-decoration: underline;
				}

/* === (fin) Footer inferior === */


/*Por Clasificar*/

#posicion{
			background:url(imgs/cuadro_posicion.gif) no-repeat;
			width:970px;
			height:74px;
			float:left;}

#caminodemigas{
				width:970px;
				float:left;
				}

				/*  Hack-box*/
					#caminodemigas{
						width:970px;
						float:left;
						padding:14px 25px 0 30px;
						voice-family: "\"}\"";
						voice-family: inherit;
						width:915px;} /*Para el ie60*/

						html>body div#caminodemigas{
							width:915px;} /*Para el firefox*/
				/**/
					#caminodemigas,
					#caminodemigas a{
						font-family:Arial, Helvetica, sans-serif;
						color:#666666;
						font-size:13px;}

						#caminodemigas a:hover{
							color:#993300;}



		#contendorTitulo{
				width:970px;
				float:left;}

				/*  Hack-box*/
						#contendorTitulo{
							width:970px;
							float:left;
							padding:10px 25px 0 30px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:915px;} /*Para el ie60*/

							html>body div#contendorTitulo{
								width:915px;} /*Para el firefox*/
					/**/
					#contendorTitulo h1{
						font-family:Arial, Helvetica, sans-serif;
						font-size:32px;
						color:#0C2876;
						font-weight:bold;}




		#contenidoGeneralInternas{
				/*background:url(imgs/contenido_internas.gif) repeat;*/
				background-color:#FFFFFF;
				width:970px;
				float:left;
				padding:10px 0 5px 0;}

				#contenidoPrincipalInternas,
				#contenidoPrincipalBuscador{
					width:730px;
					float:left;}

					/*  Hack-box*/
						#contenidoPrincipalInternas,
						#contenidoPrincipalBuscador{
							width:730px;
							float:left;
							padding:10px 0px 0 20px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:710px;} /*Para el ie60*/

							html>body div#contenidoPrincipalInternas,
							html>body div#contenidoPrincipalBuscador{
								width:710px;} /*Para el firefox*/
					/**/
/**/

				#contenidoLateralInternas{
					width:231px;
					float:left;}

					/*  Hack-box*/
						#contenidoLateralInternas{
							width:231px;
							float:left;
							padding:10px 10px 0 20px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:201px;} /*Para el ie60*/

							html>body div#contenidoLateralInternas{
								width:201px;} /*Para el firefox*/
					/**/

					#contenidoLateralInternas h2,
					#contenidoLateral h2{
						font-family:Tahoma, Arial, Helvetica, sans-serif;
						font-size:20px;
						color:#0C2876;
						font-weight:normal;
						text-align:center;
						margin:0 0 8px 0;}



/*SEARCH*/

#contenedorBusquedaResultados,
						.postResultado{
							width:667px;
							float:left;
							margin:0 0 15px 0;}

							.postResultado a{
								font-size:14px;
								color:#0C2876;
								text-decoration:underline;}

								.postResultado a:hover{
									font-size:14px;
									color:#A20000;
									text-decoration:underline;}

			#contenedorBusquedaResultados h3{
					font-family:Arial, Helvetica, sans-serif;
					font-size:19px;
					color:#A20000;
					text-align:left;
					font-weight:normal;}
				#contenedorBusquedaResultados p{
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#555555;
					text-align:left;}
/* ********* Bloques grises destacados en libros (inicio) ************
 *
 * Bloques grises de esquinas redondeadas dentro del contenido de libros. Aparecen en las páginas de primer nivel,
 * escritos mediante HTML y CSS directamente en el body de dichos libros.
 */
table.marcoBloquesGrises td {
	vertical-align: top;
	padding: 5px;
}
	/* wrapper agregado con dCorner */
	.dcorner_bloques {
		margin-bottom: 10px;
	}
		div.bloqueGrisDestacado {
			background-color: #EAEAEA;
			border: 1px solid #C5C5C5;
			width: 290px;
			padding: 10px 16px;
		}
			div.bloqueGrisDestacado a.titBloqueGrisDestacado, div.bloqueGrisDestacado a.titBloqueGrisDestacado:visited {
				background: url(imgs/bullet_flecha_destacados.gif) no-repeat left 8px;;
				display: block;
				padding-left: 15px;
				font-size: 20px;
				font-weight: bold;
				color: #993300;
			}
			#content-area div.bloqueGrisDestacado  p {
				/*padding: 0px 0px 0px 16px;*/
				margin: 0px;
				color:#000000;
				font-family:Arial,Helvetica,sans-serif;
				font-size:12px;
				font-weight:normal;
				line-height:18px;
				text-decoration:none;
			}

		/* DIVS agregadas en las esquinas por dCorner */
		.dcorner_bloques .top_left, .dcorner_bloques .top_right, .dcorner_bloques .bottom_left, .dcorner_bloques .bottom_right {
			background-image: url(imgs/dcorner_bordes.gif);
			width: 9px;
			height: 9px;
		}

/* ********* Bloques grises destacados en libros (fin) ************ */


				#contenedorArticulo p,
				#contenidoArticulo p,
				.contenidoArticuloAnexo p{
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color: #555;
					line-height:24px;
					font-weight:normal;
					text-decoration:none;
					}

		#contenedorArticulo h2{
					font-family:Tahoma, Arial, Helvetica, sans-serif;
					font-size:24px;
					color:#A20000;
					text-align:left;
					margin:0 0 5px 0;}

		#contenedorArticulo{
					/*width:679px;*/
					width:100%;
					float:left;
					padding:0 0 15px 0;
					margin:0;
					clear:both;}

					#contenidoForo{
					width:679px;
					padding:0 0 15px 0;
					}


#contenidoArticuloSeccion h3,
				.contenidoArticuloSeccion h3{                                                    /**** AGREGADO EL 1 DE AGOSTO ****/
					font-family:Arial, Helvetica, sans-serif;
					font-size:25px;
					color:#FFFFFF;
					font-weight:bold;}

					#contenidoArticuloSeccion,
				.contenidoArticuloSeccion{                                                    /**** AGREGADO EL 1 DE AGOSTO ****/
					background-color:#AAAAAA;
					width:709px;
					height:44px;
					float:left;}

					/*  Hack-box*/
						#contenidoArticuloSeccion,
						.contenidoArticuloSeccion{
							width:709px;
							height:44px;
							float:left;
							padding:7px 10px 0px 25px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:674px;
							height:37px;} /*Para el ie60*/

							html>body div#contenidoArticuloSeccion,
							html>body class.contenidoArticuloSeccion{
								width:674px;
								height:37px;} /*Para el firefox*/
					/**/

		#contenidoArticulo h4{
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#333333;
					font-weight:normal;}

	     #contenidoArticulo h1{
					font-family:Arial, Helvetica, sans-serif;
					font-size:23px;
					color:#A20000;
					float: none;
					font-weight:bold;
					line-height:27px;
					margin:0 0 10px 0;}

				#contenidoArticulo h2{
					font-family:Arial, Helvetica, sans-serif;
					font-size:16px;
					color:#A20000;
					font-weight:bold;
					margin:0 0 10px 0;}

					#contenidoArticulo h2 a{
						font-family:Arial, Helvetica, sans-serif;
						font-size:16px;
						color:#A20000;
						font-weight:bold;
						margin:0 0 0 0;}



			#contenidoArticulo,
				.contenidoArticulo,
				.contenidoArticuloComplemento,
				.contenidoArticuloAnexo{                                                                                    /**** AGREGADO EL 2 DE AGOSTO ***/
					color: #555;
					line-height:24px;
					background-color:#EAEAEA;
					width:720px;
					float:left;}

					/*  Hack-box*/
						#contenidoArticulo,
						.contenidoArticulo,
						.contenidoArticuloAnexo{
							width:720px;
							float:left;
							padding:20px 25px 10px 25px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:660px;} /*Para el ie60*/

							html>body div#contenidoArticulo,
							html>body class.contenidoArticulo,
							html>body class.contenidoArticuloAnexo{
								width:660px;} /*Para el firefox*/                                                             /**** AGREGADO EL 2 DE AGOSTO ***/
					/**/

					.separador{
						border-bottom:1px dotted #555555;
						height:1px;
						margin-top:20px;
						margin-bottom:10px;
						clear:both;
						line-height:1px;}

/*NAVEGACION DE LAS REDES SOCIALES DENTRO DEL FOOTER*/

		#navCreditosUsuario{
			height:30px;
			float:left;}

			#navCreditosUsuario ul{
				list-style:none;
				/*margin:0 0 0 10.8em;*/
				padding:0;
				clear:both;
				float:left;}

				#navCreditosUsuario li{
					list-style:none;
					float:left;}

					#navCreditosUsuario ul li{
						margin:0 15px 0 0;
						padding:0 0 0 0;
						/*float:left;*/
						text-align:left;}

						#navCreditosUsuario li a{

							font-family:Arial, Helvetica, sans-serif;
							color:#A60000 !important;
							font-size:12px;
							text-decoration:none !important;
							font-weight:normal;
							/*text-align:right;*/}

							#navCreditosUsuario li a:hover{
								color:#666666;
								text-decoration:underline;}

								#navCreditosUsuario li#opinar{
									list-style:none;
									background-image:url(imgs/ico_opinar.gif);
									background-repeat:no-repeat;}

									#navCreditosUsuario ul li#opinar{
										padding:0 0 0 19px;
										text-align:left;}

								#navCreditosUsuario li#enviar{
									list-style:none;
									background-image:url(imgs/ico_enviar.gif);
									background-repeat:no-repeat;}

									#navCreditosUsuario ul li#enviar{
										padding:0 0 0 19px;
										text-align:left;}

								#navCreditosUsuario li#imprimir{
									list-style:none;
									background-image:url(imgs/ico_impresion.gif);
									background-repeat:no-repeat;}

									#navCreditosUsuario ul li#imprimir{
										padding:0 0 0 19px;
										text-align:left;}

								#navCreditosUsuario li#ingresar{
									list-style:none;
									background-image:url(imgs/ico_correo.gif);
									background-repeat:no-repeat;}

									#navCreditosUsuario ul li#ingresar{
										padding:0 0 0 19px;
										text-align:left;}
	/*FIN DE NAVEGACION DE LAS REDES SOCIALES DENTRO DEL FOOTER*/
/* TABLA que forma la estructura de la foto y sus créditos /pie de foto que aparece en el contenido de la noticia */
		 .notFoto_marco {
			width: 246px;
			float: right;
			margin: 0px 0px 10px 20px;
			background-color:#FFFFFF;
				font-size: 11px;
			color:#666666;
			border:0px;
		}
			/* TD que contiene la foto */
			 .notFoto_marco #notFoto_foto {
				text-align: center;
				vertical-align: middle;
				border:0px;
			}
			/* TD que contiene el pié de foto */
			 .notFoto_marco #notFoto_pie {
				padding:8px 10px 4px 10px;
				border:0px;
				line-height: 12px;
			}
			/* TD que contiene los créditos de la foto */
			 .notFoto_marco #notFoto_creditos {
				padding: 4px 10px 8px 10px;
				font-style: italic;
				text-align: right;
				border:0px;
			}
/* DIV contenedora de la información de créditos y contacto */
	#noticiaCreditos {
		margin-top: 10px;
		margin-bottom: 20px;
		border: 1px dashed #989898;
	}
		/* DIV contenedora del título "Créditos y contacto" */
		#noticiaCreditosTitulo {
			background-color: #EBEBEB;
			border-bottom: 1px dashed #989898;
			padding: 4px 0;
			text-align: center;
		}
			/* H3 título */
			#noticiaCreditosTitulo h3 {
				color: #0C2876;
				font-size: 14px;
				font-weight: bold;
			}
		/* DIV con el texto de los datos de redacción y edición */
		#noticiaCreditosContenido {
			padding: 10px 8px 0 8px;
			background-color: #FFF;
			color:#555555;
			text-align:center;
		}
			#noticiaCreditosContenido h4 {
				font-size:14px;
				font-weight:bold;
			}
			#noticiaCreditosContenido p {
				font-size:13px;
				padding: 0 0 10px 0;
				margin: 0;
			}

	/* DIV contenedora de los textos de categoría y etiquetas */
	.noticiaCatEtiquetas {
		background-color: #FFF;
		border: 1px dashed #989898;
		padding: 8px 8px 3px 8px;
	}
	.noticiaCatEtiquetas p {
		margin-bottom: 5px;
	}

/* Listados de noticias */



/* CUADRO CONTENIDO INTERNO
		#destacadoPestGris{
					background:url(imgs/destacado_cuadro_gris.jpg) no-repeat;
					width:225px;
					height:329px;
					float:right;
					clear:both;
					margin:0 0 5px 25px;}
			#tituloDestacadoPestGris{
						width:180px;
						height:34px;
						float:right;
						padding:4px 5px 0 0;}

			#tituloDestacadoPestGris h3{
					font-family:Tahoma, Arial, Helvetica, sans-serif;
					font-size:19px;
					color:#A20000;
					text-align:center;
					font-weight:normal;}
			*/
					/*Modificado 22/02/10/ */
#destacadoPestGris{
width:225px;
/*height:329px;*/
float:right;
clear:both;
margin:0 0 5px 25px;}
#tituloDestacadoPestGris{
background:url(imgs/superior_destacado_cuadro_gris.jpg) no-repeat;
width:225px;
height:37px;
float:right;}
#navDestacadoPestGris{ /*Reemplazar en la navegacion.css*/
background:url(imgs/medio_destacado_cuadro_gris.jpg) repeat;
width:225px;
float:right;}
#inferiorDestacadoPestGris{
background:url(imgs/inferior_destacado_cuadro_gris.jpg) no-repeat;
width:225px;
height:48px;
float:right;}
#tituloDestacadoPestGris h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:19px;
color:#A20000;
text-align:center;
font-weight:normal;
padding:5px 0 0 40px}
/*Fin Modificado 22/02/10/ */

/*NAVEGACION DE RECURSOS EN LINEA*/

		#navDestacadoPestGris{
			clear:both;}

			#navDestacadoPestGris ul{
				list-style:none;
				margin:0;
				padding:20px 0 0 20px;
				float:left;}

				#navDestacadoPestGris li{
					list-style:none;
					background-image:url(imgs/bullet_flecha_gris.gif);
					background-repeat:no-repeat;
					border-bottom:1px dotted #CCCCCC;
					margin:0;
					padding:0;
					width:168px;
					/*height:20px;*/
					text-align:left;}

					#navDestacadoPestGris ul li,
					#navDestacadoPestGris ul li#ultimonavDestacado{
						margin:7px 0 7px 0;
						padding:0 0 0 10px;}

						#navDestacadoPestGris li a{
							font-family:Arial, Helvetica, sans-serif;
							color:#051A54;
							font-size:15px;
							text-decoration:none;
							text-align:center;}

							#navDestacadoPestGris li a:hover{
								color:#C20000;
								text-decoration:none;}

							/*#recursosLinea ul#ultimosinlinea{
								list-style:none;
								margin:0;
								padding:10px 0 10px 14px;
								float:left;}*/

							#navDestacadoPestGris li#ultimonavDestacado{
								list-style:none;
								background-image:url(imgs/bullet_flecha_gris.gif);
								background-repeat:no-repeat;
								border:0;
								margin:0;
								padding:0;
								width:146px;
								/*height:20px;*/
								text-align:left;}

	/*FIN DE NAVEGACION DE RECURSOS EN LINEA*/

.conInteriorBloque li.leaf,  .conInteriorBloque li.collapsed{
list-style-type:none;
list-style-image:none;
}

/*Estilos para botones de cuadro lateral*/
			.bloLateralHome ul.menu {
				display: block;
				width: 154px;
				list-style: none;
				margin: 0 auto;
				padding-bottom: 5px;
			}
				.bloLateralHome ul.menu li {
					margin: 0 0 5px 0;
					padding: 0;
				}
				/*********MODIFICADO 10-03-2015***************/
				.bloLateralHome ul.menu li a:link,.bloLateralHome ul.menu li a:visited {
						display: block;
						width: 154px;
						height: 100%;
						margin: 0 0 8px 0;
						background: #0D3180;
						font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
						font-size: 14px;
						text-align: center;
						color: #FFFFFF;
						font-size: 14px;
						line-height: 21px;
						border: 1px solid #0D3180;
					/*********INSTRUCCIONES PARA BORDER LOS LADOS DEL BOTON*********************/
						-webkit-border-top-left-radius: 8px;
						-webkit-border-top-right-radius: 8px;
						-moz-border-radius-topleft: 8px;
						-moz-border-radius-topright: 8px;
						border-top-left-radius: 8px;
						border-top-right-radius: 8px;

						-webkit-border-bottom-left-radius: 8px;
						-webkit-border-bottom-right-radius: 8px;
						-moz-border-radius-bottomleft: 8px;
						-moz-border-radius-bottomright: 8px;
						border-bottom-left-radius: 8px;
						border-bottom-right-radius: 8px;
					/******INSTRUCCION QUE PERMITE CAMBIAR EL COLOR DEL BOTON
					 *CUANDO SE ESTA SOBRE EL, EN ESTE CASO ES ROJO
					 */
					}
					.bloLateralHome ul.menu li a:hover {
						background: #B90000;
						border: 1px solid #B90000;
						text-decoration: none;
					}

					/*
					 * SE Modifica esto Por el problema de los enlaces con mas de dos lineas
					 *
					.bloLateralHome ul.menu li a:link,.bloLateralHome ul.menu li a:visited {
						display: block;
						width: 154px;
						height: 23px;
						margin: 0 0 8px 0;
						background: url(img/botones/bt-blo-lateral.gif) no-repeat 0 0;
						font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
						font-size: 14px;
						text-align: center;
						color: #FFFFFF;
						background-color: inherit;
						font-size: 14px;
						line-height: 21px;
					}
					*/
					ul.menu li a:hover {
						background-position: 0 -23px;
						text-decoration: none;
					}
/* ********* Bloques grises destacados en libros (inicio) ************
 *
 * Bloques grises de esquinas redondeadas dentro del contenido de libros. Aparecen en las páginas de primer nivel,
 * escritos mediante HTML y CSS directamente en el body de dichos libros.
 */
table.marcoBloquesGrises td {
	vertical-align: top;
	padding: 5px;
}
	/* wrapper agregado con dCorner */
	.dcorner_bloques {
		margin-bottom: 10px;
	}
		div.bloqueGrisDestacado {
			background-color: #EAEAEA;
			border: 1px solid #C5C5C5;
			width: 290px;
			padding: 10px 16px;
		}
			div.bloqueGrisDestacado a.titBloqueGrisDestacado, div.bloqueGrisDestacado a.titBloqueGrisDestacado:visited {
				background: url(imgs/bullet_flecha_destacados.gif) no-repeat left 8px;;
				display: block;
				padding-left: 15px;
				font-size: 20px;
				font-weight: bold;
				color: #993300;
			}
			#content-area div.bloqueGrisDestacado  p {
				/*padding: 0px 0px 0px 16px;*/
				margin: 0px;
				color:#000000;
				font-family:Arial,Helvetica,sans-serif;
				font-size:12px;
				font-weight:normal;
				line-height:18px;
				text-decoration:none;
			}

		/* DIVS agregadas en las esquinas por dCorner */
		.dcorner_bloques .top_left, .dcorner_bloques .top_right, .dcorner_bloques .bottom_left, .dcorner_bloques .bottom_right {
			background-image: url(imgs/dcorner_bordes.gif);
			width: 9px;
			height: 9px;
		}

/* ********* Bloques grises destacados en libros (fin) ************ */
/* ********* Redondeo de esquinas dCorners (inicio) ************
 *
 * Estilos necesarios para el redondeo de esquinas con el plugin de jQuery dCorners
 * Autor: Dany A. Cabrera
 */

.top_left, .top_right, .bottom_left, .bottom_right {
	position:absolute;
}

.dcorner_wrapper{
	position:relative;
	padding: 0;
	height: auto;
}

.top_left{top:0;left:0;background-position:left top;}
.top_right{top:0;right:0;background-position:right top;}
.bottom_left{left:0;background-position:left bottom;}
.bottom_right{right:0;background-position:right bottom;}

/* ********* Redondeo de esquinas dCorners (fin) ************ */



/* === (inicio) Bloque de noticias (en la home) === */
#bloNoticiasHome {
	width: 190px;
	height:293px;
}
	#bloNoticiasHome h2 {
		text-align: center;
		margin: 0 auto 3px auto;
	}

	/* Contenedor de los banners, al cual se le aplica el Jquery Cycle Lite para rotar los banners */
	#conNoticias {
		width: 190px;
		height: 153px;
	}

	#conBotonesNoticias {
		width: 40px;
		margin: 3px auto 0 auto;
	}
		#btAntNoticias:link, #btAntNoticias:visited {
			float: left;
			display: inline-block;
			margin-right: 8px;
			width: 16px;
			height: 16px;
			background: url(img/botones/bt-ant-banner.gif) no-repeat 0 0;
		}
		#btSigNoticias:link, #btSigNoticias:visited {
			float: left;
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url(img/botones/bt-sig-banner.gif) no-repeat 0 0;
		}
		#btAntNoticias:hover, #btSigNoticias:hover {
			background-position: 0 -16px;
		}

	#btMasNoticias {
		margin-top: 10px;
	}

/* === (fin) Bloque de banners (en la home) === */

/* (inicio) Slideshow de imágenes en el bloque de noticias */
#conSlideNoticias {
	width: 425px;
	color: #FFFFFF;
	margin: 8px 0 0 0;
}
	#conFotoNoticia {
		position: relative;
		height: 285px;

	}
		#comentarioFotoNoticia {
			position: absolute;
			height: 28px;
			padding: 6px 10px;
			top: 225px;
			background: url(img/estruc-home/fon-comentario-slide-noticia.png) repeat;
			font-size: 11px;
			color:#FFFFFF;
			width: 405px;

		}

		#btAnteriorSlide:link, #btAnteriorSlide:visited , #btSiguienteSlide:link, #btSiguienteSlide:visited {
			display: block;
			width: 57px;
			height: 18px;
			line-height: 18px;
			background: #092368;
			color: #FFFFFF;
			text-align: center;
		}
		#conNavSlideNoticias #btAnteriorSlide:link, #conNavSlideNoticias #btAnteriorSlide:visited {
			float: left;
			border-right: 2px solid #737E99;
		}
		#conNavSlideNoticias #btSiguienteSlide:link, #conNavSlideNoticias #btSiguienteSlide:visited {
			border-left: 2px solid #737E99;
			border-right: 0px;
			float:right;
		}
		#btAnteriorSlide:hover, #btSiguienteSlide:hover {
			background: #990000;
		}

		#conNavSlideNoticias {
			height: 18px;
			float: left;
			position: absolute;
			/*left: 50%;*/


			background: #031747;
			font-size: 10px;
			width: 425px;

		}

		#conNavSlideNoticias a {
				float: left;/*
				position: relative;
				right: 50%;*/
				margin-right: 8px;
				text-align:center;

			}


			#conNavSlideNoticias  a:link, #conNavSlideNoticias  a:visited {
					display: block;
					width: 18px;
					height: 18px;
					line-height: 18px;
					color: #FFFFFF;
					text-align: center;
					float:left;
					margin:0 auto;

				}
			#conNavSlideNoticias  a.activeSlide	{

					color: #FFDDFF;


				}


				#conNavSlideNoticias  a:hover {
					background: url(img/iconos/ico-bloque-rojo.png) no-repeat;

				}

				#conNavSlideNoticias a.linkSlideActual {
					background: url(img/iconos/ico-bloque-rojo.png) no-repeat;

				}

/* (fin) Slideshow de imágenes en el bloque de noticias */

/* Estilos para listas de enlaces en bloque lateral */
	.bloLateralHome ul.lisEnlaces {
		padding: 0 5px 10px 9px;
	}
		.bloLateralHome ul.lisEnlaces li {
			background: url(img/iconos/bul-cuadro-azul.gif) no-repeat left 7px;
			padding: 0 0 0 8px;
			margin: 0 0 10px 0;
		}
			.bloLateralHome ul.lisEnlaces li a:link, .bloLateralHome ul.lisEnlaces li a:visited {
				font-family: 'Arial Narrow', 'Helvetica Narrow', 'FreeSerif', 'Franklin Gothic Medium', Sans-Serif;
				font-size: 14px;
				color: #051A54;
			}
			.bloLateralHome ul.lisEnlaces li a:hover {
				color: #B20000;
			}

/* === (fin) Bloques laterales de botones (en la home) === */
.conInteriorBloque a.tagadelic:link, .conInteriorBloque a.tagadelic:visited {
	color: #051A54;}
.conInteriorBloque a.tagadelic:hover {

	color: #B20000;}

		/* === (fin) Estructura contenido interno === */

	#contenedorTitulo{
		float: left;
		width:940px;
		margin: 0 0 0 0px;
    	height: 30px;
    	padding: 10px 0 10px 30px;
	}

		#contenedorTitulo h1 {
		color: #0C2876;
		font-size: 32px;
		font-weight: bold;
		}

.breadcrumb {
    color: #494949;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

    padding: 5px 0 5px 48px;
}
	.breadcrumb a {
		color: #666666;
		display: inline-block;
		font-size: 13px;
		margin: 0 5px;
	}

	/* === (inicio) Bloques laterales de botones (en la home) === */


	/* Contenedor del borde superior */
	.bordeSupContenido {
		height: 8px;
		background: url(img/estruc-general/con-especial-borde-sup.jpg) no-repeat;
	}
	/* Contenedor del borde inferior */
	 .bordeInfContenido {
		background: url(img/estruc-general/con-especial-borde-inf.jpg) no-repeat;
		height: 8px;
	}
	/* Contenedor medio del bloque */
	.conMedioContenido {
		 padding-top:11px;
		 padding-bottom:11px;
		 float: left;
  		 width: 712px;
		 background: url(img/estruc-general/con-especial-fon-medio.jpg) repeat-x;
	}


	/* === (fin) Bloques laterales de botones (en la home) === */
#conContenidoNoticiasCol1  {
	float: left; width: 320px;
	margin-left:20px;
	margin-right:30px;
}
#conContenidoNoticiasCol2  {
	float: right; width: 320px;
	margin-right:20px;
}

/* LI uno de los elementos en la lista de noticias */
#conContenidoNoticiasCol1 .postNoticias, #conContenidoNoticiasCol2 .postNoticias {
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #9BA5BF;
}
	#conContenidoNoticiasCol1 .postNoticias a:link, #conContenidoNoticiasCol1 .postNoticias a:visited,
	#conContenidoNoticiasCol2 .postNoticias a:link, #conContenidoNoticiasCol2 .postNoticias a:visited{
		color: #253566;
		font-size: 14px;
	}
	#conContenidoNoticiasCol1 .postNoticias a:hover,
	#conContenidoNoticiasCol2 .postNoticias a:hover{
		color: #3D5FBB;
		text-decoration: underline;
	}


#conContenidoNoticiasCol1 .categoriaNoticia, #conContenidoNoticiasCol2 .categoriaNoticia {
	color: #C40000;
	font: bold 20px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
	font-weight: normal;
	font-size: 15px;
}

table.marcoBloquesAzules td  {
    vertical-align: top;
}
table.marcoBloquesAzules td#colAzulDer {
    padding-left: 5px;
}
table.marcoBloquesAzules   td#colAzulIzd   {
    padding-right: 5px;
}
.bloq-CuadroGris{
	   	margin: 0 0 15px;
    	width: 712px;
	}

.bloq-CuadroAzul{
	   	margin: 0 0 15px;
    	width: 353px;
	}

/* Contenedor del borde superior */

	.bordeSupCuadrosAzules {
		height: 8px;
		background: url(img/estruc-general/cuadros-azules-borde-sup.jpg) no-repeat;
	}
	/* Contenedor del borde inferior */
	 .bordeInfCuadrosAzules {
		background: url(img/estruc-general/cuadros-azules-borde-inf.jpg) no-repeat;
		height: 8px;
	}
	/* Contenedor medio del bloque */
	.conMedioCuadrosAzules {
		 padding-top:11px;
		 height:58px;
  		 width: 350px;
		 background: url(img/estruc-general/cuadros-azules-fon-medio.jpg) repeat-x;
	}
	.conMedioEspCuadrosAzules {
		 height:68px;
  		 width: 350px;
		 background: url(img/estruc-general/cuadros-azules-fon-medio.jpg) repeat-x;
	}

#imagCuadroAzul{
	 float:left;
	 width:35px;
	 padding:0px 0px 0px 20px;
	}
#textCuadroAzul{
	 float:right;
	 width:275px;
	 padding-right:20px;
	}
#textEspCuadroAzul{
	 float:right;
	 width:235px;
	 padding-right:10px;
	}

div#textEspCuadroAzul a.titCuadrosAzul, div#textEspCuadroAzul a.titCuadrosAzul:visited{
    color: #FFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-left: 15px;
}
	div#textCuadroAzul a.titCuadrosAzul, div#textCuadroAzul a.titCuadrosAzul:visited{
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
}

div#textCuadroAzul p{
    color: #253566;
    display: block;
    font-size: 13px;
    padding-left: 15px;
}

/* Título de los bloques de contenido (azul) */
h2.titBloque {
	font: bold 20px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
	color: #0C2876;
	background-color: inherit;
}

/* Título de los bloques de contenido (rojo) */
h2.titBloqueRojo {
	font: bold 20px 'Arial Narrow','Helvetica Narrow',Tahoma,sans-serif;
	color: #B20000;
}


/* Lista Eventos */
		.conInterno .subseccionConInterno {
			height: 40px;
			background-color:#AAAAAA;
		}
			/* H3 TÃ­tulo de la sub-secciÃ³n */
			.conInterno .subseccionConInterno h3 {
				margin-left: 25px;
				line-height: 40px;
				color:#FFFFFF;
				font-size:27px;
				font-weight: normal;
			}
		.lisNoticia_separador {
			border-bottom: 1px dotted #888888;
			clear: both;
			height: 1px;
			line-height: 1px;
			margin: 10px 0;
		}

/* Lista Noticias*/
.lisNoticia_catFecha {
		font-size: 13px;
		color: #003A75;
	}
		.lisNoticia_catFecha a:link, .lisNoticia_catFecha a:visited {
			color: #003A75;
			text-decoration: none;
		}
		.lisNoticia_catFecha a:hover {
			text-decoration: underline;
		}
#lisNoticia_titulo {
		color: #A60000;
		font-size: 16px;
		font-weight: bold;
	}
#lisNoticia_titulo a:link, #lisNoticia_titulo a:visited, .lisNoticia_catFecha a:visited {
	color:#990000;
	text-decoration:none;
}
#lisNoticia_titulo a:hover {
	color:#0A266F;
	text-decoration:none;
}

	.lisNoticia_imagen {
		width: 120px;
		padding-left: 5px;
		text-align: center;
		vertical-align: top;
	}

/*Paginador*/
.pager strong,
.pager a,
.pager a:link,
.pager a:visited {
/*  margin:0px 0.15em 0px 0.15em; */
/*  background-color:#fff; */
 /* border:1px solid #c11f03; */
  font-weight: bold;
}

div#page .pager a:hover {
  text-decoration:none;
  color:#fff;
  background-color:#0C2876;
  font-weight: bold;
}

.pager strong {
  background-color:#c11f03;
  color:#fff;
  font-weight: bold;
}

#contentUnico {
    margin: 20px auto;
    width: 852px;
}

/* ****** Secci�n de comentarios (inicio) ******
 *
 * Estilos para los comentarios que los usuarios publican en los nodos.
 */
	/* DIV Contenedor absoluto de la lista de comentarios, t�tulo incluido */
	#comments {
		background:#EAEAEA;
		width: 660px;
		padding-bottom: 10px;
		padding-top: 10px;
		float: left;
	}
		/* H2 t�tulo de la secci�n de comentarios */
		#comments h2.comments {
			font-size: 18px;
			color: #993300;
			margin: 10px;
			text-align:center;
		}

		/* DIV contenedora de un comentario */
		.comment {
			padding:10px 15px 8px;
			margin: 10px;
			background-color:#F4F4F4;
			border:1px dashed #C8C8C8;
		}
		/* Comentario indentado (una respuesta) */
		.indented .comment	{
			padding:10px 15px 8px;
			background-color:#FFFFFF;
			border:1px dashed #C8C8C8;
			margin:0 0 8px;
		}
		/* Clase que indenta los comentarios de respuesta */
		.indented {
			margin-left: 25px;
		}

			/* Link que muestra el autor del comentario */
			.autorComentario a, .autorComentario a:visited {
				color:#515151;
				font-size:22px;
				font-weight: bold;
			}

			/* SPAN con el indicador de "nuevo" comentario para el usuario actual */
			.new {
				color: #003366;
				font-style: italic;
			}

			/* DIV que contiene los links ("Editar", "Eliminar", "Responder") disponibles para cierto comentario */
			.comment .links {
				text-align: right;
				padding: 0px 0px 3px 0px;
			}
				/* UL de los links */
				.comment ul.links {
				}

/* ****** Secci�n de comentarios (fin) ******




/* CSS Document */
#conPestComHome {
	width: 662px;
	padding: 0;
	margin-top: 20px;
}
#conPestComBordeSup {
		background: url(img/pestanas/superior.jpg) repeat-x 0 55px;
		height: 70px;
	}
#doComuBordeSupIzq {
			background: #FFFFFF url(img/pestanas/borde-sup-izq.jpg) no-repeat 0 100%;
			width: 18px;
			height: 70px;
			float: left;
		}
		#doComuBordeSupDer {
			background: url(img/pestanas/borde-sup-der.jpg) no-repeat 0 100%;
			width: 18px;
			height: 70px;
			float: right;
		}
		#doComuPestanas {

		}

			#doComuPestanas a {
				display: block;
				float: left;
				width: 150px;
				height: 55px;
				margin-right: 4px;
			}
			#pesUnicauca:link, #pesUnicauca:visited {
				background: url(img/pestanas/uninoticias.png) no-repeat 0 0;
			}
			#pesUniverCiudad:link, #pesUniverCiudad:visited {
				background: url(img/pestanas/univerciudad.png) no-repeat 0 0;
			}
			#pesPerspectivas:link, #pesPerspectivas:visited {
				background: url(img/pestanas/perspectivas.png) no-repeat 0 0;
			}
			/* Cambiar el fondo en hover o cuando la clase "pesSeleccionada" aparece */
			#pesUnicauca:hover, #pesUniverCiudad:hover, #pesPerspectivas:hover, .pesSeleccionadaCom  {
				background-position: 0px -56px !important;
			}
#conMediodoComu {
				float: left;
				width: 100%;
				background: #FFFFFF url(img/pestanas/degradado.jpg) repeat-x top left;
			}
		#conPestComBordeIzq {
			width: 100%;
			background: url(img/pestanas/lateral-izq.jpg) repeat-y top left;
		}
			#conPestComBordeDer {
				width: 100%;
				background: url(img/pestanas/lateral-der.jpg) repeat-y top right;
			}
				#conContenidodoComu {
					margin-left: 10px;
					position: relative;
					overflow: hidden;
					width: 640px;
					height: 370px;
				}

#conPestComBordeInf {
	clear: both;
	background: url(img/pestanas/inferior.jpg) repeat-x;
	height: 18px;
}
	#doComuBordeInfIzq {
		float: left;
		width: 18px;
		height: 18px;
		background: url(img/pestanas/borde-inf-izq.jpg) no-repeat;
	}
	#doComuBordeInfDer {
		float: right;
		width: 18px;
		height: 18px;
		background: url(img/pestanas/borde-inf-der.jpg) no-repeat;
	}

#conListaPesComunicados{

}

#cuerpo{
   margin: 10 0 10 0px;
}
#lateral{
    background-color: #FFFFFF;
    border-right: 1px #CCCCCC dashed;
    float: left;
    padding: 7px;
    width: 370px;
	margin-left: 8px;
}

#principal{
   margin-left: 385px;
   padding-left:25px;
   padding-right:8px
   height:315px;
   padding-top: 85px;
}

.btVerMasComu:link, .btVerMasComu:visited {
	display: block;
	width: 98px;
	padding-left: 13px; /* Compensa el ancho */
	height: 26px;
	background: url(img/pestanas/otras_emisiones.png) no-repeat 0 0;
	font-family: 'Arial Narrow','Helvetica Narrow','FreeSerif',Tahoma,sans-serif;
	font-size: 14px;
	text-align: left;
	color: #051A54;
	line-height: 20px;
}
#btMasComu {

	display: block;
	margin-top: 50px;
}

	#principal h3{
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}

	#principal p{
		font-family:Arial, Helvetica, sans-serif;
	}

	/* DIV Contenedor que se mueve horizontalmente cuando ocurre el scroll.
 * Contiene todos los .conContenidoPestana
 */
#conPestanasScrollComu {
	width: 3000px;
	position: absolute;
}
	/* DIV Contenedor que se muestra al hacer click en una pestaña */
	#conPestanasScrollComu div.conContenidoPestanaCom {
		float: left; /* para el efecto "Scroll" */
		width: 610px; /* Debe coincidir con el ancho de #conContenidoDocPublicos */
		padding: 0px 10px;
		display: block;
	}

	/*PERFIL*/
	.contenedorPerfilAmpliado{
		background-color:#FFFFFF;
		width:617px;
		float:right;
		margin:0 0 10px 0;}

		/*  Hack-box*/
			.contenedorPerfilAmpliado{
				width:617px;
				padding:15px 15px 10px 15px;
				voice-family: "\"}\"";
				voice-family: inherit;
				width:587px;} /*Para el ie60*/

				html>body class.contenedorPerfilAmpliado{
					width:587px;} /*Para el firefox*/
		/**/
				.perfilAmpliadoLateral{
			width:190px;
			float:left;}

		.perfilAmpliadoInformacion{
			width:397px;
			float:left;}

			/*  Hack-box*/
				.perfilAmpliadoInformacion{
					width:397px;
					padding:0 0 0 20px;
					voice-family: "\"}\"";
					voice-family: inherit;
					width:377px;} /*Para el ie60*/

					html>body class.perfilAmpliadoInformacion{
						width:377px;} /*Para el firefox*/
			/**/

			#fotoPerfil{
				background:url(imgs/contenedor_foto_perfil.jpg) no-repeat;
				width:185px;
				height:189px;

				float:left;}

				/*  Hack-box*/
					#fotoPerfil{
						width:196px;
						height:196px;
						padding:10px 0 0 0px;
						voice-family: "\"}\"";
						voice-family: inherit;
						width:186px;
						height:186px;} /*Para el ie60*/

						html>body div#fotoPerfil{
							width:186px;
							height:186px;} /*Para el firefox*/
				/**/

			.contenedorLateralAmigos{
				background-color:#EAEAEA;
				width:190px;
				float:left;
				margin:20px 0 0 0;}

				/*  Hack-box*/
					.contenedorLateralAmigos{
						width:190px;
						padding:10px 10px;
						voice-family: "\"}\"";
						voice-family: inherit;
						width:170px;} /*Para el ie60*/

						html>body class.contenedorLateralAmigos{
							width:170px;} /*Para el firefox*/
				/**/

			.contenidoLateralAmigos{
				background-color:#FFFFFF;
				width:170px;
				float:left;}

				/*  Hack-box*/
					.contenidoLateralAmigos{
						width:170px;
						padding:10px 10px;
						voice-family: "\"}\"";
						voice-family: inherit;
						width:150px;} /*Para el ie60*/

						html>body class.contenidoLateralAmigos{
							width:150px;} /*Para el firefox*/
				/**/

			.perfilAmpliadoNombre,
			.perfilAmpliadoContacto,
			.perfilAmpliadoDatos,
			.perfilAmpliadoFormacion,
			.perfilAmpliadoEstudio,
			.perfilAmpliadoPasatiempos,
			.perfilAmpliadoSitios{
				margin:0 0 13px 0;}

				.perfilAmpliadoNombre li,
				.perfilAmpliadoContacto li,
				.perfilAmpliadoDatos li,
				.perfilAmpliadoFormacion li,
				.perfilAmpliadoEstudio li,
				.perfilAmpliadoPasatiempos li,
				.perfilAmpliadoSitios li{
					list-style:none;
					background-image:url(imgs/bullet_circulo_rojo.gif);
					background-repeat:no-repeat;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#333333;}

					.perfilAmpliadoNombre ul li,
					.perfilAmpliadoContacto ul li,
					.perfilAmpliadoDatos ul li,
					.perfilAmpliadoFormacion ul li,
					.perfilAmpliadoEstudio ul li,
					.perfilAmpliadoPasatiempos ul li,
					.perfilAmpliadoSitios ul li{
						padding:0 0 0 12px;}

						.perfilAmpliadoNombre li a,
						.perfilAmpliadoContacto li a,
						.perfilAmpliadoDatos li a,
						.perfilAmpliadoFormacion li a,
						.perfilAmpliadoEstudio li a,
						.perfilAmpliadoPasatiempos li a,
						.perfilAmpliadoSitios li a{
							font-family:Arial, Helvetica, sans-serif;
							color:#FFFFFF;
							font-size:12px;
							text-decoration:none;
							font-weight:bold;
							/*text-align:right;*/}

							.perfilAmpliadoNombre li a:hover,
							.perfilAmpliadoContacto li a:hover,
							.perfilAmpliadoDatos li a:hover,
							.perfilAmpliadoFormacion li a:hover,
							.perfilAmpliadoEstudio li a:hover,
							.perfilAmpliadoPasatiempos li a:hover,
							.perfilAmpliadoSitios li a:hover{
									color:#ACBDC9;
									text-decoration:none;}

div.status {
    border-color: #C7F2C8;
    color: #CA0000;
}

div.messages {
    background-color: #FFFFFF;
    border: 1px dotted #CA0000;
    margin: 5px;
    padding: 10px;
}

#cerrarSesion{
float: right;
padding-right:5px;
}



ul.primary li a  {
   background-color:#A90000;
   font-weight:bold;
   color:#FFFFFF;
}

ul.primary li.active a {
    background-color: #CDD1DD;
    font-weight:bold;
	color:#828385;
}

ul.primary li a:hover {
	color:#9C8385;
}

#cerrarPerfil{
	float:right;
}

#cerrarPerfilFin{
	float:left;
	background:url(images/cerrarFinal.jpg) no-repeat;
	width:100px;
	font-size:15px; text-align:center;

}

#cerrarPerfilFin a{color:#999999; padding-bottom:10px;}

#perfilInfoRecuadroRedes {background-color:#999999; width:183px; text-align:center;}
#perfilImaRecuadroRedes {width:68px; float:left; background:#FFFFFF;}

#perfilRecuadroRedes{width: 186px;float:left;}

.fechaComentario{ color: #9c9c9c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;}

.autorComentario{
	color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;

    font-weight: bold;
}


/*NAVEGACION DE LAS REDES SOCIALES DENTRO DEL FOOTER*/

		.links_comment{
			width:620px;
			height:30px;
			float:left;}

			.links_comment ul{
				list-style:none;
				/*margin:0 0 0 10.8em;*/
				padding:0;
				clear:both;
				float:right;}

				.links_comment li{
					list-style:none;
					float:left;}

					.links_comment ul li{
						margin:0 15px 0 0;
						padding:0 0 0 0;
						/*float:left;*/
						text-align:left;}

						.links_comment li a{
							font-family:Arial, Helvetica, sans-serif;
							color:#A60000;
							font-size:12px;
							text-decoration:none;
							font-weight:normal;
							/*text-align:right;*/}

							.links_comment li a:hover{
								color:#666666;
								text-decoration:underline;}

								.links_comment li.comment_delete{
									list-style:none;
									background-image:url(imgs/ico-delete-commet.png);
									background-repeat:no-repeat;}

									.links_comment ul li.comment_delete{
										padding:0 0 0 19px;
										text-align:left;}

								.links_comment li.comment_reply{
									list-style:none;
									background-image:url(imgs/ico-reply-commet.png);
									background-repeat:no-repeat;}

									.links_comment ul li.comment_reply{
										padding:0 0 0 19px;
										text-align:left;}

								.links_comment li.comment_edit{
									list-style:none;
									background-image:url(imgs/ico-edit-commet.png);
									background-repeat:no-repeat;}

									.links_comment ul li.comment_edit{
										padding:0 0 0 19px;
										text-align:left;}

	/*FIN DE NAVEGACION DE LAS REDES SOCIALES DENTRO DEL FOOTER*/


.content p {
	line-height:20px;
	padding-bottom:10px;
}
.content ol, .content ul {
	padding-left:30px;
}
.content ol{
	list-style:decimal;
}
.content ul{
	list-style:outside;
}

#infoForo a:link ,#infoForo a:visited{
	color: #A60000 ;
	font-weight:bold;
	text-decoration:none;
}
#infoForo a:hover{
	color: #A60000 ;
	font-weight:bold;
	text-decoration:underline;
}
#infoNumComet b{
 	font-size:35px;
}

.st_facebook_custom{
	background: url(img/sharethis/facebook.png) no-repeat scroll left top transparent;
	padding:0px 32px 12px 32px;
	cursor:pointer;
}
.st_twitter_custom{
	background: url(img/sharethis/twitter.png) no-repeat transparent;
	padding:0px 32px 12px 32px;
	cursor:pointer;
}
.st_googleplus_custom{
	background: url(img/sharethis/google.png) no-repeat transparent;
	padding:0px 32px 12px 32px;
	cursor:pointer;
}
.enviar_custom{
	background: url(img/sharethis/enviar.png) no-repeat transparent;
	padding:0px 32px 12px 32px;
	cursor:pointer;
}
.imprimir_custom{
	background: url(img/sharethis/imprimir.png) no-repeat transparent;
	padding:0px 32px 12px 32px;
	cursor:pointer;
}
tbody {
border-top: none;
}

#redes_sociales{
	text-align:center;
	margin:0px;
	margin-top: 20px;
	padding:0px;
	outline:0px;
	vertical-align: baseline;
	background: transparent;
}

#contenidoemergente {
    position: absolute;
    width: 600px;
    margin-left: -300px;
    left: 50%;
    height: 400px;
    margin-top: -200px;
    top: 50%;
    display: none;
    border: 10px solid #666;
    border: 10px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #000 5px;
    -moz-box-shadow: #000 5px;
    box-shadow: 0 0 5px #000;
    z-index: 9999;
}

#fondoemergente{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 1584px;
    height: 1347px;
    display: none;
    opacity: 0.5;
    z-index: 9998;
    background-color: rgb(0, 0, 0);
}

.botonesfinanciera{
	border: 0px solid #2e518b; /*anchura, estilo y color borde*/
	padding: 6px; /*espacio alrededor texto*/
	background-color: #6ea2f8; /*color botón*/
	color: #ffffff; /*color texto*/
	text-decoration: none; /*decoración texto*/
	/*text-transform: uppercase; /*capitalización texto*/
	font-family: 'Helvetica', sans-serif; /*tipografía texto*/
	border-radius: 6px; /*bordes redondos*/
}

.textEspCuadroAzul:hover .titCuadrosAzul:hover .home-link:hover .lenguaje-senas-wrapper{
	display: block;
	transform: translateY(0px);
}
.lenguaje-senas-wrapper {
    display: none;
    position: absolute;
    z-index: 100;
    padding: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    transform: translateY(-10px);
    transition: all .3s ease-in-out;
}

#infoForo a:hover{
	color: #A60000 ;
	font-weight:bold;
	text-decoration:underline;
}

.close{
	display: block;
    width: 50px;
    height: 17px;
    background-repeat: no-repeat;
    background-color:#fff ;
    cursor: pointer;
    margin: 10px 275px;
    z-index: 1000;
    position: absolute;
    font-size: 12px;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 3px;
    -webkit-box-shadow: #000 5px;
    -moz-box-shadow: #000 5px;
    box-shadow: 0 0 5px #000;
}
