/* Hoja de Estilo para el Sitio Web del programa Delfín */

/* ==================================================================== */
/* Estilos generales para las páginas del Sitio */
/* ==================================================================== */
html {
	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;
}
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-color:#fff;
	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. */
	font-family: 'Raleway', sans-serif;
}
.container {
	margin:0;
	border:0;
	padding:0;
	width:100%;
	min-width: 1170px;
}
.fondo-gris {
	background-color: #1e71a7
}
.fondo-grisSesion {
	background-color: #edf0f2;
}
.fondo-azul {
	background-color: #021d3a;
}
.bordeinferior-gris {
	border-bottom: solid 1px #cecece;
}
#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:1000px; /* con este valor se ve bien en resolucion de 1024 x 768, para otras resoluciones el ancho es adecuado para la lectura. No se considera las resoluciónes de 800 x 600 ni menores. */
	text-align:justify; /* esto anula text-align: center en el elemento body. */
	background:url(../imagenes/fondo-contenedor.png) repeat-y top left;
}




	
	/* ==================================================================== */
	/* Estilos para los contenedores principales de la página */
	/* ==================================================================== */
	.container .contact {
		margin:0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario. */
		padding: 13px 0 31px 0;
		text-align: justify;
		font-size: 14px;
		color:#FFF;
		width: 1170px;
	}
	.container .header {
		position: relative;
		margin:0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario. */
		width: 1170px;
		height: 85px;
	}
	.container #contenido {
		margin:0 auto;
		border:0;
		padding:0;
		text-align: center;
		min-height: 700px;
		width:1170px;
	}
	.container .footer {
		margin:0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario. */
		padding: 31px 0 47px 0;
		text-align: justify;
		font-size: 14px;
		color:#FFF;
		width: 1170px;
	}
		.footer .izq {
			float: left;
		}
		.footer .der {
			float: right;
		}






		/* ==================================================================== */
		/* Estilos para los componentes del contacto de la pagina */
		/* ==================================================================== */
		.contact .der {
			float:right;
			margin-left: 25px;
		}
		.contact .mar {
			margin-right: 10px;
		}
		
		.contact a {
		    color: #fff;
		    font-weight: 400;
		    font-size: 14px;
		    text-decoration: none;
		}


		/* ==================================================================== */
		/* Estilos para los componentes del encabezado de la pagina */
		/* ==================================================================== */
		.header .logotipo {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:13px;
			left:0px;
		}
		.header .menuSitio {
			margin:0;
			border:0;
			padding:0;
			position:absolute;
			top:0;
			right:0;
			line-height:85px;
		}
			.menuSitio ul {
				margin:0;
				border:0;
				padding:0;
				list-style-type:none;
			}
			.menuSitio li {
				margin:0;
				border:0;
				padding:0;
				display:inline; /* esto permite que la lista aparezca en una sola línea */
				vertical-align:top;
			}
			.menuSitio li a {
				padding: 40px 15px 40px 11px;
				font-size: 14px;
				text-decoration: none;
				position: relative;
    			color: #005289;
    			font-weight: 700;
			}
			.menuSitio li a:hover {
				color: #f48120;
			}
		
		

		/* ==================================================================== */
		/* Estilos para los componentes del contenido de la pagina */
		/* ==================================================================== */
		#contenido #columnaIzquierda {
			margin: 25px 0;
			border:0;
			padding:0;
			width:234px;
			float:left;
		}
		#contenido #columnaDerecha {
			margin: 25px 0;
			border:0;
			padding:0;
			width:916px;
			float:right;
		}
		#contenido .clear {
			clear:both;
		}

		

	/* ==================================== */
	/* Estilos para el body de la solicitud */
	/* ==================================== */
	#solicitud {
		background-image:none;
		background-color:#FFF;
		font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	}
	#solicitud h1 {
		margin:0 0 20px 0;
		border:0;
		padding:0;
		color:#003a5a;
		font-size:11pt;
	}
	#solicitud h2 {
		margin:20px 0;
		border:0;
		padding:0;
		color:#0076bd;
		font-size:9pt;
		text-align:left;
	}
	#solicitud div {
		text-align:left;
		font-size:10pt;
	}
	#solicitud p {
		text-align:justify;
		font-size:10pt;
	}
	#solicitud .centrar {
		text-align:center;
	}
	#solicitud .derecha {
		text-align:right;
	}
			
			/* ==================================================================== */
			/* Estilos para la columna izquierda del contenido */
			/* ==================================================================== */
			#columnaIzquierda #busqueda {
				margin:0;
				border:0;
				padding:0;
				height:39px; /* alto igual al de la imagen de fondo. */
				background:url(../imagenes/fondo-buscar.png) no-repeat top center;
			}
			#columnaIzquierda #usuarios {
				margin:0;
				border:0;
				padding:0;
				height:182px; /* alto igual al de la imagen de fondo. */
				background:url(../imagenes/fondo-usuarios.png) no-repeat top center;
				color:#69696c;
			}
			#columnaIzquierda #encabezadoMenuSesion {
				margin:0;
				border:0;
				padding:0;
				height:34px;
				background:url(../imagenes/fondo-encabezadomenusesion.png) no-repeat top center;
			}
			#columnaIzquierda #menuSesion {
				margin:0;
				border:0;
				padding:0;
				text-align: justify;
				font-size:8pt;
				background-color:#fff;
				color:#007bff;
			}
			#columnaIzquierda #pieMenuSesion {
				margin:0;
				border:0;
				padding:0;
				height:10px;
				background-color: #fff;
				border-bottom-right-radius: 10px;
    			border-bottom-left-radius: 10px; 
				/*background:url(../imagenes/fondo-piemenusesion.png) no-repeat top center;*/
			}
			#columnaIzquierda #bannersIzquierda {
				margin:0;
				border:0;
				padding:0;
			}
			
			/* ==================================================================== */
			/* Estilos para la columna derecha del contenido */
			/* ==================================================================== */
			#columnaDerecha #foto {
				position: relative;
				margin:0 0 10px 0;
				border:0;
				padding:0;
				text-align: center;
			}
			#columnaDerecha .banner {
				margin:0 8px 0 0;
				border:0;
				padding:0;
				width:234px;
				height:127px;
				float:left;
			}
			#columnaDerecha .ultimobanner {
				margin:0;
				border:0;
				padding:0;
				width:234px;
				height:127px;
				float:right;
			}
			#columnaDerecha #avisos {
				margin:10px 0 0 0;
				border:0;
				padding:0;
				width:355px;
				float:left;
			}
			#columnaDerecha #bienvenida {
				margin:10px 0 0 0;
				border:0;
				padding:0;
				width:355px;
				float:right;
			}
			#columnaDerecha #noticias{
				margin:10px 0 0 0;
				border:0;
				padding:0;
				clear:both;
			}
			#columnaDerecha #cuentas{
				margin:30px 0 0 0;
				border:0;
				padding:0;
				clear:both;
			}
			#columnaDerecha #titulo {
				margin:0;
				border:0;
				padding:0;
			}
			#columnaDerecha #menuSeccion {
				margin:0 0 10px 0;
				border:0;
				padding:0;
				text-align:right;
				height:23px;
			}
			#columnaDerecha #informacion{
				margin:0;
				border:0;
				padding:20px;
				font-size:9pt;
				text-align: justify;
				background-color: #fff;
				border-radius: 5px;
			}
			#columnaDerecha br.limpiar{
				clear:both;
			}
			
			/* ==================================================================== */
			/* Estilos para las columnas del mapa */
			/* ==================================================================== */
			.titulomapa {
					margin:10px 0;
					border:0;
					padding:0;															
				}
				.titulomapa a, .titulomapa a:link, .titulomapa a:visited
				{	text-transform:uppercase;
					font-family:'OpenSans-Semibold' !important;
					font-size:12px;	
					color:#fff;	
				}
				.linkmapa { }
				.linkmapa a, .linkmapa a:link, .linkmapa a:visited, .linkmapa a:active{
					margin:0;
					border:0;
					padding:0; 
					color:#fff;
					text-decoration:none;
					font-family:'OpenSans' !important; 
					font-size:11px;
					
				}
				.titulomapa a:hover,
				.linkmapa a:hover{
					text-decoration:underline;
				}

			/*.columna .titulomapa, .columnafinal .titulomapa  {
				margin:10px 0;
				border:0;
				padding:0;
			}
			.columna a, .columna a:link, .columna a:visited, .columna a:active,
			.columnafinal a, .columnafinal a:link, .columnafinal a:visited, .columnafinal a:active{
				margin:0;
				border:0;
				padding:0; 
				color:#000;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif; 
				font-weight:bold;
				font-size:8pt;
			}
			.columna a:hover,
			.columnafinal a:hover{
				text-decoration:underline;
			}*/
		
			
				
				
			
				/* ============================================================================ */
				/* Estilos para el formulario de busqueda de la columna izquierda del contenido */
				/* ============================================================================ */
				#busqueda form, #usuarios form {
					margin:0;
					border:0;
					padding:0;
				}
				#busqueda .inputbuscar {
					margin:10px 0 0 10px;
					border:1px solid #fff;
					padding:1px;
					width:135px;
					height:16px;
					font-size:8pt;
					color:#999;
					float:left;
				}
				#busqueda .inputbuscarDentro {
					color:#000;
				}
				#busqueda #botonbuscar {
					margin:8px 0 0 0;
					border:0;
					padding:0;
					width:79px;
					height:23px;
					background:url(../imagenes/boton-buscar.png) no-repeat top center;
					float:left;
				}
				
				/* ============================================================================ */
				/* Estilos para el formulario de usuarios de la columna izquierda del contenido */
				/* ============================================================================ */
				#usuarios .formulariousuarios {
					margin:0;
					border:0;
					padding:50px 0 0 0;
				}
				#usuarios .labelsesion {
					margin:0 0 10px 10px;
					border:0;
					padding:0;
					line-height:19px;
					font-size:8pt;
					color:#856404;
					font-weight:bold;
					float:left;
				}
				#usuarios .inputsesion {
					margin:0 10px 5px 0;
					border:1px solid #a1a1a1;
					padding:1px;
					width:135px;
					height:20px;
					font-size:9pt;
					float:right;
					color: #8a8a8a;
					border-radius: 5px;
				}
				#usuarios .botonentrar {
					margin:0 10px 20px 0;
					border:0;
					padding:5px 0;
					width:77px;
					line-height:20px;
					background-color:#f48120;
					font-weight:bold;
					color:#fff;
					border-radius: 5px;
					cursor: pointer;
					float:right;
				}
				#usuarios .botonentrar:hover { 
					color:#fff;
					background-color:#005289;
					cursor:pointer;
				}
				#usuarios div {
					margin:0;
					border:0;
					padding:0;
					clear:both;
					text-align:center;
				}
				#usuarios a, #usuarios a:link, #usuarios a:visited, #usuarios a:active {
					margin:0;
					border:0;
					padding:0; 
					color:#69696c;
					text-decoration:none;
					font-weight:bold;
					font-size:8pt;
				}
				#usuarios a:hover {
					text-decoration:underline;
				}
				
				/* ========================================================================== */
				/* Estilos para el menu de las sesiones de la columna izquierda del contenido */
				/* ========================================================================== */
				#menuSesion #perfil {
					margin:0;
					border:0;
					padding:5px 5px 10px 5px;
					font-size:8pt;
					color:#e6541e;
				}
				#menuSesion h1 {
					margin:0 5px;
					border:0;
					padding:8px 5px;
					font-size:11pt;
					color:#fff;
					background-color:#f48120;
					text-align:center;
				}
				#menuSesion h2 {
					margin:0 5px;
					border:0;
					padding:7px 5px;
					font-size:10pt;
					color:#fff;
					background-color:#005289;
					text-align:right;
				}
				#menuSesion h3 {
					margin:0 5px;
					border:0;
					padding:6px 5px;
					font-size:9pt;
					font-weight:bold;
					color:#f48120;
					background-color:#d6efff;
					text-align:right;
				}
				#menuSesion ul {
					margin:0 5px;
					padding:0;
					border:0;
					list-style-type: none;
				}
				#menuSesion li {
					margin:0;
					padding:10px 5px 10px 15px;
					border:0;
					border-bottom:1px dotted #ccc;
					background-image:url(../imagenes/vineta-menu.png);
					background-repeat: no-repeat;
					background-position:center left;
				}
				#menuSesion li.ultimo {
					margin:0;
					padding:10px 5px 10px 15px;
					border:0;
				}
				#menuSesion a, #menuSesion a:link, #menuSesion a:visited, #menuSesion a:active {
					margin:0;
					border:0;
					padding:0; 
					color:#005289;
					text-decoration:none;
					font-size:9pt;
				}
				#menuSesion a:hover {
					text-decoration:underline;
				}
				
				/* ==================================================================== */
				/* Estilos para los banners de la colunna de la izquierda del contenido */
				/* ==================================================================== */
				#bannersIzquierda .bannerIzq {
					margin: 10px 0 0 0;
					border:0;
					padding:0;
				}
				
				/* ====================================================================================== */
				/* Estilos para los avisos, noticias y cuentas de la columna de la derecha del contenido  */
				/* ====================================================================================== */
				#avisos .aviso, #noticias .aviso, #cuentas .aviso {
					margin:0;
					border:0;
					padding:0;
					font-family:Arial, Helvetica, sans-serif;
					font-size:9pt;
				}
				#avisos .texto-naranja, #noticias .texto-naranja, #cuentas .texto-naranja {
					font-size:8pt;
					color:#e7571e;
				}
				#avisos ul, #noticias ul, #cuentas ul {
					margin:0;
					padding:0;
					border:0;
					list-style-type: none;
				}
				#avisos li, #noticias li, #cuentas li {
					margin:15px 0 0 0;
					padding:0 5px 5px 20px;
					border:0;
					border-bottom:1px dotted #003a5a;
					background-image: url(../imagenes/vineta.png);
					background-repeat: no-repeat;
					background-position:top left;
				}
				#avisos a, #avisos a:link, #avisos a:visited, #avisos a:active,
				#noticias a, #noticias a:link, #noticias a:visited, #noticias a:active,
				#cuentas a, #cuentas a:link, #cuentas a:visited, #cuentas a:active{
					margin:0;
					border:0;
					padding:0; 
					color:#144780;
					text-decoration:none;
					font-weight:bold;
					font-size:8pt;
				}
				#avisos a:hover, #noticias a:hover , #cuentas a:hover{
					text-decoration:underline;
				}
				
				/* ==================================================================== */
				/* Estilos para la bienvenida de la columna de la derecha del contenido */
				/* ==================================================================== */
				#bienvenida #mensaje {
					margin:10px 5px 0 5px;
					padding:0;
					border:0;
					font-family:Arial, Helvetica, sans-serif;
					font-size:9pt;
				}
				#bienvenida .texto-azul {
					color:#72a0c0;
				}
				#bienvenida #fotoMensaje {
					margin:0 10px 0 0;
					border:0;
					padding:0;
					width:134px;
					height:134px;
					float:left;
				}
				
				/* ===================================================================== */
				/* Estilos para la información de la columna de la derecha del contenido */
				/* ===================================================================== */
				#informacion h1 {
					margin:0 0 10px 0;
					border:0;
					padding:0;
					font-size:25px;
					color:#005289;
				}
				#informacion h2 {
					margin:20px 0 10px 0;
					border:0;
					padding:0;
					font-size:20px;
					color:#f48120;
				}
				#informacion h3 {
					margin:20px 0 10px 0;
					border:0;
					padding:0;
					font-size:15px;
					color:#0076bd;
				}
				#informacion .texto-naranja {
					font-size:8pt;
					color:#e7571e;
				}
				#informacion .centrar {
					text-align:center;
				}
				#informacion .mayusculas {
					text-transform: uppercase;
				}
				#informacion .derecha {
					text-align:right;
				}
				#informacion .textorojo {
					color:#F00;
				}
				#informacion .textoazul {
					color:#0076bd;
				}
				#informacion .textonegro {
					color:#000;
				}
				#informacion .textonaranja {
					color:#F60;
				}
				#informacion .textoverde {
					color:#060;
				}
				#informacion .textovino {
					color:#600;
				}
				#informacion .textomorado {
					color:#7030a0;	
				}
				#informacion .texto-chico {
					color:#060;
					font-size:9px;
				}
				#informacion .texto-9px {
					font-size:9px;
				}
				#informacion .fondoverde {
					padding: 5px;
					background-color: #060;
					color: #fff;
				}
				#informacion .fondoazul {
					padding: 5px;
					background-color: #0076bd;
					color: #fff;
				}
				#informacion ul.listavineta {
					margin:0;
					padding:0;
					border:0;
					list-style-type: none;
				}
				#informacion li.vineta {
					margin:0 0 10px 0;
					padding:0 5px 0 20px;
					border:0;
					background-image: url(../imagenes/vineta.png);
					background-repeat: no-repeat;
					background-position:top left;
				}
				#informacion .gal {
				    margin: 5px;
				    float: left;
				    width: 200px;
				}
				.gal img {
				    border: 1px solid #ccc;
				    transition:2s;
					-webkit-transition:2s;
					-moz-transition:2s;
					-o-transition:.2s;
				}
				.gal img:hover {
				    border: 1px solid #777;
					transform: translate(0px, 5px);
					-webkit-transform: translate(0px, 5px);
					-moz-transform: translate(0px, 5px);
					-o-transform: translate(0px, 5px);
				}
				#informacion .des {
					margin: 5px 0;
				    padding: 10px;
				    text-align: left;
				}
				#informacion .clearfix::after {
				    content: "";
				    clear: both;
				    display: table;
				}
				#informacion ol.exp {
					margin:0;
					padding:0 0 0 15px;
				}
				#informacion a, #informacion a:link, #informacion a:visited, #informacion a:active {
					margin:0;
					border:0;
					padding:0; 
					color:#144780;
					text-decoration:none;
					font-weight:bold;
					font-size:8pt;
				}
				#informacion a.enlacegrande, #informacion a.enlacegrande:link, #informacion a.enlacegrande:visited, #informacion a.enlacegrande:active {
					margin:0;
					border:0;
					padding:0; 
					color:#144780;
					text-decoration:none;
					font-weight:bold;
					font-size:12pt;
				}
				#informacion a:hover {
					text-decoration:underline;
				}
				#informacion img {
					vertical-align:middle;
				}
				#informacion img.afiliada {
					margin:0 10px 0 0;
				}
				#informacion .importante {
					margin:0;
					border:1px solid #333;
					padding:10px;
					background-color:#fff;
				}
				#informacion .atencion {
					margin:0;
					border:1px solid #ffeeba;
					padding:10px;
					background-color:#fff3cd;
				}
				#informacion .directorio {
					margin:0;
					border:0;
					padding:5px 0 0 0;
					overflow:auto; /* El overflow y el height se utilizan como hack para que versiones de ie contengan los elementos flotantes */
					height:1%; /* es necesario determinar un valor para la altura para que ie6 contenga los elementos flotantes */
				}
				#informacion .regresar {
					margin:0;
					border:0;
					padding:5px 0 50px 0;
					text-align:right;
				}
				#informacion p.advertencia {
					margin:0;
					border:1px solid #ff0;
					padding:5px 5px 5px 26px;
					background-repeat:no-repeat;
					background-position:center left;
					background-image:url(../imagenes/icono-advertencia.gif);
					font-weight:bold;
				}
				#informacion p.error {
					margin:0;
					border:1px solid #f00;
					padding:5px 5px 5px 26px;
					background-repeat:no-repeat;
					background-position:center left;
					background-image:url(../imagenes/icono-error.gif);
					font-weight:bold;
				}
				#informacion #formulario {
					margin:0;
					border:0;
					padding:0;
				}
				#informacion #tabla {
					width:100%;
					border-collapse:collapse;
				}
				#informacion #tabladirectorio {
					width:708px;
					border-collapse:collapse;
				}
				
		
				
				
				
					/* ================================================================================================ */
					/* Estilos para el perfil de usuario del menu de las sesiones de la columna izquierda del contenido */
					/* ================================================================================================ */
					#perfil #fotoPerfil {
						margin:0 5px 0 0;
						border:0;
						padding:0;
						width:80px;
						height:80px;
						float:left;
					}
					#perfil #nombrePerfil {
						margin:5px 0 10px 0;
						padding:0 5px 5px 0;
						color:#144780;
						font-weight:bold;
						text-align: right;
						font-size: 10pt;
						border-bottom: solid 1px #cecece;
					}
					#perfil #salirPerfil {
						margin:5px 0 10px 0;
						border:0;
						padding:0 5px 0 0;
						text-align:right;
					}
					#perfil .limpia {
						margin:0;
						border:0;
						padding:0;
						font-size:0;
						clear:both;
					}
					#perfil a.salir, #perfil a.salir:link, #perfil a.salir:visited, #perfil a.salir:active, #perfil a.salir:hover {
						color:#f48120;
						font-size: 9pt;
						font-weight: bold;
					}
					
					/* =========================================================================================================== */
					/* Estilos para el directorio de consejeros dentro de la información de la columna de la derecha del contenido */
					/* =========================================================================================================== */
					.directorio .fotodir {
						margin:0 10px 0 0; 
						border:0;
						padding:0;
						width:80px;
						vertical-align:middle;
						float:left;
					}
					.directorio .datosdir {
						margin:0; 
						border:0;
						padding:0;
						width:100%;
						background-color:#c5d8e6;
						float:left;
					}
					
					/* =============================================================================================== */
					/* Estilos para las tablas dentro de la información de la columna de la derecha del contenido */
					/* =============================================================================================== */
					#tabla th {
						margin:0;
						border:0;
						padding:2px;
						background-color:#144780;
						color:#fff;
						text-align:left;
						font-size:12px;
					}
					#tabladirectorio th {
						margin:0;
						border:0;
						padding:2px;
						color:#e6541e;
						text-align:center;
						font-size:12px;
						font-weight:bold;
					}
					#tabla td {
						margin:0;
						border-bottom:1px solid #003a5a;
						padding:2px;
						text-align:left;
						font-size:11px;
					}
					#tabla td.subtema {
						margin:0;
						border-bottom:1px solid #003a5a;
						padding:2px;
						background-color:#FFC;
						color:#f4974b;
						text-align:center;
						font-size:12px;
						font-weight:bold;
					}
					#tabla td.numeros {
						text-align: right;
						font-size:9px;
						color:#0076bd;
					}
					#tabladirectorio td {
						margin:0;
						border:0;
						padding:0;
						height:80px;
						text-align:left;
						font-size:11px;
					}
					#tabladirectorio ol {
						margin:0 0 0 20px;
						padding:0;
						border:0;
					}
					#tabladirectorio td.fondodir {
						padding:0 0 0 5px;
						background-color:#c5d8e6;
					}
					#tabladirectorio td.piedir {
						height:25px;
					}
					#tabla tr.alt {
						color:#000;
						background-color:#eee;
					}
					#tabla tr.sobre {
						color:#000;
						background-color:#c5d8e6;
					}
					#tabla tr.blanco {
						color:#000;
						background-color:#fff;
					}
					td {
						text-align:left;
					}
					td p {
						margin: 0;
					}
					
					/* =============================================================================================== */
					/* Estilos para los formularios dentro de la información de la columna de la derecha del contenido */
					/* =============================================================================================== */
					#formulario form {
						margin:0;
						border:0;
						padding:0;
					}
					#formulario fieldset {
						margin:0 auto; /* los valores auto permiten que el fieldset se centre */
						border:1px solid #a1a1a1;
						padding:0 10px 5px 10px;
						display:block; /* Para que versiones de ie no suban el contenido de abajo al lado del fieldset */
						border-radius: 5px;
					}
					#formulario #fieldsetsoporte {
						width:450px;
					}
					#formulario #fieldsetolvide {
						width:500px;
					}
					#formulario #fieldsetregistro {
						width:686px;
					}
					#formulario #fieldsetbuscar {
						width:200px;
					}
					#formulario #fieldsetdocumentos {
						width:686px;
					}
					#formulario #fieldsetevaluacion {
						margin:0 auto; /* los valores auto permiten que el fieldset se centre */
						border:0;
						padding:0;
						display:block;
					}
					#formulario #fieldsetboton {
						border:0;
					}
					#formulario .centrar {
						text-align:center;
					}
					#formulario .estiloadv {
						border:1px solid #ff0;
						padding:0;
						background-color:#ffffe1;
						background-repeat:no-repeat;
						background-position:top left;
						background-image:url(../imagenes/icono-requerido.gif);
					}
					#formulario .estiloerr {
						border:1px solid #f00;
						padding:0;
						background-color:#ffffe1;
						background-repeat:no-repeat;
						background-position:top left;
						background-image:url(../imagenes/icono-requerido.gif);
					}
					#formulario .indicaadv {
						border:0;
						padding:5px 5px 5px 26px;
						background-color:transparent;
						background-repeat:no-repeat;
						background-position:center left;
						background-image:url(../imagenes/icono-advertencia.gif);
						color:#f00;
						font-weight:bold;
					}
					#formulario .indicaerr {
						border:0;
						padding:5px 5px 5px 26px;
						background-color:transparent;
						background-repeat:no-repeat;
						background-position:center left;
						background-image:url(../imagenes/icono-error.gif);
						color:#f00;
						font-weight:bold;
					}
						
					
					
					
					
						/* ========================================================================================================================== */
						/* Estilos para los conjuntos de campos de los formularios dentro de la información de la columna de la derecha del contenido */
						/* ========================================================================================================================== */
						fieldset legend {
							margin:0;
							border:0;
							padding:25px 15px;
							font-weight:bold;
							color: #856404;
							font-size: 12pt;
						}
						fieldset div {
							margin:0 20px 10px 0;
							overflow:auto; /* El overflow y el height se utilizan como hack para que versiones de ie contengan los elementos flotantes */
							height:1%; /* es necesario determinar un valor para la altura para que ie6 contenga los elementos flotantes */
						}
						fieldset span.alto{
							line-height: 30px;
						}
						fieldset label {
							margin:0 5px 0 0;
							border:0;
							padding:0;
							float:left;
							line-height:30px;
							color:#856404;
							background-color:#fff3cd;
							font-weight:bold;
							text-align:right;
							border-radius: 5px;
						}
						fieldset input {
							margin:0;
							border:1px solid #a1a1a1;
							padding:1px;
							height:26px;
							font-size:9pt;
							color: #8a8a8a;
							border-radius: 5px;
						}
						fieldset select {
							margin:0;
							border:1px solid #a1a1a1;
							padding:1px;
							height:30px;
							font-size:9pt;
							color: #8a8a8a;
							border-radius: 5px;
						}
						fieldset textarea {
							margin:0;
							border:1px solid #a1a1a1;
							padding:1px;
							color: #8a8a8a;
							font-size:9pt;
							border-radius: 5px;
						}
						fieldset small {
							margin:0 0 0 210px;
							border:0;
							padding:3px 0;
							display: block;
							font-family:Arial, Verdana, Geneva, sans-serif;
							font-size:7.5pt;
						}
						fieldset .notas {
							margin:0;
							border:1px solid #ffeeba;
							padding:10px;
							width:180px;
							float:right;
							background-color:#fff3cd;
							color:#856404;
							font-size:8pt;
							border-radius: 5px;
						}
						fieldset h4 {
							margin:0;
							border-width:0 0 1px 0;
							border-style:solid;
							border-color:#856404;
							padding:0 2px 6px 26px;
							background-repeat:no-repeat;
							background-position:top left;
							background-image:url(../imagenes/icono-informacion.gif);
							color:#856404;
							font-size:8pt;
						}
						fieldset .ultimo {
							margin:0;
						}
					
						/* =============================================================================================== */
						/* Estilos particulares para los formularios dentro de la información de la columna de la derecha del contenido */
						/* =============================================================================================== */
						#fieldsetsoporte .labelsoporte {
							width:169px; /* mas 5px de relleno para separarlo del input=174px */
						}
						#fieldsetsoporte .inputsoporte {
							width:250px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=266px */
						}
						#fieldsetsoporte .selectsoporte {
							width:254px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error + 4 para que se vea del mismo tamaño que los inputs=280px */
						}
						#fieldsetolvide .labelolvide {
							width:200px; /* mas 5px de relleno para separarlo del input=205px */
						}
						#fieldsetolvide .inputolvide {
							width:269px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=295px */
						}
						#fieldsetregistro .labelregistro {
							width:205px; /* mas 5px de relleno para separarlo del input=210px */
						}
						#fieldsetregistro .inputregistro {
							width:248px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=276px */
						}
						#fieldsetregistro .inputfile {
							width:240px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=276px */
						}
						#fieldsetregistro .inputregistrodia {
							width:45px; 
						}
						#fieldsetregistro .inputregistromes {
							width:85px; 
						}
						#fieldsetregistro .inputregistroyear {
							width:55px; 
						}
						#fieldsetregistro .inputregistronum {
							width:60px; 
						}
						#fieldsetregistro .inputregistrogrado {
							width:150px; 
						}
						#fieldsetregistro .selectregistro {
							width:250px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error + 4 para que se vea del mismo tamaño que los inputs=280px */
						}
						#fieldsetregistro .selectregistroinvestigador {
							width:450px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error + 4 para que se vea del mismo tamaño que los inputs=280px */
						}

						#fieldsetregistro optgroup {
					        color: black;
					        font-size: 15pt;
					    }
					    #fieldsetregistro optgroup option {
					    	color: #8a8a8a;
					        font-size: 9pt;
					    }

						#fieldsetboton .inputboton {
							padding:5px 25px;
							border: 0;
							height:45px;
							font-weight:bold;
							color:#fff;
							background-color:#f48120;
							border-radius: 5px;
							cursor: pointer;
						}
						#fieldsetboton .inputboton:hover { 
							color:#fff;
							background-color:#005289;
							cursor:pointer;
						}

						#fieldsetboton .inputboton2 {
							padding:5px 25px;
							border: 0;
							font-weight:bold;
							color:#fff;
							background-color:#005289;
							border-radius: 5px;
							cursor: pointer;
						}
						#fieldsetboton .inputboton2:hover { 
							color:#fff;
							background-color:#f48120;
							cursor:pointer;
						}

						#fieldsetbuscar .inputbotonbuscar {
							padding:5px;
							height:25px;
							color:#fff;
							font-weight:bold;
							background-color:#f48120;
							width:60px; /* mas 5px de relleno para separarlo del input=85px */
						}
						#fieldsetbuscar .inputbotonbuscar:hover {
							color:#fff;
							background-color:#005289;
							cursor:pointer;
						}
						#fieldsetbuscar .inputbuscar {
							width:109px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=115px */
						}
						#fieldsetdocumentos .labelcheckbox {
							float:right;
							text-align:left;
							width:640px;
						}
						#fieldsetevaluacion .inputpuntajeeval {
							width:30px; 
						}