/* Hoja de Estilo para el Sitio Web del programa Delfín */
<!-- 
/* ====================================================================*/
/* Estilos para el body */
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:#fff url(../imagenes/fondo.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. */
}

/* ====================================================================*/
/* Estilos para la hoja de registro */
body.solicitud {
	background-image:none;
	background-color:#FFF;
}
.solicitud h1 {
	margin:0 0 20px 0;
	border:0;
	padding:0;
	color:#003a5a;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:11pt;
}
.solicitud h2 {
	margin:20px 0;
	border:0;
	padding:0;
	color:#0076bd;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:9pt;
	text-align:left;
}
.solicitud .centrar {
	text-align:center;
}
.solicitud .derecha {
	text-align:right;
}
.solicitud div {
	text-align:left;
}
.solicitud p {
	text-align:justify;
}

/* ====================================================================*/
/* Estilos para el contenedor principal */
#container {
	margin:0 auto;  /* los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario. */
	border:0;
	padding:0;
	width:994px; /* 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. */
}

/* ====================================================================*/
/* Estilos para el contenedor del encabezado */
#container #header {
	margin:0;
	border:0;
	padding:0;
	height:80px; /* alto del encabezado igual al alto de la imagen de fondo. */
	background:#fff url(../imagenes/encabezado.png) no-repeat top left;
}

/* ====================================================================*/
/* Estilos para el contenedor del menu principal */
#container #menuPricipal {
	margin:0;
	border:0;
	padding:0;
	height:23px; /* alto del menu principal igual al alto de la imagen de fondo. */
	background:#c65306 url(../imagenes/fondo-barra.png) repeat-x top left;
}
#menuPricipal ul {
	margin:0;
	border:0;
	padding:0;
	list-style-type:none;
}
#menuPricipal li {
	margin:0;
	border:0;
	padding:0;
	display:inline; /* esto permite que la lista aparezca en una sola línea */
}
#menuPricipal a, #menuPricipal a:link, #menuPricipal a:visited, #menuPricipal a:active{
	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 */
	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:#fff;
	text-decoration:none;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif; 
	font-size:8pt;
	font-weight:bold;
}
#menuPricipal a:hover {
	color:#003a5a;
}

/* ====================================================================*/
/* Estilos para el contenedor de los titulos */
#container #titulo {
	margin:10px 20px; /* 80px encabezado + 23px menu principal + 17px titulo + 10px margen superior + 10px margen inferior */
	border:0;
	padding:0;
	line-height:17px;
	color:#fff;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:17px;
	font-weight:bold;
}

/* ====================================================================*/
/* Estilos para el contenedor de contenido */
#container #content {
	margin:0;
	border:1px solid #003a5a;
	padding:10px;
	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 */
	background-color:#fff;
}

/* ====================================================================*/
/* Estilos para el contenedor de la columna izquierda  */
#content #colIzquierda {
	margin:0; 
	border:0;
	padding:0;
	width:180px;
	float:left; /* coloca el contenedor a la izquierda, dado que este elemento es flotante, debe asignarse un ancho */
}

/* ====================================================================*/
/* Estilos para el contenedor del menu de sección */
#colIzquierda #menuSeccion {
	margin:0; 
	/*border:0;*/ /* Por alguna razón extraña si se inicializa el borde a 0, en ie6 no toma en cuenta los estilos para el resto del menu */
	padding:0;
}
#menuSeccion h2 {
	margin:30px 0 0 0;
	border:0;
	padding:0;
	color:#0076bd;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:9pt;
}
#menuSeccion h2.inicio {
	margin:0;
}
#menuSeccion ul {
	margin:0;
	border:0;
	padding:0;
	list-style-type:none;
}
#menuSeccion li {
	margin:0;
	border:0;
	padding:0;
	display:inline; /* Este display permite que en ie6 no se vea un espacio entre cada elemento de la lista */
}
#menuSeccion a, #menuSeccion a:link, #menuSeccion a:visited, #menuSeccion a:active {
	margin:0;
	border-bottom:1px solid #003a5a;
	padding:0 0 0 20px; /* recorre el texto para que se vea el icono  */
	line-height:23px; /* esto pone altura y centra los anchors verticalmente */
	display:block;
	color:#003a5a;
	text-decoration:none;
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif; 
	font-size:8pt;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
}
#menuSeccion a:hover {
	color:#f86f15;
	background-repeat:no-repeat;
	background-position:center left;
}
#menuSeccion a.mensaje, #menuSeccion a.mensaje:link, #menuSeccion a.mensaje:visited, #menuSeccion a.mensaje:active {
	background-image:url(../imagenes/boton-mensaje.gif);
}
#menuSeccion a.mensaje:hover {
	background-image:url(../imagenes/boton-mensajeH.gif);
}
#menuSeccion a.convocatorias, #menuSeccion a.convocatorias:link, #menuSeccion a.convocatorias:visited, #menuSeccion a.convocatorias:active {
	background-image:url(../imagenes/boton-convocatorias.gif);
}
#menuSeccion a.convocatorias:hover {
	background-image:url(../imagenes/boton-convocatoriasH.gif);
}
#menuSeccion a.avisos, #menuSeccion a.avisos:link, #menuSeccion a.avisos:visited, #menuSeccion a.avisos:active {
	background-image:url(../imagenes/boton-avisos.gif);
}
#menuSeccion a.avisos:hover {
	background-image:url(../imagenes/boton-avisosH.gif);
}
#menuSeccion a.contacto, #menuSeccion a.contacto:link, #menuSeccion a.contacto:visited, #menuSeccion a.contacto:active {
	background-image:url(../imagenes/boton-contacto.gif);
}
#menuSeccion a.contacto:hover {
	background-image:url(../imagenes/boton-contactoH.gif);
}
#menuSeccion a.usuarios, #menuSeccion a.usuarios:link, #menuSeccion a.usuarios:visited, #menuSeccion a.usuarios:active {
	background-image:url(../imagenes/boton-usuarios.gif);
}
#menuSeccion a.usuarios:hover {
	background-image:url(../imagenes/boton-usuariosH.gif);
}
#menuSeccion a.sitios, #menuSeccion a.sitios:link, #menuSeccion a.sitios:visited, #menuSeccion a.sitios:active {
	background-image:url(../imagenes/boton-sitios.gif);
}
#menuSeccion a.sitios:hover {
	background-image:url(../imagenes/boton-sitiosH.gif);
}
#menuSeccion a.sobre, #menuSeccion a.sobre:link, #menuSeccion a.sobre:visited, #menuSeccion a.sobre:active {
	background-image:url(../imagenes/boton-sobre.gif);
}
#menuSeccion a.sobre:hover {
	background-image:url(../imagenes/boton-sobreH.gif);
}
#menuSeccion a.mapa, #menuSeccion a.mapa:link, #menuSeccion a.mapa:visited, #menuSeccion a.mapa:active {
	background-image:url(../imagenes/boton-mapa.gif);
}
#menuSeccion a.mapa:hover {
	background-image:url(../imagenes/boton-mapaH.gif);
}
#menuSeccion a.sesion, #menuSeccion a.sesion:link, #menuSeccion a.sesion:visited, #menuSeccion a.sesion:active {
	background-image:url(../imagenes/boton-sesion.gif);
}
#menuSeccion a.sesion:hover {
	background-image:url(../imagenes/boton-sesionH.gif);
}
#menuSeccion a.soporte, #menuSeccion a.soporte:link, #menuSeccion a.soporte:visited, #menuSeccion a.soporte:active {
	background-image:url(../imagenes/boton-soporte.gif);
}
#menuSeccion a.soporte:hover {
	background-image:url(../imagenes/boton-soporteH.gif);
}
#menuSeccion a.olvide, #menuSeccion a.olvide:link, #menuSeccion a.olvide:visited, #menuSeccion a.olvide:active {
	background-image:url(../imagenes/boton-olvide.gif);
}
#menuSeccion a.olvide:hover {
	background-image:url(../imagenes/boton-olvideH.gif);
}
#menuSeccion a.registro, #menuSeccion a.registro:link, #menuSeccion a.registro:visited, #menuSeccion a.registro:active {
	background-image:url(../imagenes/boton-registro.gif);
}
#menuSeccion a.registro:hover {
	background-image:url(../imagenes/boton-registroH.gif);
}

/* ====================================================================*/
/* Estilos para el contenedor de los banners */
#colIzquierda #banners {
	margin:40px 0 0 0; /* esto pone un margen entre el menu de sección y los banners */
	border:0;
	padding:0;
}
#banners img {
	margin:10px 0 0 0;
	border:0;
	padding:0;
}

/* ====================================================================*/
/* Estilos para el contenedor de las redes */
#colIzquierda #redes {
	margin:50px 0 0 0; /* esto pone un margen entre el menu de sección y los banners */
	border:0;
	padding:0;
}
#redes a.video, #redes a.video:link, #redes a.video:visited, #redes a.video:active {
	margin:0;
	padding:0 10px 10px 60px; /* recorre el texto para que se vea el icono  */
	display:block;
	color:#003a5a;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif; 
	font-size:8pt;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(../imagenes/boton-video.gif);
}
#redes a.video:hover {
	color:#f86f15;
	background-repeat:no-repeat;
	background-position:center left;
}

#redes a.facebook, #redes a.facebook:link, #redes a.facebook:visited, #redes a.facebook:active {
	margin:0 0 0 7px;
	padding:0 10px 10px 53px; /* recorre el texto para que se vea el icono  */
	display:block;
	color:#003a5a;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif; 
	font-size:8pt;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(../imagenes/facebook.gif);
}
#redes a.facebook:hover {
	color:#f86f15;
	background-repeat:no-repeat;
	background-position:center left;
}

#redes a.imx, #redes a.imx:link, #redes a.imx:visited, #redes a.imx:active {
	margin:0;
	padding:0 10px 10px 60px; /* recorre el texto para que se vea el icono  */
	display:block;
	color:#003a5a;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Tahoma, Verdana, Geneva, sans-serif; 
	font-size:8pt;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(../imagenes/imx.gif);
}
#redes a.imx:hover {
	color:#f86f15;
	background-repeat:no-repeat;
	background-position:center left;
}

/* ====================================================================*/
/* Estilos para el contenedor de los iconos de validacion de codigo xhtml y css */
#colIzquierda #validacion {
	margin:50px 0 0 0; /* esto pone un margen entre los banners y los iconos de validacion */
	border:0;
	padding:0;
}
#validacion .centrar {
	margin:0;
	border:0;
	padding:0;
	text-align:center;
}

/* ====================================================================*/
/* Estilos para el contenedor de los iconos de soporte de navegadores */
#colIzquierda #soporte {
	margin:10px 0 0 0; /* esto pone un margen entre los banners y los iconos de validacion */
	border:0;
	padding:0;
}
#soporte .centrar {
	margin:0;
	border:0;
	padding:0;
	text-align:center;
}

/* ====================================================================*/
/* Estilos para el contenedor de la columna derecha  */
#content #colDerecha {
	margin:0; 
	border:0;
	padding:0;
	width:772px;
	float:right; /* coloca el contenedor a la derecha, dado que este elemento es flotante, debe asignarse un ancho */
}
#colDerecha p, div, li, span {
	font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
	font-size:8pt;
}
#colDerecha .centrar {
	text-align:center;
}
#colDerecha .textorojo {
	color:#F00;
}
#colDerecha .textoazul {
	color:#0076bd;
}
#colDerecha .textop {
	font-size:7pt;
}
#colDerecha blockquote {
	margin-left:20px;
	border:0;
	padding:0;
}
#colDerecha img {
	vertical-align:middle;
}
#colDerecha img.margend {
	margin-right:10px;
}
#colDerecha h1 {
	margin:0 0 20px 0;
	border:0;
	padding:0;
	color:#003a5a;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:11pt;
}
#colDerecha h2 {
	margin:20px 0;
	border:0;
	padding:0;
	color:#0076bd;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size:9pt;
}
#colDerecha ul {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
#colDerecha ul li {
	background-image:url(../imagenes/square.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
}
#colDerecha ul li.flecha {
	background-image:url(../imagenes/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
}
#colDerecha ol {
	margin-top:10px;
	margin-bottom:10px;
}
#colDerecha strong.azul{
	color:#0076bd;
}
#colDerecha a, #colDerecha a:link, #colDerecha a:visited, #colDerecha a:active {
	padding:0 0 0 8px; /* recorre el texto para que se vea el icono  */
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(../imagenes/arrow.gif);
	color:#003a5a;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif
}
#colDerecha a:hover {
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url(../imagenes/square.gif);
	color:#f86f15;
}
#colDerecha a.sinvineta, #colDerecha a.sinvineta:link, #colDerecha a.sinvineta:visited, #colDerecha a.sinvineta:active {
	padding:0;
	background-image:none;
	color:#003a5a;
	text-decoration:none;
}
#colDerecha a.sinvineta:hover {
	color:#f86f15;
}
#colDerecha 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;
}
#colDerecha 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;
}
#colDerecha #tabla {
	width:772px;
	border-collapse:collapse;
}
#tabla tr.alt td {
	color:#000;
	background-color:#eee;
}
#tabla tr.sobre td {
	color:#000;
	background-color:#c5d3e0;
}
#tabla tr.blanco td {
	color:#000;
	background-color:#fff;
}
#tabla th {
	margin:0;
	border-top:1px solid #003a5a;
	border-bottom:1px solid #003a5a;
	padding:2px;
	background-color:#0076bd;
	color:#fff;
	text-align:left;
}
#tabla td {
	margin:0;
	border-bottom:1px solid #003a5a;
	padding:2px;
	text-align:left;
}

/* ====================================================================*/
/* Estilos para el contenedor de galerias */
#content #galerias {
	margin:0 0 20px 0; 
	border:0;
	padding:0;
	width:500px;
	float:left;
}

/* ====================================================================*/
/* Estilos para el contenedor de anuncios */
#content #anuncios {
	margin:0; 
	border:0;
	padding:0;
	width:252px;
	float:right;
}
#anuncios img {
	margin:0 0 10px 0;
	border:0;
	padding:0;
}

/* ====================================================================*/
/* Estilos para el contenedor de notas */
#content #notas {
	margin:0;
	border:0;
	padding:0;
	width:772px;
	float:left;
}
#content .nota {
	margin:0;
	border:0;
	padding:0 0 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 */
}
.nota img {
	margin:0 10px 0 0; 
	border:0;
	padding:0; 
	float:left;
}
.nota img.sinformato {
		margin:0;
		border:0;
		padding:0;
		float:none;
}

/* ====================================================================*/
/* Estilos para el contenedor de directorio */
#content .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 */
}
.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:682px;
	float:left;
}
#content .regresar {
	margin:0;
	border:0;
	padding:5px 0 50px 0;
}

/* ====================================================================*/
/* Estilos para el pie de pagina*/
#container #footer {
	margin:10px 0;
	border:0;
	padding:0;
	height:23px; /* se define el alto para que el contenido pueda centrarse verticalmente. */
	background:#c65306 url(../imagenes/fondo-barra.png) repeat-x top left;
}
#footer .creditos {
	line-height:23px; /* Esto permite que el texto se centre verticalmente al tamaño asignado al contenedor footer. */
	color:#fff; 
	text-align:center;
	font-family:Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:7pt;
}

/* ====================================================================*/
/* Estilos para los formularios */
form {
  	margin:0;
	border:0;
  	padding:0;
}
form fieldset {
	margin:0 auto 10px auto; /* los valores auto permiten que el fieldset se centre */
	border:1px solid #003a5a;
 	padding:0 10px 5px 10px;
	display:block; /* Para que versiones de ie no suban el contenido de abajo al lado del fieldset */
}
fieldset legend {
	margin:0;
	border:0;
	padding:10px;
	font-weight:bold;
}
fieldset div {
	margin:0 0 5px 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 */
}

div label {
	margin:0 5px 0 0;
	border:0;
	padding:0;
	float:left;
	line-height:20px;
	color:#000;
	background-color:#c5d3e0;
	font-weight:bold;
	text-align:right;
}
div input {
	margin:0;
	border:1px solid #003a5a;
	padding:1px;
	height:16px;
	font-size:8pt;
}
div select {
	margin:0;
	border:1px solid #003a5a;
	padding:1px;
	height:20px;
	font-size:8pt;
}
div textarea {
	margin:0;
	border:1px solid #003a5a;
	padding:1px;
	font-size:8pt;
}
div small {
  	margin:0 0 0 210px;
	border:0;
	padding:3px 0;
  	display: block;
	font-family:Arial, Verdana, Geneva, sans-serif;
  	font-size:8pt;
}
fieldset div.notas {
 	margin:0;
  	border:1px solid #003a5a;
  	padding:5px;
  	width:230px;
	float:right;
  	background-color:#ffffe1;
  	color:#666666;
  	font-size:7pt;
}
div.notas h4 {
	margin:0;
	border-width:0 0 1px 0;
  	border-style:solid;
 	border-color:#666666;
	padding:0 2px 6px 26px;
  	background-repeat:no-repeat;
  	background-position:top left;
	background-image:url(../imagenes/icono-informacion.gif);
  	color:#666666;
  	font-size:7.5pt;
}
div.notas p.ultimo {
  	margin:0;
}
fieldset div.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);
}
fieldset div.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);
}
div.estiloadv div.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;
}
div.estiloerr div.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 particulares para los formularios */
form #fieldsetboton {
	border:0;
}
div .inputboton {
	padding:5px;
	height:25px;
	font-weight:bold;
	background-color:#c5d3e0;
}
div .inputboton:hover { 
	color:#fff;
	background-color:#003a5a;
	cursor:pointer;
}
form #fieldsetsesion {
	width:200px;
}
form #fieldsetsesion { /* hack para ie6 ya que su modelo de caja toma el ancho de un elemento como desde el borde externo izquierdo hasta el borde externo derecho */
	* width:204px;     /* como los input tienen borde y relleno de 1px hay que sumar esos 4px para que el input no haga un salto de linea en ie6 */
}
div .labelsesion {
	width:80px; /* mas 5px de relleno para separarlo del input=85px */
}
div .inputsesion {
	width:109px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=115px */
}
form #fieldsetsoporte {
	width:400px;
}
form #fieldsetsoporte {
	* width:404px;
}
div .labelsoporte {
	width:129px; /* mas 5px de relleno para separarlo del input=134px */
}
div .inputsoporte {
	width:260px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=266px */
}
form #fieldsetolvide {
	width:500px;
}
form #fieldsetolvide {
	* width:504px;
}
div .labelolvide {
	width:200px; /* mas 5px de relleno para separarlo del input=205px */
}
div .inputolvide {
	width:289px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=295px */
}
fieldset div.registro {
	width:484px;
}
fieldset div.registro {
	* width:488px;
}
form #fieldsetregistro {
	width:746px;
}
form #fieldsetregistro {
	* width:750px;
}
div .labelregistro {
	width:205px; /* mas 5px de relleno para separarlo del input=210px */
}
div .inputregistro {
	width:270px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=276px */
}
div .inputregistrodia {
	width:45px; 
}
div .inputregistromes {
	width:85px; 
}
div .inputregistroyear {
	width:55px; 
}
div .inputregistronum {
	width:60px; 
}
div .inputregistrogrado {
	width:150px; 
}
div .selectregistro {
	width:274px; /* 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 */
}
div .selectregistroinvestigador {
	width:534px; /* 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 */
}
div .inputfile {
	height:20px;
}
form #fieldsetbuscar {
	width:200px;
}
form #fieldsetbuscar { /* hack para ie6 ya que su modelo de caja toma el ancho de un elemento como desde el borde externo izquierdo hasta el borde externo derecho */
	* width:204px;     /* como los input tienen borde y relleno de 1px hay que sumar esos 4px para que el input no haga un salto de linea en ie6 */
}
div .inputbotonbuscar {
	padding:5px;
	height:25px;
	font-weight:bold;
	background-color:#c5d3e0;
	width:80px; /* mas 5px de relleno para separarlo del input=85px */
}
div .inputbuscar {
	width:109px; /* mas 2px de borde, mas 2px de relleno, mas 2px para borde cuando hay aviso de advertencia o error=115px */
}
form #fieldsetdocumentos {
	width:730px;
}
form #fieldsetdocumentos { /* hack para ie6 ya que su modelo de caja toma el ancho de un elemento como desde el borde externo izquierdo hasta el borde externo derecho */
	* width:734px;     /* como los input tienen borde y relleno de 1px hay que sumar esos 4px para que el input no haga un salto de linea en ie6 */
}
div .labelcheckbox {
	float:right;
	text-align:left;
	width:690px;
}
div .inputcheckbox {
}
-->