body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 10px;
}

a img {
    border: none;
}

/* cabeceras */
h1 {
	text-align: center;
	font-weight:bold;
	font-size:2em;
	color:#000;
}

h1, h2, h3  {
	clear: both;	
}

h2 {
	background-color: #FFE862;
	color: #000;
	font-variant: small-caps;
	margin-bottom: -0.5em;
	margin-top: 1em;
}

h3 {
	font-variant: small-caps;
	margin-bottom: -0.5em;
	margin-top: 1em;
}

/* La imagen de la cabecera */
h1 img {
	display: block;
	float: left;
}

code {
	font-family: monospace;
	color: #8E1A1A;
	background-color: transparent;
}

hr {
	margin-top: 2em;
	background-color: #4169E1;
	color: #000;
}

.vacio {
	color: Gray;
}

/* Elementos o atributos obsoletos */
.obsoleto {
	text-decoration: line-through;
}

/* Los span que tengan título es como si incluyese ayuda */
span[title]{
	cursor: help;
}

td.valores {
	font-family: monospace;
}

/* La tabla de contenidos */
ul.contenidos li {
	list-style: none;
	line-height: 1.2em;
}

.contenidos a {
	text-decoration: none;
	border-bottom: 1px #3E67A9 dotted;
}

.contenidos a:link, .contenidos a:visited {
	color: #3E67A9;
	background-color: #fff;
}


/* Tablas */
table {
	width: 100%;
}


table th {
	background: #B0C4DE;
	color: #000;
}

caption {
	visibility: hidden;
}

tr {
	background-color: #E6ECF6;
	color: #222;
}

tr.impar {
	background-color: #FFF;
	color: #555;
}

table td {
	padding-left: 0.1em;
}


/* Otro nivel con las filas de los atributos pares e impares (sólo los atributos) */
/* Estilo para las celdas de los atributos de los elementos impares */
tr.at-par td.at-titulo, 
tr.at-par td.at-tipo,
tr.at-par td.at-definicion,
tr.at-par td.at-evento,
tr.at-par {
	background-color: #F0F8FF;
	color: #555;
}

/* Estilo para las celdas de los atributos de los elementos pares */
tr.at-par2 td.at-titulo, 
tr.at-par2 td.at-tipo,
tr.at-par2 td.at-definicion,
tr.at-par2 td.at-evento
tr.at-par2 {
	background-color: #E8E8E8;
	color: #444;
}

tr.at-par2 td.at-atributo {
	background-color: #E8E8E8;
	font-style:italic;
	color:#330066;
}

td.at-atributo {
	font-style:italic;
	color:#330066;
}

.center {
	text-align: center;
}

ul#referencias li {
	list-style-image: url(../img/arrow_right.gif);
}



/* El pié de página */
#piepagina {
	font-size: 70%;
	color: #555;
	background-color: #fff;
}

#piepagina a img {
	text-decoration: none;
	border: none;
}

.invisible {
	visibility: hidden;
}



/* Establece un tamaño fijo de las celdas */
th.elemento, th.tipo-atributo {
	width: 10em;
}

table thead tr th.semantica, table tbody tr td.semantica {
	width: 30em;
}

/* El ancho de los atributos */
table thead tr th.at-titulo, table tbody tr td.at-titulo {
	width: 5.5em;	
}

table thead tr th.at-tipo, table tbody tr td.at-tipo {
	width: 7em;
}


/* Ciertas tablas tienen un tratamiento especial: */
/* Módulo Esencial - Estructural */
/*h3#mod-estructural + table thead tr th.semantica,
h3#mod-estructural + table tbody tr td.semantica {
	width: 25em;
}*/

h3#mod-estructural + table thead tr th.at-tipo,
h3#mod-estructural + table tbody tr td.at-tipo {
	width: 17em;
}


/* Módulo Esencial - Texto */
h3#mod-texto + table thead tr th.semantica,
h3#mod-texto + table tbody tr td.semantica {
	width: 33em;
}

/* Módulo Esencial - Hipertexto */
h3#mod-hipertexto + table thead tr th.semantica,
h3#mod-hipertexto + table tbody tr td.semantica {
	width: 13em;
}

h3#mod-hipertexto + table thead tr th.elemento,
h3#mod-hipertexto + table tbody tr td.elemento {
	width: 4em;
}

h3#mod-hipertexto + table thead tr th.at-tipo,
h3#mod-hipertexto + table tbody tr td.at-tipo {
	width: 10em;
}


/* Módulo Esencial - Listas */
h3#mod-listas + table thead tr th.semantica,
h3#mod-listas + table tbody tr td.semantica {
	width: 70%;
}

h3#mod-listas + table thead tr th.atributos {
	min-width: 7em;
}

/* Módulo Extensión de Texto - Presentación */
h3#mod-presentacion + table thead tr th.elemento,
h3#mod-presentacion + table tbody tr td.elemento {
	width: 5em;
}

/* Módulo de Formularios - Básico */
h3#mod-formularioBasico + table thead tr th.elemento,
h3#mod-formularioBasico + table tbody tr td.elemento {
	width: 4em;
}

h3#mod-formularioBasico + table thead tr th.semantica,
h3#mod-formularioBasico + table tbody tr td.semantica {
	width: 10em;
}

/* Módulo de Formularios - Completo */
h3#mod-formularioCompleto + table thead tr th.elemento,
h3#mod-formularioCompleto + table tbody tr td.elemento {
	width: 4em;
}

h3#mod-formularioCompleto + table thead tr th.semantica,
h3#mod-formularioCompleto + table tbody tr td.semantica {
	width: 10em;
}

/* Módulo de Tablas - Básico */
h3#mod-tablaBasico + table thead tr th.elemento,
h3#mod-tablaoBasico + table tbody tr td.elemento {
	width: 4em;
}

h3#mod-tablaBasico + table thead tr th.semantica,
h3#mod-tablaBasico + table tbody tr td.semantica {
	width: 8em;
}

/* Módulo de Tablas - Completo */
h3#mod-tablaCompleto + table thead tr th.elemento,
h3#mod-tablaCompleto + table tbody tr td.elemento {
	width: 4em;
}

h3#mod-tablaCompleto + table thead tr th.semantica,
h3#mod-tablaCompleto + table tbody tr td.semantica {
	width: 8em;
}

/* Módulo de Mapas de imágenes en el cliente  */
h2#mod-mapaCliente + table thead tr th.at-tipo,
h2#mod-mapaCliente + table tbody tr td.at-tipo {
	width: 10em;
}

h2#mod-mapaCliente + table thead tr th.semantica,
h2#mod-mapaCliente + table tbody tr td.semantica {
	width: 18em;
}

/* Módulo de Mapas de imágenes en el servidor  */
h2#mod-mapaServidor + table thead tr th.at-tipo,
h2#mod-mapaServidor + table tbody tr td.at-tipo {
	width: 5em;
}

h2#mod-mapaServidor + table thead tr th.at-titulo,
h2#mod-mapaServidor + table tbody tr td.at-titulo {
	width: 4em;
}

h2#mod-mapaServidor + table thead tr th.semantica,
h2#mod-mapaServidor + table tbody tr td.semantica {
	width: 24em;
}

/* Módulo de Objetos  */
h2#mod-objeto + table thead tr th.semantica,
h2#mod-objeto + table tbody tr td.semantica {
	width: 8em;
}


/* Módulo de Marcos  */
h2#mod-marcos + table thead tr th.at-tipo,
h2#mod-marcos + table tbody tr td.at-tipo {
	width: 10em;
}


/* Módulo de Objetivo apertura  */
h2#mod-objetivo + table thead tr th.semantica,
h2#mod-objetivo + table tbody tr td.semantica {
	width: 24em;
}

h2#mod-objetivo + table thead tr th.at-titulo,
h2#mod-objetivo + table tbody tr td.at-titulo {
	width: 4em;
}

h2#mod-objetivo + table thead tr th.at-tipo,
h2#mod-objetivo + table tbody tr td.at-tipo {
	width: 6em;
}

h2#mod-objetivo + table thead tr th.elemento,
h2#mod-objetivo + table tbody tr td.elemento {
	width: 4em;
}

/* Módulo de Identificación de nombres  */
h2#mod-id + table thead tr th.elemento,
h2#mod-id + table tbody tr td.elemento {
	width: 4em;
}

h2#mod-id + table thead tr th.at-titulo,
h2#mod-id + table tbody tr td.at-titulo {
	width: 3em;
}

h2#mod-id + table thead tr th.at-tipo,
h2#mod-id + table tbody tr td.at-tipo {
	width: 3em;
}

h2#mod-id + table thead tr th.semantica,
h2#mod-id + table tbody tr td.semantica {
	width: 18em;
}

/* Módulo de Herencia */
h2#mod-herencia + table thead tr th.semantica,
h2#mod-herencia + table tbody tr td.semantica {
	width: 22em;
}
h2#mod-herencia + table thead tr th.at-tipo,
h2#mod-herencia + table tbody tr td.at-tipo {
	width: 19em;
}

/* ---- Marca la parte que especifica los atributos y los tipos de los mismos ---- */
h2#mod-atributos, h2#tiposAtributos {
	background-color: #DCDEAF;
	color: #000;
}

/*** Lista Cores ***/

.black, .lime, .white, .navy, .purple, .aqua, .green, .gray, .yellow, .red, .teal, .silver, .olive, .maroon, .blue, .fuchsia {
	margin:2px 3px 0px 0px;
	float:left;
	width:12px;
	height:12px;
}

.black {
	background-color:#000;
}

.green {
	background-color:#008000;
}

.silver {
	background-color:#C0C0C0;
}

.lime {
	background-color:#00FF00;
}

.gray {
	background-color:#808080;
}

.olive {
	background-color:#808000;
}

.white {
	background-color:#FFF;
}

.yellow {
	background-color:#FFFF00;
}

.maroon {
	background-color:#800000;
}

.navy {
	background-color:#000080;
}

.red {
	background-color:#FF0000;
}

.blue {
	background-color:#0000FF;
}

.purple {
	background-color:#800080;
}

.teal {
	background-color:#008080;
}

.fuchsia {
	background-color:#FF00FF;
}

.aqua {
	background-color:#00FFFF;
}