div#acceso {
	position: relative;
	float: left;
	background-color: #88FFFF;	
	border-style: double;
	border-color: #000;
	border-width: 4px;
	width: 80%;
	height: auto;
	margin: 0 10% 0;
	padding: 5px 0 15px;
}

div#principal {
	position: relative;
	float: left;
	text-align: justify;
	background-color: #transparent;
	width: 94%;
	overflow: scroll;
	min-height: 90%;
	max-height: 90%;
	padding: 0 3%;
}

div#principalBis {
	position: relative;
	float: left;
	text-align: justify;
	background-color: #transparent;
	width: 100%;
	height: auto;
	padding: 0 0 12px;
}

div#listaA {
	position: relative;
	float: left;
	text-align: left;
	background-color: #transparent;
	width: 35%;
	height: auto;
	padding: 0 0 0 2%;
}

div#listaB {
	position: relative;
	float: left;
	text-align: left;
	background-color: #transparent;
	width: 63%;
	height: auto;
	padding: 0;
}


div #barra_contenido {		/* Capa donde se ubican los botones que afectan al contenido. */
	position: relative;
	float: left;
	margin: 0;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	height: 33px;
	width: 96%;	
	background-color: #11FFFF;
	padding: 7px 0;
}

div #lecturaUsuario {		/* Capa usada para la lectura de los datos de un nuevo usuario. */
	position: relative;
	float: left;
	width: 80%;
	height: auto;
	margin: 0 6%;
	padding: 15px 4% 20px;
	border-style: double;
	border-color: #000;
	border-width: 3px;
	background-color: #BFF;
}

div.texto {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: right;
	width: 30%;
	height: auto;
	padding: 12px 3% 0 10%;
}

div.lectura {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: left;
	width: 47%;
	height: auto;
	padding: 10px 10% 0 0;
}

div.textoA {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: right;
	width: 26%;
	height: auto;
	padding: 17px 3% 5px 10%;
}

div.lecturaA {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: left;
	width: 49%;
	height: auto;
	padding: 13px 10% 5px 0;
}

div.textoB {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 80%;
	height: auto;
	padding: 15px 10% 0;
}

div.textobis {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: left;
	width: 80%;
	height: auto;
	padding: 0 10%;
}

div.renglon {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: left;
	width: 80%;
	height: auto;
	padding: 10px 10%;
}

div.enlaceAlta {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 76%;
	height: auto;
	padding: 10px 12%;
}

div.TituloBis {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 5px 0;
}

div.Titulo {
	position: relative;
	float: left;
	background-color: #5FF;
	text-align: center;
	width: 100%;
	margin: 0;
	height: 7%;
	padding: 8px 0;
}

div.barra {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 50%;
	height: auto;
	padding: 15px 25% 5px;
}

div.linea {
	position: relative;
	float: left;
	background-color: transparent;	
	text-align: center;
	width: 60%;
	height: auto;
	padding: 10px 20%;
}

div.enlaceAcceso {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 76%;
	height: auto;
	padding: 5px 12% 15px;
}

div.enlaceMensaje {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 30%;
	height: auto;
	padding: 5px  0 15px 18%;
}

div.enlaceCerrar {
	position: relative;
	float: right;
	background-color: transparent;
	text-align: center;
	width: 15%;
	height: auto;
	padding: 5px 18% 15px 0;
}

div.enlaceAccesoBis {
	position: relative;
	float: left;
	background-color: transparent;
	text-align: center;
	width: 50%;
	height: auto;
	padding: 5px 0 15px;
}

div.enlaceAccesoTris {
	position: relative;
	float: right;
	background-color: transparent;
	text-align: center;
	width: 50%;
	height: auto;
	padding: 5px 0 15px;
}

table.normal {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	border-width: 0;
	border-color: none;
	border-style: none;
	background-color: transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

table.normal td {
	border: 0;
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	border-spacing: 0;
	padding: 0;
}	

table.filaFormu {		/* Tabla para gestionar cada fila de un formulario. */
	width: 100%;
	border-width: 0;
	border-color: none;
	border-style: none;
	background-color: transparent;
	vertical-align: middle;
	margin: 7px 0 7px;
	padding: 0;
	border-spacing: 0;	
}

table.filaFormu td {	
	border-width: 0;
	border-color: none;
	border-style: none;
	background-color: transparent;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border-spacing: 0;	
}

table.barraBis {		/* Tabla usada para mostrar botones en la barra de botones. */
	position: relative;
	float:left;
	width: 100%;
	height: auto;
	border: 0 none none;
	background-color: transparent;
	vertical-align: top;
	margin: 0;
	padding: 0 5px;
}

table.barraBis td {
	border: 0;
	background-color: transparent;	
	vertical-align: top;
	border-spacing: 0;
	padding: 0 0;
}

select  {
  	margin: 3px;
  	height: auto;
  	color: #000000;
	padding: 3px 4px;
	font-size: 0.75em;
  	border: solid 1px grey;
}

select:focus {
	border: 2px solid #000;
	background-color: #F3F3F3;
}

select.bnegro  {
  	margin: 3px;
  	height: auto;
  	color: #000000;
	padding: 3px 4px;
	font-size: 0.75em;
  	border: solid 1px black;
}

select.bnegro:focus {
	border: 2px solid #000;
	background-color: #F3F3F3;
}

select.elige  {
	font-family: Georgia, serif;
  	margin: 3px;
  	height: auto;
  	color: #000000;
	padding:3px 4px;
	font-size: 0.7em;
	background-color: #FC5;
  	border: solid 1px black;
}

select.elige:focus {
	border: 2px solid #000;
	background-color: #FC5;
}

textarea  {
  	margin: 3px;
  	color: #000000;
	padding: 3px 4px;
	font-size: 0.9em;
  	border: solid 1px grey;
}

textarea:focus {
	border: 2px solid #000;
	background-color: #F3F3F3;
}

a.normal {
	font-family: Times New Roman;	
	font-size: 0.9em;
	color: #00F;
	display: block;
}
.derecha {
	text-align: right;
}

.izquierda {
	text-align: left;
}

.centrado {		/* Texto centrado. */
	text-align: center;
}

.justificar {
	text-align: justify;
}

.centradoazul {
	text-align: center;
	color: #0000FF;
}

.centradorojo {
	text-align: center;
	color: #FF0000;
}

font.titulo_Azul {
	font-family: serif;
	font-weight: bold; 
	font-size: 1.2em;
	color: #00F;
}

font.titulo_Rojo {
	font-family: serif;
	font-weight: bold; 
	font-size: 1.35em;
	color: #F00;
}

font.titulo {
	font-family: serif;
	font-weight: bold; 
	font-size: 1.25em;
	color: #FF0000;
}

font.titulobis {
	font-family: serif;
	font-weight: bold; 
	font-size: 1.1em;
	color: #FF0000;
}

font.identidad {
	font-family: serif;
	font-weight: bold; 
	font-size: 0.8em;
	color: #000;
}

font.negrita {
	font-family: Times;
	font-weight: bold; 
	font-size: 0.85em;
	color: #000;
}


font.fallo {
	font-family: Times;
	font-weight: bold;
	font-size: 1em;
	color: #00F;
}

font.normal {
	font-family: Times New Roman;	
	font-size: 0.85em;
	color: #000000;
}

font.normalbis {
	font-family: serif;	
	font-size: 1em;
	color: #000000;
}

font.negrita_azul {
	font-family: serif;	
	font-weight: bold;
	font-size: 0.85em;
	color: #0000FF;
}

font.negrita_rojo {
	font-family: serif;	
	font-weight: bold;
	font-size: 0.85em;
	color: #FF0000;
}

font.negrita_rojobis {
	font-family: serif;	
	font-weight: bold;
	font-size: 1.3em;
	color: #FF0000;
}

font.etiqueta {
	font-weight: bold; 
	font-size: 0.85em;
	color: #000000;
}

font.mensaje {
	font-weight: bold; 
	font-size: 0.84em;
	color: #000000;
}

font.normalMe {	
	font-size: 0.8em;
	color: #000000;
}
