BODY { background: "#E1E1E1" }
CAPTION { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #000000}
HR { noshade; }

TABLE.tablaPrincipal { width="750"; align="center"; border="1"; bordercolor="#000000"; cellspacing="0"; cellpadding="0"; bordercolorlight="#000000"; bordercolordark="#000000"; bgcolor="#FFFFFF"}

.titulo0 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #000000}
.titulo1 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; color: #000000}
.titulo2 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #000000}
.titulo3 {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000}
.titulo4 {  font-family: Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; color: #000000}
.texto1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #000000}
.texto3 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000}
.texto4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #FF0000}
.texto5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #FF0000}
.texto6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #000000}

.link1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333399
}
.link2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333399
}
.link3 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333399
}

.linkCresi {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #663333
}
.linkClickAndList {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0000FF
}
.linkConsultasRapidas {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #0000FF
}

.texto00 {  font-family: Arial, Helvetica, sans-serif; font-size: 6pt; font-style: normal; font-weight: normal; color: #000000}
.texto0 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; color: #000000}
/* los estilos que empiezan con 'paso_ ' se utilizan en la solapa
	de Inscripción de Lista de Espera */
.paso_pendiente {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	vertical-align: 80%;
}
.paso_activo {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #009999;
	vertical-align: 80%;
}
.paso_fiscalizado {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
   	vertical-align: 80%;
}
.acciones {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #3300CC
}
.seccion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #3300CC;
}

.seccionRoja10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: red;
}

.seccionRoja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: red;
}

.seccionSemiRoja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FF6600;
}

/* se utiliza en las filas de la ficha, de las listas, 
	en las solapas Proceso de distribucion, Organos y Tejidos Ofrecidos
	y en los certificados de ablación e implante
 */
.textoTabla1 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: #000000
}

/* se utiliza en los detalles de las secciones maestro-detalle */
.textoTabla2 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: white;
}
.textoTabla3 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #000000}

/* se utiliza para los titulos de los detalles en las secciones
	maestro-detalle
*/
.tituloTabla1 {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #000000
}


/* estilo para los comentarios o aclaraciones al lado de un cuadro de 
	texto o un combo */
.texto2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000
}

/* etiqueta de una fila de formulario */
.atributo1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	width: 30%;
}

.atributo2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	width: 80%;
}

.atributo1Cresi {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	width: 40%;
}

/* ancho de celda de separacion de etiqueta  y dato de formulario */
.separacion {
	width: 1%;
}

/* estilo del dato cuando es de solo lectura para formulario */
.dato {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #000000
}
.dato2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.datocolor {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #FF0000
}

.datocolorazul {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #0033CC
}

.datocolorblanco {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: white;
}

.datocolorrosa {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #F781BE
}

.datocolorverde {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #227422
}

/* estilo para mostrar un error de validaci�n en un formulario */
.error {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: red
}

/* estilo para una fila vacia en un formulario */
.emptyBlankRow {
	height: 10px;
	colspan: 3;
}

/* estilo para una fila vacia de 5px */
.emptyBlankRow5px {
	height: 5px;
	colspan: 3;
}

.datorojo {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #FF0000
}
.datoColorCresi {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #FF0000
}

.textoTituloCarta {  
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #000000
}
.textoCarta {  
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000
}
.textoTitulo2Carta {  
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000
}

a:hover {  
	font-weight: bold;
	text-decoration: none
}
a:link {  
	text-decoration: none;
    color: #333399;
}
a:visited {  
	text-decoration: none;
	color: #333399;	                 
}

a.accionescresi:hover {  
	font-weight: bold;
	text-decoration: none;
	COLOR: #660033;
}
a.accionescresi:link {  
	text-decoration: none;
	COLOR: #660033;
}
a.accionescresi:visited {  
	text-decoration: none;
	COLOR: #660033;
}


.panel { 
	visibility: hidden ;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.invisible {
	display:none
}


.tablaCuerpo {
	width:98%;
	padding-bottom: 5px;
	border: none;
}

.accionescresi {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #660033;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	
}

/* Estilo para las etiquitas de los checkbox en los formularios */
.checkbox1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
	width: 65%;
}
.informeSubtitulo {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

.checkBox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
}
/* se utiliza en los detalles de las secciones maestro-detalle */
.textoTablaCresi {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.textodeshabilitado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
}
.seccionInforme {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold; 
	color: #006699;
}
.cresiReferencias {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	color: #000000
}

.solapa_true {
	height: 40px;
	width: 25%;
	background-color: #F0BC8C;
}

.solapa_false {
	height: 40px;
	width: 25%;
	background-color: #FFCCCC;
}

ul#cuadrado {	
	list-style-type:square;
}

li#amarillo {
	color: yellow; 
}

li#salmon {
	color:blue;
	background: yellow;
}

li#violeta {
	color: purple; 
}

/* Modal Content */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #dee6f5;
    margin: auto;
    padding: 0px;
    border: 1.5px solid #000;
    width: 60%;
}

.modal-header{
	background-color: #9eb7e4;
	padding : 10px;
	border-bottom: 1px solid #000;
}

/* The Close Button */
.close {
    color: #0000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.tdAccionFila {
    width: 1%;
    white-space: nowrap;
}

/* Para que en los inputs number no se muestren las flechitas a los costados */

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}


/* Modal multisearcher */
body {font-family: Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	text-align: center;
	position: absolute;
}

/* Modal Content */
.modal-content-multisearcher {
    background-color: #fbebdd;
    margin: auto;
    padding: 4px;
	display: inline-block;
    width: auto; /* Full width */
	border-radius: 8px;
    border: 1px solid #808080;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header-multisearcher {
    padding: 10px;
	background-color: #f3c9a3;
    color: black;
	padding: 3px;
    text-align: left;
	border-radius: 7px 7px 0px 0px;
}

.modal-body-multisearcher {
	padding: 2px 16px;
	border-style: solid;
}

.modal-footer-multisearcher {
	padding: 10px;
    background-color: #f3c9a3;
    color: black;
	border-radius: 0px 0px 7px 7px;
}
.container-label-multisearcher {
	display: inline-block;
}
.container-data-multisearcher {
	display: inline-block;
}


.label-multisearcher {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: right;
	height: 25px;
	margin-left: 8px;
}

.data-multisearcher {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
	height: 25px;
	margin-right: 8px;
}
.title-multisearcher {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
    color: #000000;
	margin-left: 8px;
	margin-top: 10px; 
	height: 14px;
	
}
.input-container-multisearcher {
    padding:2px;
}

.container-label-multisearcher-error {
	display: inline-block;
	vertical-align: top;
}

.label-multisearcher-error {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: right;
	margin-left: 8px;
	margin-top: 5px;
	height: 36px;
}

.error-multisearcher {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	color: red;
	margin-bottom: 5px;
}