@media print {

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
	font-size: 8pt;	
}

h1, h2, h3 { 
	page-break-after: avoid; 
	page-break-inside: avoid;
}

a, a:link, a:visited, a:hover, a:active, a:focus {
	color: #000;
	background-color: transparent;
	font-weight: normal;
}

blockquote, pre { 
	page-break-inside: avoid;
}

ul, ol, dl, table { 
	page-break-before: avoid;
	page-break-inside: avoid;
}   


abbr, acronym  { 
	border-style:none;  
}

abbr:after, acronym:after { 
	content:" ["attr(title)"] "; 
	font-variant: small-caps;  
	font-size: 7pt;	
}

h1 {
	margin-top: 0;
	top: 20em;
	position: absolute;
	text-align: center;
}

h1 img {
	margin-right: 4em;
}

h2 {
	margin-bottom: -0.7em;
}

h3 {
	margin-bottom: -1em;
}

#contenidos {
	/*display: none;*/
	page-break-before: always;
	margin-top: 20em;
}

.contenidos {
	font-size: 140%;
	page-break-after: always;
	margin-left: 1em;
} 

p.intro {
	display: none;
}

table td {
	padding: 0.1em 0 0.1em 0;
}


/* El logo de la oficina lo pone en pequeño en la esquina */
h1 img {
	width: 279px;
	height: 52px;
	margin-bottom: 1em;
}

/* Elimina los efectos de los enlaces */
td a {
	text-decoration: none;
	border: none;
}

#referencias {
	text-align: right;
}

#referencias li {
	list-style: none;
}

#referencias a:after, a.referencia:after {
	content: ": [" attr(href) "]";
}

#piepagina .small, 
#piepagina address {
	display: none;
}


/* Establece un tamaño fijo de las celdas */
th.elemento {
	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;
}

/* Para control del ancho de ciertas columnas. Utilizado porque se expandirán los acrónimos y abbrs */
h3#mod-hipertexto + table thead tr th.semantica,
h3#mod-hipertexto + table tbody tr td.semantica {
	width: 10em;
}

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

/* Ancho de las celdas del módulo de applets */
h2#mod-applet + table thead tr th.semantica,
h2#mod-applet + table tbody tr td.semantica {
	width: 7em;
}

/* Ancho de las celdas del módulo de applets */
h2#mod-applet + table thead tr th.at-tipo,
h2#mod-applet + table tbody tr td.at-tipo {
	width: 12em;
}

/* Ancho de las celdas del módulo de formularios */
h2#mod-scripting + table thead tr th.semantica,
h2#mod-scripting + table tbody tr td.semantica {
	width: 24em;
}

/* Ancho de las celdas del módulo de los estilos */
h2#mod-css + table thead tr th.semantica,
h2#mod-css + table tbody tr td.semantica {
	width: 13em;
}


/* Ancho de las celdas del módulo de herencia */
h2#mod-herencia + table thead tr th.semantica,
h2#mod-herencia + table tbody tr td.semantica {
	width: 18em;
}

/* Los enlaces de los tipos de atributos, los resalta */
table tbody tr td.at-tipo a,
table tbody tr td.at-titulo a {
	color: Blue;
	background-color: transparent;
	font-style: italic;
}

/* Los enlaces de los tipos de atributos, los resalta */
p.info {
	color: Blue;
	background-color: transparent;
}

/* Marca los saltos de página para una impresión ajustada */
h3#mod-texto {
	page-break-before: always;
}

/* Elementos o atributos obsoletos */
.obsoleto {
	color: #666;
	background-color: transparent;
}

code {
    font-size: 95%;
    font-weight: bold;
}

#breadcrumbs {
    display: none;
    visibility: hidden;
}

}