/*
 * login.php: estructura de la pagina de entrada de corredores (decision del usuario del 2026-10-18,
 * tema 10 del plan). Reemplaza lo que daba el CSS de la carpeta hermana ../css/login2.css, que
 * puede no existir en el servidor nuevo; se carga antes que esa hoja, asi que si existe manda ella.
 * Medidas tomadas de los estilos que la pagina ya trae (los de IE 8/9 y los del <style>).
 */
html, body { min-height: 100%; }
body.login { background: #e8e5e0; color: #333; font-size: 14px; line-height: 1.3; }

#wrap { width: 100%; }
#banner { background: #860038; width: 100%; height: 158px; }

#wrap .container {
	position: relative;
	width: 700px;
	max-width: 100%;
	margin: -110px auto 0 auto;
	z-index: 11;
	padding: 0;
	text-align: center;
}
#wrap .container .title_area { height: 0; }

.contenido {
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.contenido::after { content: ""; display: block; clear: both; }
/* la pagina fija height: 540px !important; con estas fuentes el formulario y los enlaces de ayuda
   miden un poco mas: la caja crece en lugar de cortarlos */
#wrap .contenido { height: auto !important; min-height: 540px; }
.contenido .img_banner { margin: 20px 10px 10px 20px; max-width: 300px; }
.contenido form { overflow: hidden; padding-top: 15px; text-align: center; }
.contenido form .logo { display: block; max-width: 310px; margin: 0 auto 5px auto; }
.contenido form a { text-decoration: none; font-size: 16px; }
.contenido form p { margin: 0; }
.contenido form table { margin: 0 auto; text-align: left; }
.contenido form table p { line-height: 1.5; color: #555; }
.contenido form table a { font-size: 11px; color: #860038; }
.contenido form input[type="checkbox"] { vertical-align: middle; }
.contenido input.user:focus, .contenido input.password:focus { outline: 1px solid #860038; }

#info { height: auto !important; overflow: hidden; padding-bottom: 5px; }
#info a { text-decoration: none; }

#footer { margin: 0 auto; text-align: center; font-size: 12px; max-width: 100%; }
#footer a { text-decoration: none; }

/* pantallas angostas: el banner baja debajo del formulario */
@media (max-width: 720px) {
	#wrap .container { margin-top: -60px; }
	#wrap .contenido .img_banner { float: none !important; display: block; margin: 15px auto; }
	#wrap #footer { height: auto !important; padding-bottom: 15px; }
}