BODY {
    
    background-color: #F7F6F1;
    /*background-color: #E1E1E1;*/
    /* background-color: white;*/
    /*background:url("../../assets/images/bg_blue.png") repeat-x fixed left top #4D87C7;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    width: 1000px; /*970*/
    margin-left: auto;
    margin-right: auto;
    
    /*
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
	border-style: solid;
	border-color: black; 
	/*
	border-collapse: collapse;
	border-spacing: 0px;
	*/
}

/* Mis Colores
     #E1E1E1
     
	 #F7F7F7
	 #DEDEDE
	 #EDEFF4
*/

CAPTION { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-style: normal;
    font-weight: normal;
    color: #000000
}

a:link {
/*    font-size: 9pt;*/
    color: #333399;
	text-decoration: none;
}
a:visited {
/*    font-size: 9pt;*/
	color: #333399;
	text-decoration: none;
}
a:hover {
/*    font-weight: bold;*/
/*    font-size: 9pt;*/
    color: #333399;
/*    font-weight: bold;*/
/*	text-decoration: underline;*/
}
a:active {
    background: yellow;
	text-decoration: none;
}

td {
    padding: 0px;
}

.td_orange {
    border: 0;
    background-color: #F1F2B7;
    padding: 5px;
}

.td_blue {
    border: 0;
    color: #426C97;
    background-color: #426C97;
    height: 8px;
}

div.hr {
  height: 15px;
  background: #fff url(barra.jpg) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.hr_menu {
    background: #fff url(barra.jpg) no-repeat scroll center;
    border: 0px;
}

.hr_menu_left {
    background: #fff url(img/barra.jpg) no-repeat scroll ;
    border: 0px;
}

.margin_main {
    margin-left: 1%;
    margin-right: 1%;
/*    margin-right: 2%;*/
}

.margin_menu {
    margin-left: 10%;
}

.margin1 {
    margin-left: 20%;
}

.main_header
{ 
    border-top: 2px;
    border-right: 2px;
    border-left: 2px;
    border-bottom: 0px;
	border-style: solid;
	border-color: black; 
	border-collapse: collapse;
	border-spacing: 0px;
	background-color:white;
	padding: 0px;
	width: 100%;
	empty-cells: show;
}

.main_body
{ 
    border-top: 0px;
    border-right: 2px;
    border-left: 2px;
    border-bottom: 0px;
	border-style: solid;
	border-color: black; 
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: white;
	padding: 0px;
	width: 100%;
	empty-cells: show;
}

.main_footer
{ 
    border-top: 0px;
    border-right: 2px;
    border-left: 2px;
    border-bottom: 2px;
	border-style: solid;
	border-color: black; 
	border-collapse: collapse;
	border-spacing: 0px;
	background-color:white;
	padding: 0px;
	width: 100%;
	empty-cells: show;
}

.table_zero
{ 
    border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color:white;
	padding: 0px;
	width: 100%;
	empty-cells: show;
}


table.listado {
	margin: 0px;
	padding: 0;
/*    border: 3px;*/
/*    border-collapse:collapse; */
    border-spacing: 3px;
/*    text-align: left;*/
	color: #000000;
/*	line-height: 19px;*/
    width: 100%;
}

th.listado {
    padding: 3px;
/*    padding-right: 4px;
    padding-left: 4px;
    padding-right: 4px;*/
    color: black;
    background-color: white;
/*    text-align:left;*/
    border: 0;
    text-align: left;
}

tr.listado_title {
    background-color: #663300;
    color: white;
}

tr.listado_f1 {
    background-color: #fbebdd;
}

tr.listado_f2 {
    background-color: #fbebdd;
}

td.listado {
    padding: 3px;
/*    padding-left: 4px;
    padding-right: 4px;*/
/*    text-align:left;*/
    border: 0;
    text-align: left;
}
td.listado a:link {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/ingresar.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
td.listado a:visited {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/ingresar.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}


table.record {
	margin: 0px;
	padding: 0;
/*    border: 3px;*/
/*    border-collapse:collapse; */
/*    border-spacing: 3px; */
/*    text-align: left;*/
	color: #000000;
/*	line-height: 19px;*/
    width: 100%;
/*    background-color: #fbebdd; */
}

th.record {
    padding: 3px;
/*    padding-right: 4px;
    padding-left: 4px;
    padding-right: 4px;*/
    color: black;
    background-color: white;
/*    text-align:left;*/
    border: 0;
    text-align: left;
}

tr.record_f1 {
    background-color: #fbebdd;
}

tr.record_f2 {
    background-color: #fbebdd;
}

td.record_field_name {
    padding: 3px;
/*    padding-left: 4px;
    padding-right: 4px;*/
/*    text-align:left;*/
    border: 0;
    text-align: right;
}

td.record_field_value {
    padding: 3px;
/*    padding-left: 4px;
    padding-right: 4px;*/
/*    text-align:left;*/
    border: 0;
    text-align: left;
    font-weight:bold;
}

.header_who {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 7pt; 
    font-style: normal; 
    font-weight: normal; 
    color: #000000
}


.toolbar_logout a:link {
    font-size: 9pt;
    color: #99CCFF;
	text-decoration: none;
    background-image: url(img/logout.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_logout a:visited {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/logout.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_logout a:hover {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/logout.sust.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.toolbar_ayuda a:link {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/ayuda.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_ayuda a:visited {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/ayuda.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_ayuda a:hover {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/ayuda.sust.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_home a:link {
    font-size: 9pt;
    color: #99CCFF;
	text-decoration: none;
    background-image: url(img/home.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_home a:visited {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/home.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.toolbar_home a:hover {
    font-size: 9pt;
    color: #333399;
	text-decoration: none;
    background-image: url(img/home-b.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.seccion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #3300CC;
}



.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
}

.texto0 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 7pt; 
    font-style: normal; 
    font-weight: normal; 
    color: #000000
}

.texto00 {  font-family: Arial, Helvetica, sans-serif; font-size: 6pt; 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
}

.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%;
}

.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
}
.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif }


.datocolor {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	color: #FF0000
}

.datocolorazul {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5.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;
}

/* estilo para mostrar un error de validaci�n en un formulario */
.error {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	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
}



.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%;
}
.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
}



#TabMenu1
{
   text-align: left;
   margin: 0px 0 1px 0;
   font-family: Arial;
   font-size: 11px;
   font-weight: normal;
   border-bottom: 1px solid #2A54C2;
   list-style-type: none;
   padding: 14px 0px 3px 10px;
}
#TabMenu1 li
{
   display: inline;
}
#TabMenu1 a:link.active, #TabMenu1 a:visited.active, #TabMenu1 a:hover.active
{
   border-bottom: 1px solid #93BEEB;
   background-color: #93BEEB;
   color: #FFFFFF;
   position: relative;
   padding-top: 3px;
   font-weight: normal;
   text-decoration: none;
}
#TabMenu1 a:link, #TabMenu1 a:visited
{
   padding: 3px 4px;
   border: 1px solid #2A54C2;
   background-color: #2569BC;
   color: #FFFFFF;
   margin-right: 0px;
   text-decoration: none;
   border-bottom: none;
}
#TabMenu1 a:hover
{
   background: #93BEEB;
   color: #FFFFFF;
   font-weight: normal;
   text-decoration: underline;
}
