/*
	e-administracion-accesible · css/style.css
	--------------------------------------------------------------------
	RECONSTRUCCIÓN (2026). El style.css original nunca fue capturado por
	la Wayback Machine (404 en todas las fechas), por lo que esta hoja se
	reconstruye a partir de: la estructura DOM de las páginas archivadas,
	la paleta del logo original (azules acero #c7d4e4 / #7e9bc1) y las
	convenciones del diseño web de 2008-2009. No es el archivo original.

	RECONSTRUCTION (2026). The original style.css was never captured by
	the Wayback Machine, so this stylesheet rebuilds the look and feel
	from the archived pages' DOM structure, the original logo palette
	and late-2000s design conventions. Not the original file.
*/

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5;
	color: #333;
	background: #fff;
}

/* ---------- accesibilidad / accessibility ---------- */

.salta {
	position: absolute;
	left: -999em;
	width: 16em;
}
.salta:focus,
.salta:active {
	left: 1em;
	top: 1em;
	background: #fff;
	border: 1px solid #2c5a94;
	padding: .3em .6em;
	z-index: 10;
}

a { color: #2c5a94; }
a:hover,
a:focus { color: #7e9bc1; }

acronym, abbr { cursor: help; }

/* ---------- cabecera / header ---------- */

#header {
	width: 770px;
	margin: 1em auto 0;
	padding-bottom: 2px;
	background: #fff;
}

#header h1 {
	font-size: 1.7em;
	color: #2c5a94;
	padding: .4em 0 .2em;
}
#header h1 span {
	font-size: .7em;
	font-weight: normal;
	color: #7e9bc1;
	margin-left: .6em;
}

/* ---------- menú / tabs ---------- */

#menu {
	list-style: none;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	background: #7e9bc1;
	border-bottom: 3px solid #2c5a94;
}
#menu li {
	display: inline;
	padding: 0;
}
#menu a {
	float: left;
	display: block;
	padding: .35em 1.2em;
	background: #7e9bc1;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#menu a:hover,
#menu a:focus {
	background: #fff;
	color: #2c5a94;
}
#menu li.active a,
body#inicio li.inicio a,
body#teorico li.teorico a,
body#ejemplos li.ejemplos a,
body#memoria li.memoria a,
body#mapa li.mapa a {
	background: #2c5a94;
}

/* ---------- migas / breadcrumb ---------- */

#breadcrumb {
	clear: left;
	width: 770px;
	margin: 0 auto;
	padding: .3em 0;
	font-size: .85em;
	color: #666;
	background: #eef2f7;
	border-bottom: 1px solid #c7d4e4;
}

/* ---------- contenido / content ---------- */

.wrapper {
	width: 770px;
	margin: 0 auto 1em;
}

.content {
	padding: 1em 0;
}

/* .colflo: sin reglas — las columnas flotan libremente (float layout de la época) */

.c h2 {
	color: #2c5a94;
	font-size: 1.3em;
	margin: .8em 0 .4em;
	border-bottom: 1px solid #c7d4e4;
	padding-bottom: .15em;
}
.c h3 {
	color: #2c5a94;
	font-size: 1.1em;
	margin: .9em 0 .3em;
}
.c p {
	margin: .5em 0;
}
.c ul,
.c ol {
	margin: .5em 0 .5em 2em;
}

p.intro {
	font-size: 1.05em;
	color: #444;
}

.left { float: left; }
.right { float: right; }
.i {
	float: left;
	font-size: .85em;
	color: #666;
}
.nobor { border: 0; }
.nob { list-style: none; }

/* ---------- navegación inferior / prev-next ---------- */

.navibot {
	clear: both;
	margin: 1.5em 0 0;
	padding: .4em 0;
	border-top: 1px solid #c7d4e4;
	font-size: .9em;
}
.navibot .l { float: left; }
.navibot a.previ:before { content: "« "; }
.navibot a.next:after { content: " »"; }

/* ---------- buscador y resultados / search demo ---------- */

.buscador,
fieldset {
	border: 1px solid #c7d4e4;
	padding: .6em;
	margin: .8em 0;
	background: #f6f8fb;
}
legend {
	color: #2c5a94;
	font-weight: bold;
	padding: 0 .4em;
}
label {
	display: block;
	font-weight: bold;
	margin-top: .6em;
}
input[type="text"],
input[type="search"],
select,
textarea {
	border: 1px solid #7e9bc1;
	padding: .2em;
	width: 20em;
	font-family: inherit;
	font-size: 1em;
}
textarea { width: 30em; height: 8em; }
input[type="submit"],
.submit {
	width: auto;
	background: #2c5a94;
	color: #fff;
	border: 1px solid #1d4070;
	padding: .25em .9em;
	font-weight: bold;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="submit"]:focus { background: #7e9bc1; }

.error {
	color: #a00;
	font-weight: bold;
}
.search-info {
	font-size: .85em;
	color: #666;
	margin: .4em 0;
}
.search-results li {
	margin: .5em 0;
}
.search-results .title a { font-weight: bold; }
.def { margin: .5em 0 .5em 1.5em; }

/* ---------- paginador / pager ---------- */

.pager {
	clear: both;
	margin: 1em 0;
	font-size: .9em;
}
.pager-list {
	list-style: none;
}
.pager-list li {
	display: inline;
	padding: 0 .3em;
}
.pager-current {
	font-weight: bold;
	color: #2c5a94;
}

/* ---------- pie / footer ---------- */

#footer {
	clear: both;
	width: 770px;
	margin: 0 auto 2em;
	padding-top: .8em;
	border-top: 3px solid #2c5a94;
	font-size: .8em;
	color: #666;
}
#footer p { margin: .4em 0; }
#footer img {
	border: 0;
	margin-right: .4em;
}
#footer a.external {
	padding-right: 12px;
}

/* ---------- mapa web / sitemap ---------- */

#sitemap ul,
ul.mapa {
	margin-left: 1.4em;
}

/* ---------- impresión / print ---------- */

@media print {
	#menu,
	.salta,
	#breadcrumb,
	.navibot,
	#footer img {
		display: none;
	}
	body,
	.wrapper,
	#header {
		width: auto;
		margin: 0;
	}
}