/* Fichero de estilos CSS para La Entrevista del Mes */

/* Configuración común */

* {
	margin: 0px;
	padding: 0px;
}

/* PENDING (esto sólo vale en desarrollo) */
*:focus {
	_outline: green dotted thick
}

body {
	margin: 0 auto;
	/* límites absolutos para toda la página */
	min-width: 20em;
	max-width: 88em;
	background: white;
	color: black;
}

/* enlaces */
/* los normales están subrayados y el ratón los ilumina */
/* los .lined no están subrayados, pero el ratón los ilumina */
/* los .boxed ni están subrayados ni se iluminan */

a.boxed,
a.lined {
	text-decoration: none;
}

a.boxed:hover {
	color: inherit;
}

a {
	color: inherit;
}

a:hover {
	color: darkred;
}

/* separación del icono y el nombre en email_to */
span.email span.name {
	padding-left: 0.5em;
}

/* colores de los iconos de temas, sindicación y compartir */

.color span.fa-sun-o {
	color: #ffffff;
}

.color span.fa-moon-o {
	color: #666666;
}

.color span.fa-desktop {
	color: #deb887;
}

.color span.fa-rss-square {
	color: #f89726;
}

.color span.fa-envelope-square {
	color: #86dd64;
}

.color span.fa-twitter-square {
	color: #55acee;
}

.color span.fa-facebook-square {
	color: #4862a3;
}

.color span.fa-google-plus-square {
	color: #dd4c40;
}

.color span.fa-vimeo-square {
	color: #00adef;
}

.color .button:hover span.fa,
.color a:hover span.fa {
	color: darkred;
}

/* secciones autozoom */

.shrink_container {
	position: relative;
	padding-bottom: 56.25%; /* default aspect ratio 16:9 */
	height: 0;
}

.shrink_contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* elementos ocultos */
.hidden {
	display: none !important;
}

/* advertencias y errores */
.warn {
	display: inline-block;
	text-align: left;
	margin: 0 0.25em;
	padding: 0.25em;
	background: inherit;
	color: red;
	border: 1px solid black;
}

/* texto centrado */
.center {
	text-align: center !important;
}

/* texto enfatizado (sólo hay en terms) */

em {
	font-style: italic;
}

em:before {
	content: "«";
}

em:after {
	content: "»";
}

/* botones (valores por defecto para #page_share) */

/* la línea de botones en #header y #page_share */
.button_row {
	font-size: 140%;
	text-align: center;
}

/* grupos de botones (temas, sindicación, compartir) */
.button_row .button_group {
	display: inline-block;
	padding: 0 0.4em;
}

.button {
	display: inline-block;
	text-align: left;
	color: dimgray;
}

.button.checked {
	color: dimgray;
}

.button:hover {
	color: darkred;
}

.button:hover * {
	color: darkred;
}

.button {
	cursor: pointer;
}

/* avoid hidden inputs to override cursor */
.button * {
	cursor: inherit;
}

.button input,
.button select {
	position: relative;
	top: -1px;
	left: -2px;
}

.button span.text.custom-rss,
.button span.text.custom-atom {
	/* one word per line */
	display: table-caption;
	font-size: 30%;
	font-weight: bold;
	font-family: sans-serif;
	padding-left: 2px;
}

.button span.text.custom-all {
	font-size: 80%;
	font-weight: bold;
	font-family: sans-serif;
	padding-left: 2px;
}

/* cabecera de la página */

#header {
	background: black;
	position: relative;
	padding-top: 2em;
}

#header .campaign {
	max-width: 960px;
	margin: 0 auto;
}

/* suprimir el espacio reservado a .button_row */
@media (min-width: 35em) {
	#header {
		padding-top: 0;
	}
}

#header .logo {
	max-width: 800px;
	margin: 0 auto;
}

/* la tira de botones */
#header .button_row {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

#header .button {
	color: gray;
}

#header .button.checked {
	color: white;
}

/* pie de página */

#footer {
	clear: left;
	border-top: 1px solid black;
	font-size: 80%;
	position: relative;
}

#footer .left {
	margin: 0 auto;
	text-align: center;
	padding: 0.5em 1em;
	/* anchura total de .image + .text */
	max-width: 40em;
}

#footer .left .image {
	float: left;
	margin-right: 1em;
	width: 100px;
}

#footer .left .text {
	text-align: justify;
}

#footer .links {
	clear: left;
	border-top: 1px solid black;
	text-align: center;
}

#footer .links .group {
	display: inline-block;
	padding: 0.5em 1em;
}

#footer .links .group .link {
	display: block;
}

@media (min-width: 50em) {
	#footer .left {
		/* anchura de .links */
		padding-right: 38em;
	}
	#footer .links {
		position: absolute;
		top: 0;
		right: 0;
		border-top: 0;
	}
}

/* contenido de la página */

#contents {
	margin: 0 auto;
	text-align: center;
}

#contents > h1 {
	padding: 1em;
}

#contents > p {
	padding: 0.75em 1em;
	text-align: justify;
}

/* panel de control del buscador */

#search_control {
	line-height: 2em;
	text-align: center;
}

#search_control div {
	display: inline-block;
}

#search_control .fieldset {
	padding: 0 0.5em;
	line-height: normal;
}

/* esto es el botón completo con input */
#search_control .button_frame,
#search_control .button {
	display: inline-block;
	text-align: center;
	background: navajowhite;
	color: gray;
	border: 1px solid gray;
}

#search_control .button.checked {
	background: lightsalmon;
	color: black;
}

/* botones dentro de tags y text */
#search_control .button_frame .button {
	border: 0;
}

#search_control .button_frame .button.checked {
	background: inherit;
	color: black;
}

/* esto es el label donde va encerrado el icono */
#search_control .button label.icon {
	display: inline-block;
	padding: 2px;
	min-width: 20px;
}

#search_contents {
	padding: 0.5em 0;
}

/* presentación extendida del buscador */

.search_extended {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	max-width: 25em;
	padding: 0.5em;
	border-top: 1px solid;
	vertical-align: top;
}

.search_extended:first-child {
	border-top: 0;
}

.search_extended .left {
	position: relative;
	text-align: right;
	/* anchura de .image más margen izquierdo*/
	padding-right: 150px;
	/* altura de .image más margen inferior */
	min-height: 89px;
}

.search_extended .name {
	font-weight: bold;
}

.search_extended .image {
	position: absolute;
	top: 0;
	right: 0;
}

.search_extended .cite {
	text-align: justify;
}

@media (min-width: 34em) {

	.search_extended {
		border-top: 0;
		max-width: 45em;
	}

	.search_extended .left {
		float: left;
		box-sizing: border-box;
		width: 19em;
	}

	.search_extended .right {
		padding-left: 20em;
		max-width: 24em;
	}

}

@media (min-width: 46em) {

	.search_extended {
		max-width: 55em;
	}

	.search_extended .left {
		width: 45%;
	}

	.search_extended .right {
		padding-left: 47%;
	}

}

/* presentación normal del buscador */

.search_normal {
	font-size: 80%;
	display: inline-block;
	vertical-align: top;
	padding: 0.5em;
	width: 100%;
	max-width: 34em;
	box-sizing: border-box;
}

@media (min-width: 50em) {
	.search_normal {
		width: 49%;
	}
}

@media (min-width: 75em) {
	.search_normal {
		width: 33%;
	}
}

@media (min-width: 100em) {
	.search_normal {
		width: 24%;
	}
}

@media (min-width: 125em) {
	.search_normal {
		width: 19%;
	}
}

.search_normal .image {
	float: left;
}

.search_normal .group {
	vertical-align: top;
	text-align: justify;
	/* anchura de .image */
	padding-left: 150px;
}

.search_normal .name {
	float: left;
	font-weight: bold;
	padding-right: 0.5em;
}

.search_normal .name:after {
	content: ":";
}

.search_normal .date {
	text-align: right;
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid;
}

/* presentación compacta del buscador */

.search_compact {
	font-size: 80%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 140px;
	padding: 0.5em 0.2em;
}

.search_compact .name {
	font-weight: bold;
}

/* página de entrevistas (geometría) */

.page_body {
	display: inline-block;
	max-width: 80em;
}

.page_column {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	max-width: 40em;
}

@media (min-width: 50em) {
	.page_column {
		width: 50%;
	}
}

/* página de entrevistas (secciones) */

.page_section {
	text-align: left;
	padding: 1em;
}

.page_section > h1 {
	font-size: 100%;
	border-bottom: 1px solid;
	margin-bottom: 0.2em;
}

/* página de entrevistas (sección datos) */

#page_data .date {
	text-align: right;
	margin-bottom: 1em;
}

#page_data .name {
	float: left;
	font-weight: bold;
	padding-right: 0.5em;
}

#page_data .name:after {
	content: ":";
}

#page_data .cite {
	text-align: justify;
}

#page_data .text {
	text-align: justify;
	margin-top: 0.5em;
	border-top: 1px solid;
}

#page_data .text p {
	padding: 0.5em 0;
}

/* página de entrevistas (sección temas) */

#page_tags p {
	text-align: center;
}

#page_tags .link {
	display: inline-block;
	white-space: nowrap;
	padding: 0 0.3em;
}

/* página de entrevistas (sección compartir) */

#page_share > p {
	font-size: 70%;
	text-align: justify;
	padding: 0 2em;
}

/* página principal y página de entrevistas (sección comentarios) */

/* el texto que indica el número de comentarios existentes */
.comments .top > .text {
	display: inline;
}

/* el enlace para editar un nuevo comentario */
.comments .top > .link {
	display: inline;
	float:right;
}

/* el área de edición de un nuevo comentario */
.comments .top > .edit {
	border-top: 1px dotted black;
	margin-top: 0.5em;
}

/* comentarios */
.comments .item {
	padding-top: 1em;
	clear: both;
	overflow: auto;
}

/* la cabecera del comentario */
.comments .item > .header {
	border-bottom: 1px dotted black;
	overflow: auto;
}

/* el nombre el autor del comentario */
.comments .item > .header > .name {
	display: inline;
	font-weight: bold;
}

/* la fecha del comentario */
.comments .item > .header > .date {
	display: inline;
	float:right;
}

/* el texto del comentario */
.comments .item > .text {
	display: block;
	text-align: justify;
	border-bottom: 1px dotted black;
}

/* el enlace para responder a un comentario */
.comments .item > .link {
	float: right;
}

/* el área de edición de una nueva respuesta */
.comments .item > .edit {
	padding-left: 2em;
}

/* comentarios anidados */
.comments .item > .item {
	padding-left: 2em;
}

/* área de edición excluyendo los botones */
.comments .edit .view {
	padding: 0.5em 0;
}

/* título del área de edición */
.comments .edit .view .title {
	font-weight: bold;
}

/* área de edición del nombre */
.comments .edit .view .name {
	padding-top: 0.5em;
}

/* etiqueta del nombre */
.comments .edit .view .name label {
}

/* entrada del nombre */
.comments .edit .view .name input {
	font-family: inherit;
	font-size: inherit;
	background: inherit;
	color: inherit;
	border: 1px dotted black;
}

/* área de edición del texto */
.comments .edit .view .text {
	padding-top: 0.5em;
}

/* etiqueta del texto */
.comments .edit .view .text label {
}

/* entrada del texto */
.comments .edit .view .text textarea {
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
	width: 100%;
	height: 10em;
	resize: none;
	background: inherit;
	color: inherit;
	border: 1px dotted black;
}

/* mensaje de datos inválidos */
.comments .edit .view .error {
	padding-top: 0.5em;
}

/* área de vista previa */
.comments .edit .view .post {
}

/* título del área de vista previa */
.comments .edit .view .post .title {
	padding-top: 0.5em;
}

/* vista previa del comentario */
.comments .edit .view .post .item {
}

/* botones del área de edición */
.comments .edit .button {
	float: left;
	padding: 0 0.25em;
	margin-top: 0.5em;
	margin-left: 0.5em;
	border: 1px solid black;
	background: navajowhite;
	color: black;
}

.comments .edit .button:hover {
	color: darkred;
}

/* página principal (geometría) */

.intro {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

@media (min-width: 32em) {

	.intro.A {
		text-align: right;
	}

	.intro.B, .intro.D {
		width: 50%;
		padding-left: 0.5em;
	}

	.intro.C {
		float: left;
		width: 50%;
		padding-right: 0.5em;
	}

}

@media (min-width: 44em) {

	.intro.B {
		width: 33.3%;
		padding-left: 0.66em;
	}

	.intro.C {
		float: left;
		width: 33.3%;
		padding-right: 0.66em;
	}

	.intro.D {
		float: left;
		width: 33.3%;
		padding: 0 0.33em;
	}

}

@media (min-width: 54em) {

	.intro.A {
		position: relative;
		padding-left: 33.3%;
	}

	.intro.F {
		padding-left: 0.33em;
	}

	.intro.B {
		width: 50%;
		padding-left: 0.66em;
	}

	.intro.C {
		position: absolute !important;
		left: 0;
		top: 0;
		float: none;
		width: 33.3%;
		padding-right: 0.66em;
	}

	.intro.D {
		float: left;
		width: 50%;
		padding: 0 0.33em;
	}

}

@media (min-width: 64em) {

	.intro.A {
		padding-left: 75%;
	}

	.intro.F {
		position: absolute !important;
		left: 25%;
		top: 0;
		width: 50%;
		padding: 0 0.5em;
	}

	.intro.B {
		width: 100%;
		padding-left: 0.5em;
	}

	.intro.C {
		width: 25%;
		padding-right: 0.5em;
	}

	.intro.D {
		float: none;
		width: 100%;
		padding-left: 0.5em;
		padding-right: 0;
	}

}

/* página principal (secciones) */

.intro_section {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin: 0.25em 0;
	width: 100%;
	background: inherit;
	color: inherit;
	border: inherit;
}

.intro_section.narrow {
	margin: 0.25em auto;
	max-width: 22em;
}

.intro_section h1 {
	font-size: 100%;
	padding: 0.5em;
	text-align: left;
	background: black;
	color: white;
	border: inherit;
}

.intro_section h1.special2017 {
	text-align: center;
}

.intro_section h1 span.big {
	font-size: 100%;
}

.intro_section h1 span.small {
	font-size: 80%;
}

.intro_section .body {
	font-size: 100%;
	padding: 0.5em;
	background: inherit;
	color: inherit;
	border: 1px solid black;
}

.intro_section h1 + .body {
	margin-top: 0.25em;
}

/* sección video */

#intro_video {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

#intro_video:first-child {
	margin-top: 0.25em;
}

#intro_video .body {
	margin: 0;
	padding: 0;
	border: 0;
}

/* sección campaña de colaboración */

#intro_campaign .body {
	margin: 0;
	padding: 0;
	border: 0;
}

/* sección carrusel */

#intro_carousel .body {
	position: relative;
}

#intro_carousel .button {
	font-size: 120%;
	padding: 0 0.25em;
}

#intro_carousel .button.prev {
	position: absolute;
	bottom: 0;
	left: 0;
}

#intro_carousel .button.next {
	position: absolute;
	bottom: 0;
	right: 0;
}

#intro_carousel .container {
	text-align: left;
	overflow-x: hidden;
}

#intro_carousel .contents {
	position: relative;
	font-size: 80%;
	text-align: left;
	white-space: nowrap;
}

#intro_carousel .item {
	display: inline-block;
	vertical-align: top;
	padding: 0.5em;
	width: 140px;
	white-space: nowrap;
	overflow-x: hidden;
	opacity: 0.5;
}

#intro_carousel .group {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 140px;
	white-space: normal;
}

#intro_carousel .date {
	padding-bottom: 0.2em;
}

#intro_carousel .name {
	font-weight: bold;
	padding-top: 0.2em;
	height: 3.5em;
}

#intro_carousel .cite {
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	white-space: normal;
	width: 16em;
	padding-top: 1.6em;
	padding-left: 1em;
}

#intro_carousel .tags {
	display: none;
}

/* sección nube de etiquetas */

#intro_tags {
	text-align: center;
}

#intro_tags .link {
	display: inline-block;
	white-space: nowrap;
	word-spacing: -0.2em;
	padding: 0 0.3em;
	color: black;
}

#intro_tags .link.hilite {
	color: red;
}

#intro_tags .link:hover {
	color: darkred;
}

#intro_tags .link span.name {
	word-spacing: -0.1em;
}

#intro_tags .link span.count {
	display: none;
	font-size: 70%;
}

/* sección comentarios */

#intro_comments {
	text-align: left;
}

/* sección última entrevista */

#intro_last .group {
	padding: 0.5em 0;
	text-align: justify;
}

#intro_last .name {
	float: left;
	font-weight: bold;
	padding-right: 0.5em;
}

#intro_last .name:after {
	content: ":";
}

#intro_last .date {
	text-align: right;
	margin-top: 0.25em;
	padding-top: 0.25em;
	border-top: 1px solid;
}

/* sección buscador */

#intro_search {
}

/* sección entrevista al azar */

#intro_random {
}

/* sección acerca de */

#intro_welcome {
	text-align: justify;
}

#intro_welcome p {
	padding: 0.5em 0;
}

/* sección contacto */

#intro_contact span.name {
	font-size: 90%;
}

/* sección DVD */

#intro_dvd {
	text-align: left;
}

#intro_dvd h2 {
	font-size: 100%;
	padding: 0.25em 0;
}

#intro_dvd h3 {
	font-size: 100%;
	border-bottom: 1px solid;
}

#intro_dvd ul {
	list-style-type: none;
}

#intro_dvd ul li {
	padding: 0.25em 0;
}

#intro_dvd ul ul {
	list-style-type: none;
}

#intro_dvd ul ul li {
	padding: 0.25em 0;
}

#intro_dvd ul ul li span.line {
	display: block;
}

/* sección colaboradores del programa */

#intro_banners .body {
	padding: 0;
	background: white;
}

#intro_banners .column {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

#intro_banners .column .container {
	padding: 5px;
}

/* sección TDT */

#intro_tdt {
	text-align: left;
}

#intro_tdt ul {
	list-style-type: none;
}

#intro_tdt ul li {
	padding: 0.25em 0;
}

#intro_tdt .link .image {
	float: left;
	padding-right: 0.5em
}

#intro_tdt .link .group {
	min-height: 64px;
}

#intro_tdt .link .group .name {
	font-weight: bold;
}

/* sección seguidores */

#intro_follow {
	text-align: left;
}

#intro_follow ul {
	list-style-type: none;
}

#intro_follow ul li {
	display: inline;
	padding: 0.25em 0;
}

#intro_follow .link .icon {
	display: inline;
	font-size: 40px;
}

#intro_follow .link .name {
	display: none;
}

/* página términos de uso */

#contents[name="terms"] p.header {
	font-size: 200%;
	font-weight: bold;
	padding: 0.5em;
}

#contents[name="terms"] p.section {
	font-weight: bold;
}

#contents[name="terms"] ol {
	padding: 0.75em 3em;
	margin-left: 1em;
	text-align: justify;
}

#contents[name="terms"] li {
	padding: 0.5em 0;
}

/* página derechos de uso */

#contents[name="rights"] .container {
	max-width: 46em;
	margin: 0 auto;
}

#contents[name="rights"] p {
	padding: 0.75em 0;
	text-align: center;
}

#contents[name="rights"] p.abstract {
	height: 86em;
}

/* página de histórico */

#contents[name="history"] table {
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}

#contents[name="history"] table tr:hover a {
	color: darkred;
}

#contents[name="history"] table tr.head {
	text-align: center;
	font-weight: bold;
	background-color: white;
}

#contents[name="history"] table tr.main {
	background-color: tan;
}

#contents[name="history"] table tr.page {
	background-color: powderblue;
}

#contents[name="history"] table tr.comment {
	background-color: palegreen;
}

#contents[name="history"] table tr td {
	padding: 0 1em;
}

#contents[name="history"] table tr td.date {
	text-align: right;
}

#contents[name="history"] table tr td.page {
	text-align: left;
}

#contents[name="history"] table tr td.comment {
	text-align: left;
}

/* página de estadísticas */

#contents[name="stats"] div.info { font: 11px verdana, arial, helvetica, sans-serif; background-color: white; margin-top: 0 }
#contents[name="stats"] div.info  .aws_bodyl { background-image: url(https://958d14.claudeassets.com/20251018223823im_/http://www.laentrevistadelmes.com/awstatsicons/other/backleft.png); background-repeat: repeat-y; }
#contents[name="stats"] div.info  .aws_border { background-color: #CCCCDD; padding: 0px; margin-top: 0 }
#contents[name="stats"] div.info  .aws_title  { font: 13px verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #CCCCDD; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; }
#contents[name="stats"] div.info  .aws_blank { font: 13px verdana, arial, helvetica, sans-serif; background-color: white; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; border: 0px }
#contents[name="stats"] div.info  .aws_data {
#contents[name="stats"] div.info  	background-color: white;
#contents[name="stats"] div.info  	border-top-width: 1px;   
#contents[name="stats"] div.info  	border-left-width: 0px;  
#contents[name="stats"] div.info  	border-right-width: 0px; 
#contents[name="stats"] div.info  	border-bottom-width: 0px;
#contents[name="stats"] div.info  }
#contents[name="stats"] div.info  .aws_formfield { font: 13px verdana, arial, helvetica; }
#contents[name="stats"] div.info  .aws_button {
#contents[name="stats"] div.info  	font-family: arial,verdana,helvetica, sans-serif;
#contents[name="stats"] div.info  	font-size: 12px;
#contents[name="stats"] div.info  	border: 1px solid #ccd7e0;
#contents[name="stats"] div.info  	background-image: url(https://913c89.claudeassets.com/20251018223823im_/http://www.laentrevistadelmes.com/awstatsicons/other/button.gif);
#contents[name="stats"] div.info  }
#contents[name="stats"] div.info  th 		{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; }
#contents[name="stats"] div.info  th.aws 	{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font-size: 13px; font-weight: bold; }
#contents[name="stats"] div.info  td 		{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:center; color: #000000; }
#contents[name="stats"] div.info  td.aws 	{ border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; }
#contents[name="stats"] div.info  td.awsm	{ border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; color: black; }
#contents[name="stats"] div.info  b { font-weight: bold; }
#contents[name="stats"] div.info  a { font: 11px verdana, arial, helvetica, sans-serif; }
#contents[name="stats"] div.info  _a:link    { color: #0011BB; text-decoration: none; }
#contents[name="stats"] div.info  _a:visited { color: #0011BB; text-decoration: none; }
#contents[name="stats"] div.info  _a:hover   { color: #605040; text-decoration: underline; }
#contents[name="stats"] div.info  div { font: 12px arial,verdana,helvetica; text-align:justify; }
#contents[name="stats"] div.info  .ctooltip { position:absolute; top:0px; left:0px; z-index:2; width:380; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color: #FFFFE6; padding: 8px; border: 1px solid black; }

/* sección de login */

.login table { margin: 0 auto; }
.login td.label { text-align: left; padding-right: 1ex; }

/* línea de administración */

.identity { background-color: #666666; color: white; text-align: right; }
.identity a { padding: 0 1em; }
.identity a:hover { color: lightgreen; }

/* enlace de login */

a.login { color: white; }
a.login:hover { color: green; }

/*
     FILE ARCHIVED ON 17:27:42 Jul 22, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:56:07 Jul 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.424
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.051
  esindex: 0.008
  cdx.remote: 14.029
  LoadShardBlock: 1977.413 (3)
  PetaboxLoader3.resolve: 2513.555 (4)
  PetaboxLoader3.datanode: 172.613 (4)
  load_resource: 713.902
*/