h2	{
		clear:both;
		padding-top:20px;
		}
	ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	li {
		float:left;
		width:100px;
		margin:0;
		padding:0;
		text-align:center;
		}
	li a {
		display:block;
		padding:6px 10px;
		height:17px;
		color:#036;
		font-family:"Lucida Sans Unicode";
		font-size:11px;
		text-decoration:none;
		}
	li a {
		background:url(../../images/menu/bg2.jpg) repeat 0 0;
		}
	li a:hover, li a:focus, li a:active {
		background-position: -150px 0;
		height:17px;
		font-family:"Lucida Sans Unicode";
		color:#fff;
		font-size:11px;
		}
	#d a {
		background:url(../../images/menu/bg_menu.gif) repeat 0 0;
		}
	#menu {
		background:url(../../images/menu/tubo.jpg) no-repeat;
		border-top:#036 1px solid;
		border-bottom:#036 1px solid;
	}
	#menu2 {
		background:url(../../images/menu/tubo.jpg) no-repeat;
		border-top:#036 1px solid;
	}
	.capas {
		background:url(../../images/contenidos/capa.jpg) no-repeat;
		position:absolute;
		width:320px;
		height:180px;
		z-index:5000;
		top: 120px;
		visibility: hidden;
		}
	/* menu servicios */
	.Estilo2{
		background:url(../../images/menu/bg_sub.jpg) repeat-x;
		font-family:"Lucida Sans Unicode";
		font-size:10px;
		color:#fff;
		height:30px;
		margin:7px;
		}
	#sub a {
		font-family:"Lucida Sans Unicode";
		text-decoration:none;
		font-size:10px;
		color:#fff;
		height:30px;
		padding-top:8px;
		padding-bottom:8px;
		padding-right:7px;
		padding-left:7px;
		}	
	#sub  a:hover, li a:focus, li a:active {
		background:url(../../images/menu/bg_sub_2.jpg) center;
		font-family:"Lucida Sans Unicode";
		font-size:10px;
		color:#234;
		}	
	.td_sub {
		background:url(../../images/menu/bg_sub_2.jpg) repeat-x;
		font-family:"Lucida Sans Unicode";
		font-size:10px;
		color:#234;		
		text-decoration:none;
		font-size:10px;
		padding:7px;
	}

		/* === Ajuste tabla del formulario login === */
	table.login-form {
	border-collapse: collapse; /* elimina espacios entre celdas */
	border-spacing: 0;
	}

	table.login-form td {
	padding: 0; /* elimina relleno extra */
	vertical-align: middle;
	}

	/* === Login: inputs sin imágenes y con placeholders === */
	table.login-form input[type="text"],
	table.login-form input[type="password"] {
		font-family: "Lucida Sans Unicode", Arial, sans-serif;
		font-size: 11px;
		color: #036;
		background: none !important;
		border: 1px solid rgb(77, 113, 148);  /* NUEVO: borde azul */
		border-radius: 3px;      /* NUEVO: esquinas redondeadas */
		outline: none;
		height: 22px;
		padding: 2px 4px;
		box-sizing: border-box;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		transition: border-color 0.3s, box-shadow 0.3s;  /* NUEVO: transiciones */
	}

	table.login-form input[type="text"]:focus,
	table.login-form input[type="password"]:focus {
		border-color: #043f7e;  /* NUEVO: azul más oscuro al focus */
		box-shadow: 0 0 8px rgba(4, 63, 126, 0.3);  /* NUEVO: sombra azul */
	}

	/* Separación entre RUT-DV y Clave en tabla anidada */
	table.login-form table tr:first-child td {
		padding-bottom: 5px;
	}

	/* Placeholders */
	table.login-form input::placeholder {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	color: #7f9dbb;
	opacity: 1;
	}
	table.login-form input:-ms-input-placeholder {
	color: #7f9dbb;
	}
	table.login-form input::-ms-input-placeholder {
	color: #7f9dbb;
	}

	/* Anchos exactos */
	table.login-form #rut        { width: 100px; }
	table.login-form #digito     { width: 24px; text-align: center; }
	table.login-form #clave_own  { width: 140px; }

	/* Ajuste fino para alinear vertical en Firefox */
	table.login-form input { vertical-align: middle; }


	/* Botón "Entrar" con estilo coherente */
	.btn-entrar {
		background-color: #043f7e; /* azul del menú de navegación */
		color: #fff; /* texto blanco */
		font-family: "Lucida Sans Unicode", sans-serif;
		font-size: 12px;
		padding: 6px 10px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		transition: background-color 0.3s, transform 0.2s;
	}

	.btn-entrar:hover {
		background-color: rgb(5, 45, 85); /* azul más oscuro al pasar mouse */
		transform: scale(1.03);
	}

	.btn-entrar:active {
		background-color: #013; /* aún más oscuro al presionar */
		transform: scale(0.97);
	}


	/* Botón "Salir" más tenue y pequeño */
	.btn-salir {
		background-color: #ccc; /* gris claro */
		color: #333; /* gris oscuro para texto */
		font-family: "Lucida Sans Unicode", sans-serif;
		font-size: 11px;
		padding: 4px 12px;
		border: 1px solid #aaa;
		border-radius: 3px;
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s, transform 0.2s;
	}

	.btn-salir:hover {
		background-color: #bbb; /* un poco más oscuro al pasar mouse */
		color: #000; /* texto más fuerte */
		transform: scale(1.03);
	}

	.btn-salir:active {
		background-color: #aaa; /* más oscuro al presionar */
		transform: scale(0.97);
	}