/* Hoja de Estilo para el Sitio Web de la Vicerrectoría de Investigación y Estudios de Posgrado */

/* ==================================================================== */
/* Estilos para la plantilla de las páginas del Sitio */
/* ==================================================================== */
html, body {
	margin:0; /* El margen, relleno y borde se ajustan a cero en cualquier objeto para lograr compatibilidad con la configuración predeterminada de los diversos navegadores. */
	border:0;
	padding:0;
	background:#ffffff /*url(../imagenes/fondo-pagina.png) repeat-x top left scroll*/;
	color:#000; 
	text-align:center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación que se le asigne a #container. */
}

#contenedor {
	margin:0 auto;  /* los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario. */
	border:0;
	padding:0;
	width:996px; /* con este valor se ve bien en resolucion de 1024 x 768, para otras resoluciones el ancho es adecuado para la lectura. No se consideran resoluciónes menores. */
	text-align:justify; /* esto anula text-align:center en el elemento body. */
	position:relative;
}

	/* ==================================================================== */
	/* Estilos para los contenedores principales de la página */
	/* ==================================================================== */
	#contenedor #logoBuap {
		margin:0;
		border:0;
		padding:0;
		position:absolute;
		z-index:1;
		top:0px;
		left:25px;
		width:130px;
		height:63px;
	}
	
	#contenedor #encabezado {
		margin:0;
		border:0;
		padding:0;
		position:relative; /* permite que los contenedores con posicion absoluta dentro, puedan tomar su posición relativa a este contenedor. */
		height:63px; /* alto del encabezado igual al alto de la imagen de fondo. */
		background-color: rgb(18, 60, 93, 1.0);
		/*background:#fff url(../imagenes/encabezado-pagina.png) no-repeat top left;*/
	}
	
		/* ==================================================================== */
		/* Estilos para los contenedores dentro del encabezado */
		/* ==================================================================== */
		#encabezado #sitioIngles {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:20px;
			right:181px;
			font-family: Arial;
		}
				
			/* ==================================================================== */
			/* Estilos para el enlace del Sitio en Ingles de la BUAP */
			/* ==================================================================== */
			#sitioIngles a, #sitioIngles a:link, #sitioIngles a:visited, #sitioIngles a:active, #sitioIngles a:hover {
				margin:0;
				border:0;
				padding:0 0 0 16px;
				text-decoration:none;
				color:#fff;
				font-size: 11pt;
				background:url(../imagenes/icono-banderausa.png) no-repeat center left;
			}
					
		#encabezado #buscador {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:20px;
			right:29px;
			height:15px;
			font-size:1pt;
		}
				
			/* ==================================================================== */
			/* Estilos para el buscador */
			/* ==================================================================== */
			#buscador #formulariobusqueda{
				margin:0;
				border:0;
				padding:0;
			}
								
				/* ==================================================================== */
				/* Estilos para el formulario de busqueda */
				/* ==================================================================== */
				#formulariobusqueda .cajabusqueda {
					margin:0;
					border:0;
					padding:0 0 0 5px;
					float:left;
					height:15px;
					width:117px;
					border:0;
					font-size:8pt;
					vertical-align:top;
				}
														
				#formulariobusqueda a, #formulariobusqueda a:link, #formulariobusqueda a:visited, #formulariobusqueda a:active, #formulariobusqueda a:hover {
					margin:0;
					border:0;
					padding:0;
					text-decoration:none;
					font-size:8pt;
				}
														
				#formulariobusqueda .iconobuscar {
					margin:0;
					border:0;
					padding:0;
					float:left;
					height:15px;
					width:20px;
					font-size:8pt;
					background:#fff url(../imagenes/icono-buscar.png) no-repeat top left;
				}
				
		#encabezado #menuBuap {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:70px;
			right:9px;
			height:18px; /* alto del menu principal igual al alto de la imagen de fondo. */
			background:#fff url(../imagenes/fondo-menu-buap.png) repeat-x top left;
		}
				
			/* ==================================================================== */
			/* Estilos para el menu de la BUAP */
			/* ==================================================================== */
			#menuBuap ul {
				margin:0;
				border:0;
				padding:0;
				list-style-type:none;
			}
												
			#menuBuap li {
				margin:0;
				border:0;
				padding:0;
				display:inline; /* esto permite que la lista aparezca en una sola línea */
			}
										
			#menuBuap a, #menuBuap a:link, #menuBuap a:visited, #menuBuap a:active, #menuBuap a:hover {
				margin:0;
				border:0;
				padding:0 12px; /* esto pone un relleno de 12 pixeles a la derecha e izquierda de los anchors para que se vean proporcionados sobre la barra */
				line-height:18px; /* esto pone altura y centra los anchors verticalmente */
				float:left; /* esto hace que no existan espacios entre cada uno de los anchors */
				display:block; /* esto permite que los anchors tomen el tamaño de ancho y alto que tenga su contenedor */
				color:#000;
				text-decoration:none;
				font-family:Arial; 
				font-size:8pt;
			}
				
		#encabezado #titulo {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:113px;
			right:80px;
			color:#fff;
			font-family:Arial;
			font-size:12pt;
		}

	#contenedor #menuViep {
		margin:0;
		border:0;
		padding:0;
		position:absolute;
		z-index:1;
		top:138px;
		left:165px;
		height:23px; /* alto del submenu igual al alto de la imagen de fondo. */
		background:#fff url(../imagenes/fondo-menu-viep.png) repeat-x top left;
	}
		
		/* ==================================================================== */
		/* Estilos para el Menu de la VIEP */
		/* ==================================================================== */
		#menuViep ul {
			margin:0;
			border:0;
			padding:0;
			list-style-type:none;
		}
							
		#menuViep li {
			margin:0;
			border:0;
			padding:0;
			display:inline; /* esto permite que la lista aparezca en una sola línea */
		}
							
		#menuViep a, #menuViep a:link, #menuViep a:visited, #menuViep a:active, #menuViep a:hover {
			margin:0;
			border:0;
			padding:0 12px; /* esto pone un relleno de 12 pixeles a la derecha e izquierda de los anchors para que se vean proporcionados sobre la barra. */
			line-height:23px; /* esto pone altura y centra los anchors verticalmente. */
			float:left; /* esto hace que no existan espacios entre cada uno de los anchors. */
			display:block; /* esto permite que los anchors tomen el tamaño de ancho y alto que tenga su contenedor. */
			color:#000;
			text-decoration:none;
			font-family:Arial; 
			font-size:8pt;
		}

	#contenedor #bordeContenido {
	 	margin:0;
		border:0;
		padding:0 3px 3px 3px;
		background:#FFF url(../imagenes/fondo_borde.png) repeat top left;
	}
		
		/* ==================================================================== */
		/* Estilos para el contenedor de contenido */
		/* ==================================================================== */
		#bordeContenido #contenido {
			margin:0;
			border:0;
			padding:24px 0 0 0;
			background-color:#fff;
		}
							
			/* ==================================================================== */
			/* Estilos para los contenedores dentro del contenido  */
			/* ==================================================================== */
			#contenido #columnaIzquierda {
				margin:0 0 0 5px; 
				border:0;
				padding:0;
				width:185px;
				float:left; /* coloca el contenedor a la izquierda, dado que este elemento es flotante, debe asignarse un ancho */
			}
												
			#contenido #columnaDerecha {
				margin:0 5px 0 0; 
				border:0;
				padding:0;
				width:790px;
				float:right; /* coloca el contenedor a la derecha, dado que este elemento es flotante, debe asignarse un ancho */
			}
												
			#contenido #barraPieContenido {
				margin:0;
				border:0;
				padding:0;
				height:2px;
				position:relative;
				background:#fff url(../imagenes/barra-pie-contenido.png) no-repeat top center;
				clear:both;
				font-size:0; /* Hay que poner a 0 el tamaño de fuente ya que ie lo toma en cuenta y aumenta el tañaño que se definio en la altura */
			}
												
			#contenido #pieContenido {
				margin:0;
				border:0;
				padding:0;
				height:27px;
				background-color:#fff;
				position:relative;
								
			}
												
				/* ==================================================================== */
				/* Estilos para el Pie de contenido */
				/* ==================================================================== */
				#pieContenido #menuPieContenido {
					margin:0;
					border:0;
					padding:0;
					position:relative;
					top:3px;
					left:121px;
					height:23px; /* alto del submenu igual al alto de la imagen de fondo. */
				}
																	
					/* ==================================================================== */
					/* Estilos para el menu del Pie de contenido */
					/* ==================================================================== */
					#menuPieContenido ul {
						margin:0;
						border:0;
						padding:0;
						list-style-type:none;
					}
										
					#menuPieContenido li {
						margin:0;
						border:0;
						padding:0 5px;
						display:inline; /* esto permite que la lista aparezca en una sola línea. */
						float:left; /* esto hace que no existan espacios entre cada uno de los anchors. */
						line-height:23px; /* esto pone altura y centra los anchors verticalmente. */
						font-family:Arial; 
						font-size:10px;
					}
										
					#menuPieContenido a, #menuPieContenido a:link, #menuPieContenido a:visited, #menuPieContenido a:active, #menuPieContenido a:hover {
						margin:0;
						border:0;
						padding:0 30px; /* esto pone un relleno de 30 pixeles a la derecha e izquierda de los anchors para que se vean proporcionados sobre la barra. */
						display:block; /* esto permite que los anchors tomen el tamaño de ancho y alto que tenga su contenedor. */
						color:#000;
						font-size:8pt;
						text-decoration:none;
					}

	#contenedor #pie {
	 	margin:0;
		border:0;
		padding:5px 0 14px 0;
		font-family:Arial;
		font-size:11px;
		color:#666;
		text-align:center;
		position:relative;
	}

		/* ==================================================================== */
		/* Estilos para el contenedor del pie de página */
		/* ==================================================================== */
		#pie a, #pie a:link, #pie a:visited, #pie a:active, #pie a:hover {
			margin:0;
			border:0;
			padding:0;
			color:#666;
		}


/* Estilos para los módulos de información de la columna izquierda */

/* ==================================================================== */
/* Estilos para la columna izquierda */
/* ==================================================================== */
#columnaIzquierda #logoViep {
	margin:0 0 5px 0;
	border:0;
	padding:0;
	width:185px;
	height:60px;
}

#columnaIzquierda #moduloNoticias {
	margin:0 0 5px 0;
	border:1px solid #C1C1C1;
	padding:0;
	width:183px;
}

	/* ==================================================================== */
	/* Estilos para el modulo de noticias */
	/* ==================================================================== */	
	#moduloNoticias #encabezadoNoticias {
		margin:1px;
		border:0;
		padding:0;
		height:25px;
		background:url(../imagenes/barra-titulo-noticias.png) no-repeat bottom;
		font-family:Arial;
		font-size:14pt;
		text-align:center;
		color:#275393;
	}
		
	#moduloNoticias #contenidoNoticias {
	 	margin:0;
		border:0;
		padding:0;
	}
				
		/* ==================================================================== */
		/* Estilos para las notas */
		/* ==================================================================== */
		#contenidoNoticias .nota {
			margin:0 5px 0 0;
			border:0;
			padding:10px 0 10px 5px;
			background:url(../imagenes/barra-pie-notas.jpg) no-repeat bottom right;
			text-align:left;
		}
					
			/* ==================================================================== */
			/* Estilos para el contenido de las notas */
			/* ==================================================================== */
			.nota .bordeImagen {
				margin:0 3px 0 0;
				border:1px solid #C1C1C1;
				padding:2px 1px 6px 1px;
				float:left;
			}
						
			.nota a, .nota a:link, .nota a:visited, .nota a:active, .nota a:hover {
				margin:0;
				border:0;
				padding:0; 
				color:#275393;
				font-family:Arial;
				font-size:8pt;
				text-align:left;
				line-height:12px;
				text-decoration:none;
			}
	
			.nota p {
				margin:2px 0 2px 0;
				border:0;
				padding:0; 
				font-family:Arial;
				font-size:8pt;
				text-align:left;
			}
			
	#moduloNoticias #pieNoticias {
		margin:0 5px 0 0;
		border:0;
		padding:0;
		line-height:21px;
		font-family:Arial;
		font-size:8pt;
		text-align:right;
		color:#666;
	}
		
		/* ==================================================================== */
		/* Estilos para el pies de noticias */
		/* ==================================================================== */
		#pieNoticias a, #pieNoticias a:link, #pieNoticias a:visited, #pieNoticias a:active {
			margin:0;
			border:0;
			padding:0; 
			color:#666;
			text-decoration:none;
		}
		
		#pieNoticias a:hover {
			margin:0;
			border:0;
			padding:0; 
			color:#275393;
			text-decoration:none;
		}
		
		#pieNoticias img {
			margin:0 2px 0 0;
			border:0;
			padding:0;
		}

#columnaIzquierda #moduloSitios {
	margin:0;
	border:0;
	padding:0;
}

	/* ==================================================================== */
	/* Estilos para el modulo de sitios */
	/* ==================================================================== */
	#moduloSitios .sitio {
		margin:0 0 5px 0;
		border:0;
		padding:0;
	}


/* Estilos para los módulos de información de la columna derecha */

/* ==================================================================== */
/* Estilos para la columna derecha */
/* ==================================================================== */
#columnaDerecha #bienvenida {
	margin:0 0 5px 0;
	border:0;
	padding:0;
	float:left;
	width:500px;
}

	/* ==================================================================== */
	/* Estilos para la bienvenida */
	/* ==================================================================== */
	#bienvenida #moduloGaleria {
		margin:0 0 5px 0;
		border:0;
		padding:0;
	}
	
		/* ==================================================================== */
		/* Estilos para la galeria */
		/* ==================================================================== */
		#moduloGaleria #imagen {
			filter:alpha(opacity=100);
		}
		
	#bienvenida #moduloMensaje {
		margin:0 0 5px 0;
		border:1px solid #C1C1C1;
		padding:31px;
		font-family:Arial;
		font-size:8pt;
		text-align:justify;
	}
	
		#moduloMensaje p{
			margin:0 0 10px 0;
			border:0;
			padding:0;
		}
		
#columnaDerecha #institucional {
	margin:0 0 5px 0;
	border:0;
	padding:0;
	float:right;
	width:285px;
}

	/* ==================================================================== */
	/* Estilos para las secciones */
	/* ==================================================================== */
	#institucional #moduloInstitucional {
		margin:0 0 5px 0;
		border:1px solid #666;
		padding:0;
	}
		
		/* ==================================================================== */
		/* Estilos para el modulo institucional */
		/* ==================================================================== */
		#moduloInstitucional #menuInstitucionalSuperior {
			margin:0 5px;
			border:0;
			padding:0 0 0 34px; /* ajustar el padding izquierdo para centrar las opciones */
			border-bottom: 1px solid #013B5C;
		}
		
		#moduloInstitucional #menuInstitucionalInferior {
			margin:0;
			border:0;
			padding:0 0 0 35px; /* ajustar el padding izquierdo para centrar las opciones */
		} 
				
			/* ==================================================================== */
			/* Estilos para el menú institucional superior e inferior */
			/* ==================================================================== */
			#menuInstitucionalSuperior ul, #menuInstitucionalInferior ul {
				margin:0;
				border:0;
				padding:0;
				list-style-type:none;
				line-height:18px; /* esto pone altura y centra los anchors verticalmente */
				font-family:Arial; 
				font-size:8pt;
			}
			
			#menuInstitucionalSuperior li {
				margin:0;
				border:0;
				padding:0 25px 0 0; /* ajustar el padding derecho para centrar las opciones */
				display:inline; /* esto permite que la lista aparezca en una sola línea */
			}
			
			#menuInstitucionalInferior li {
				margin:0;
				border:0;
				padding:0 27px 0 0; /* ajustar el padding derecho para centrar las opciones */
				display:inline; /* esto permite que la lista aparezca en una sola línea */
			}
						
			#menuInstitucionalInferior a, #menuInstitucionalInferior a:link, #menuInstitucionalInferior a:visited, #menuInstitucionalInferior a:active, #menuInstitucionalInferior a:hover,
			#menuInstitucionalSuperior a, #menuInstitucionalSuperior a:link, #menuInstitucionalSuperior a:visited, #menuInstitucionalSuperior a:active, #menuInstitucionalSuperior a:hover{
				margin:0;
				border:0;
				padding:0;
				color:#275393;
				text-decoration:none;
			}
		
	#institucional .moduloSeccion {
		margin:0 0 5px 0;
		border:1px solid #C1C1C1;
		padding:0;
	}
		
		/* ==================================================================== */
		/* Estilos para el modulo de sección */
		/* ==================================================================== */
		.moduloSeccion .encabezadoSeccion {
			margin:0;
			border:0;
			padding:0;
			height: 24px;
			background:url(../imagenes/barra-titulo-seccion.png) no-repeat bottom center;
			color: #275393;
			font-family: Arial;
			font-size: 14pt;
			text-align: center;
		}
				
		.moduloSeccion .opcionesSeccion {
			margin:6px 0 4px 0;
			border:0;
			padding:0;
		}
				
			/* ==================================================================== */
			/* Estilos para las opciones de sección */
			/* ==================================================================== */
			.opcionesSeccion ul {
				margin:0;
				border:0;
				padding:0;
				list-style-type:none;
				line-height:17px; /* esto pone altura y centra los anchors verticalmente */
				font-family:Arial; 
				font-size:8pt;
			}
						
			.opcionesSeccion li {
				margin:0;
				border:0;
				padding:0;
			}
						
			.opcionesSeccion a, .opcionesSeccion a:link, .opcionesSeccion a:visited, .opcionesSeccion a:active {
				margin:0;
				border:0;
				padding:2px 5px 2px 16px;
				background:#fff url(../imagenes/vineta-azul.png) no-repeat 6px 7px;
				color:#000;
				text-decoration:none;
			}
						
			.opcionesSeccion a:hover {
				margin:0;
				border:0;
				padding:2px 5px 2px 16px;
				background:#fff url(../imagenes/vineta-negra.png) no-repeat 6px 7px;
				color:#275393;
				text-decoration:none;
			}
			
		.moduloSeccion .pieSeccion {
			margin:0 5px 0 0;
			border:0;
			padding:0;
			line-height:21px;
			font-family:Arial;
			font-size:8pt;
			text-align:right;
			color:#666;
		}
		
			/* ==================================================================== */
			/* Estilos para el pie de sección */
			/* ==================================================================== */
			.pieSeccion a, .pieSeccion a:link, .pieSeccion a:visited, .pieSeccion a:active {
				margin:0;
				border:0;
				padding:0; 
				color:#666;
				text-decoration:none;
			}
		
			.pieSeccion a:hover {
				margin:0;
				border:0;
				padding:0; 
				color:#275393;
				text-decoration:none;
			}
		
			.pieSeccion img {
				margin:0 2px 0 0;
				border:0;
				padding:0;
			}

#columnaDerecha #moduloAnuncios {
	margin:0 0 5px 0;
	border:0;
	padding:0;
	clear:both; 
	float:left; /* este elemento podria no haber sido flotante, sin embargo es necesario que lo sea para que pueda contener a sus elementos que también son flotantes */
	width:790px;
}

	/* ==================================================================== */
	/* Estilos para el modulo de anuncios */
	/* ==================================================================== */
	#moduloAnuncios #anunciosIzquierda {
		margin:0 5px 0 0;
		border:0;
		padding:0;
		float:left;
		width:260px;
	}
		
	#moduloAnuncios #anunciosCentro {
		margin:0;
		border:0;
		padding:0;
		float:left;
		width:260px;
	}
		
	#moduloAnuncios #anunciosDerecha {
		margin:0 0 0 5px;
		border:0;
		padding:0;
		float:left;
		width:260px;
	}

	#anunciosIzquierda .anuncio, #anunciosCentro .anuncio, #anunciosDerecha .anuncio {
		margin:0 0 5px 0;
		border:0;
		padding:0;
	}

#columnaDerecha #moduloBanners {
	margin:5px 0 10px 0;
	border:0;
	padding:0;
	clear:both; 
	float:left; /* este elemento podria no haber sido flotante, sin embargo es necesario que lo sea para que pueda contener a sus elementos que también son flotantes */
	width:790px;
}

	/* ==================================================================== */
	/* Estilos para el modulo de banners */
	/* ==================================================================== */
	#moduloBanners #bannersIzquierda {
		margin:0 5px 0 0;
		border:0;
		padding:0;
		float:left;
		width:385px;
	}
	
	#moduloBanners #bannersDerecha {
		margin:0 0 0 5px;
		border:0;
		padding:0;
		float:right;
		width:385px;
	}
	
	#bannersDerecha .alinea-banner {
		margin:0;
		border:0;
		padding:0;
		text-align:right;
	}

#columnaDerecha .moduloEnlaces {
	margin:0 0 5px 0;
	border:1px solid #C1C1C1;
	padding:0;
	clear:both;
	float:left; /* este elemento podria no haber sido flotante, sin embargo es necesario que lo sea para que pueda contener a sus elementos que también son flotantes */
	width:790px;
}
	
	/* ==================================================================== */
	/* Estilos para el modulo de enlaces */
	/* ==================================================================== */
	.moduloEnlaces .encabezadoEnlaces {
		margin:0;
		border:0;
		padding:0;
		height:26px;
		background:url(../imagenes/barra-titulo-enlaces.png) no-repeat bottom center;
		color:#275393;
		font-family:Arial;
		font-size:14pt;
		text-align:center;
	}
		
	.moduloEnlaces .opcionesEnlacesIzquierda {
		margin:5px 0 10px 5px;
		border:0;
		padding:0;
		float:left;
		width:385px;
	}
		
	.moduloEnlaces .opcionesEnlacesDerecha {
		margin:5px 5px 10px 0;
		border:0;
		padding:0;
		float:right;
		width:385px;
	}
		
		/* ==================================================================== */
		/* Estilos para las opciones de enlaces derecha e izquierda */
		/* ==================================================================== */
		.opcionesEnlacesIzquierda ul, .opcionesEnlacesDerecha ul {
			margin:0;
			border:0;
			padding:0;
			list-style-type:none;
			font-family:Arial; 
			font-size:8pt;
		}
				
		.opcionesEnlacesIzquierda li, .opcionesEnlacesDerecha li {
			margin:0;
			border:0;
			padding:5px 0 5px 0;
			border-bottom:1px solid #275393;
			line-height:20px; /* esto pone altura y centra los anchors verticalmente */
		}
		
		.opcionesEnlacesIzquierda img, .opcionesEnlacesDerecha img {
			margin:0 5px 0 0;
			border:0;
			padding:0;
			vertical-align:middle;
		}
		
		.opcionesEnlacesIzquierda a, .opcionesEnlacesIzquierda a:link, .opcionesEnlacesIzquierda a:visited, .opcionesEnlacesIzquierda a:active, 
		.opcionesEnlacesDerecha a, .opcionesEnlacesDerecha a:link, .opcionesEnlacesDerecha a:visited, .opcionesEnlacesDerecha a:active{
			margin:0;
			border:0;
			padding:0;
			color:#000;
			text-decoration:none;
		}
				
		.opcionesEnlacesIzquierda a:hover, .opcionesEnlacesDerecha a:hover {
			margin:0;
			border:0;
			padding:0;
			color:#275393;
			text-decoration:none;
		}
		
	.moduloEnlaces .pieEnlaces {
		margin:0 5px 0 0;
		border:0;
		padding:0;
		line-height:21px;
		font-family:Arial;
		font-size:8pt;
		text-align:right;
		color:#666;
	}
		
		/* ==================================================================== */
		/* Estilos para el pie de enlaces */
		/* ==================================================================== */
		.pieEnlaces a, .pieEnlaces a:link, .pieEnlaces a:visited, .pieEnlaces a:active {
			margin:0;
			border:0;
			padding:0; 
			color:#666;
			text-decoration:none;
		}
		
		.pieEnlaces a:hover {
			margin:0;
			border:0;
			padding:0; 
			color:#275393;
			text-decoration:none;
		}
		
		.pieEnlaces img {
			margin:0 2px 0 0;
			border:0;
			padding:0;
		}
		
#columnaDerecha #moduloInformacion {
	margin:0 0 0 5px;
	border:0;
	padding:0;
	font-family:Arial;
	font-size:9pt;
	text-align:justify;
	color:#000;
	
}
	
	/* ==================================================================== */
	/* Estilos para el modulo de información */
	/* ==================================================================== */
	#moduloInformacion a, #moduloInformacion a:link, #moduloInformacion a:visited, #moduloInformacion a:active {
		color:#275393;
		text-decoration:none;
	}
	
	#moduloInformacion a:hover {
		color:#666;
		text-decoration:none;
	}
	
	#moduloInformacion h1 {
		margin:15px 0;
		color: #275393;
		font-size:12pt;
	}
	
	#moduloInformacion h2 {
		margin:15px 0;
		color: #275393;
		font-size:11pt;
	}
		
	#moduloInformacion h3 {
		margin:15px 0;
		color: #275393;
		font-size:10pt;
	}
	
	#moduloInformacion h4 {
		margin:15px 0 0 0;
		color: #275393;
		font-size:9pt;
	}
	
	#moduloInformacion table {
		margin:0;
		border:0;
		padding:0;
		width:100%;
		font-size:9pt;
	}
	
	#moduloInformacion th {
		color:#275393;
	}
	
	#moduloInformacion td {
		margin:2px;
		border:1px solid #275393;
		padding:3px;
	}
	
	#moduloInformacion #ruta {
		margin:0;
		border:0;
		padding:0;
		font-size:7pt;
	}
	
		/* ==================================================================== */
		/* Estilos para la ruta */
		/* ==================================================================== */
		#ruta a, #ruta a:link, #ruta a:visited, #ruta a:active {
			color:#666;
		}
		
		#ruta a:hover {
			color:#275393;
		}

	#moduloInformacion .noticia {
		margin:0 0 5px 0;
		border:0;
		padding:0;
	}
				
		/* ==================================================================== */
		/* Estilos para el contenido de las noticias */
		/* ==================================================================== */
		.noticia .imagenNoticia {
			margin:0 5px 0 0;
			border:1px solid #C1C1C1;
			padding:2px;
			float:left;
		}
		
		.noticia .fecha {
			font-size:8pt;
			font-weight:bold;
		}
		
		.noticia .contenerNoticia {
			clear:both;
			height:1px;
			line-height:1px;
			font-size:1px;
		}
	
	#moduloInformacion .listasColumna {
		margin:0 0 15px 0;
		border:0;
		padding:0;
		clear:both; 
		float:left; /* este elemento podria no haber sido flotante, sin embargo es necesario que lo sea para que pueda contener a sus elementos que también son flotantes */
		width:785px;
	}
		
		/* ==================================================================== */
		/* Estilos para el modulo de listas en columnas */
		/* ==================================================================== */
		.listasColumna .dosColumnas {
			margin:0 0 0 5px;
			border:0;
			padding:0;
			float:left;
			width:385px;
		}
			/* ==================================================================== */
			/* Estilos para los listados de la columna */
			/* ==================================================================== */
			.dosColumnas ul {
				margin:0;
				border:0;
				padding:0;
				list-style-type:none;
			}
												
			.dosColumnas li {
				margin:0;
				border:0;
				padding:0;
			}
			
	#moduloInformacion #mapasitio {
		margin:0;
		border:1px solid #C1C1C1;
		padding:5px;
	}
	
		#mapasitio table {
			margin:0;
			border:0;
			padding:0;
			width:100%;
		}
		
		#mapasitio td {
			margin:0;
			border:0;
			padding:0;
			height:20px;
		}
		
		#mapasitio a, #mapasitio a:link, #mapasitio a:visited, #mapasitio a:active {
			color:#275393;
			text-decoration:none;
			font-size:9pt;
		}
		
		#mapasitio a:hover {
			color:#666;
			text-decoration:none;
		}
	
	/* ==================================================================== */
	/* Estilos especiales para el modulo de información */
	/* ==================================================================== */
	#moduloInformacion img.icono {
		margin:0 5px 0 0;
		vertical-align:middle;
	}
	
	#moduloInformacion .pieImagenEst {
		margin:0 0 20px 0;
	}
	
	#moduloInformacion .pieTabla {
		margin: 0 5px 10px 0;
		border:0;
		padding:0;
		text-align:right;
		font-size:8px;
	}
	
	#moduloInformacion .texto-d {
		text-align:right;
	}
	
	#moduloInformacion .texto-c {
		text-align:center;
	}
	
	#moduloInformacion .texto-azul {
		color: #275393;
	}
	
	#moduloInformacion img.sitio {
		margin:0 5px 0 0;
		border:1px solid #C1C1C1;
		padding:10px;
		vertical-align:middle;
	}
	
	#moduloInformacion blockquote {
		margin:0 0 50px 50px;
		padding:0;
	}
	
	
	
	#moduloInformacion #menutrabajos {	
		font-size:7pt;
		text-align:center;
	}
	
		#moduloInformacion .enlaceout {	
			color:#666;
			font-size:7pt;
			cursor:pointer;
			font-weight:bold;
		}
		
		#moduloInformacion .enlaceover {	
			color:#275393;
			font-size:7pt;
			cursor:pointer;
			text-decoration:underline;
			font-weight:bold;
		}
		
	#moduloInformacion .layer { 	
		display:none;
	}