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

a img {
    border: none;
}

/* cabeceras */
h1 {
	text-align: center;
}

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 {
	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 {
	background-color: #E8E8E8;
	color: #444;
}

.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: 5em;
}

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

/* 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;
}

/* ---- Migas de pan ----- */
#breadcrumbs {	
	padding: 0.5em 1px 1px 1px;
	margin-bottom: 25px;
	font-size: 0.7em;
}

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

.currentPage {
    font-weight: bold;
}