div#botones .usuario span {
	color: #F2CC64;
	margin-right: -18px;
	text-align: right;
	text-shadow: 0px 0px 1px black, 0px 0px 1px black;
}

.flota.usu.form {
	color: white;
	left: 50%;
	background-image: url('/_img/fondo.madera.jpg');
	border: outset 2px grey;
	border-radius: 10px;
	top: 20%;
	padding: 20px;
	box-shadow: 0px 0px 30px 5px black;
}
	.flota.login.form,
	.flota.nuevo.form {
		width: 400px;
		margin-left: -200px;
		height: 130px;
	}
	.flota.cambio.form {
		width: 520px;
		margin-left: -260px;
		height: 183px;
	}
		.flota.cambio.form.datos {
			height: 264px;
		}
		.flota.cambio.form.sinCambiar.datos {
			top: 10%;
			height: 620px;
		}
		.flota.cambio.form .clave,
		.flota.cambio.form .sinCambiar,
		.flota.cambio.form .datos {
			display: none;
		}
			.flota.cambio.form.clave .clave,
			.flota.cambio.form.sinCambiar .sinCambiar,
			.flota.cambio.form.datos .datos {
				display: initial;
			}
	.flota.usu.form label,
	.flota.usu.form input,
	.flota.usu.form button {
		font-size: 24px;
		display: inline-block;
		border-radius: 5px;
	}
		.flota.usu.form h1,
		.flota.usu.form h2 {
			text-align: center;
			background-color: black;
			border: inset 1px grey;
			opacity: .7;
			border-radius: 10px;
			margin: 0px;
		    padding: 2px 10px;
		}
			.flota.usu.form h1 {
				font-size: 24px;
			}
			.flota.usu.form h2 {
				font-size: 22px;
			}
		.flota.usu.form label {
			text-shadow: 0px 0px 3px black;
		}
		.flota.usu.form span {
			font-size: 17px !important;
			margin-bottom: 8px;
		}

	.flota.login.form label {
		width: 60px;
	}
	.flota.cambio.form label {
		width: 170px;
	}
	.flota.usu.form input {
		width: 325px;
		margin-bottom: 15px;
	}
	.flota.usu.form button {
		float: right;
		cursor: pointer;
		margin-left: 20px;
	}

.flota.form .a {
	border: none;
	background: none;
	color: yellow;
	float: left !important;
	font-size: 16px !important;
	margin: 0px 0px 2px -5px !important;
}			

#opUsu {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 170px;
	text-align: center;
}
	#opUsu li {
		background-color: #F2CC64;
		border: solid 1px grey;
		list-style: none;
		padding: 3px;
		margin-bottom: 5px;
		border-radius: 5px;
		cursor: pointer;
		box-shadow: 0px 5px 10px black;
	}
		#opUsu li:hover {
			background-color: #AC8928;
		}
		#opUsu li.lejos {
			margin-top: 10px;
		}
		#opUsu a {
			color: white;
			text-decoration: none;
		}

		.radioSel {
			float: left;
		}
		.radioSel input {
			margin: 0px;
			padding: 0px;
			width: auto !important;
			height: auto !important;

			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.radioSel input:active +.label.sexo {
			opacity: .9;
		}
		.radioSel input:checked + label.sexo {
			-webkit-filter: brightness(1.3) grayscale(0);
			-moz-filter: brightness(1.3) grayscale(0);
			filter: brightness(1.3) grayscale(0);
			-webkit-filter: none;
			-moz-filter: none;
			filter: none;
		}
		.radioSel label.sexo {
			cursor: pointer;
			background-size: contain;
			background-repeat: no-repeat;
			display: inline-block;
			width: 51px !important;
			height: 64px !important;

			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			transition: all 100ms ease-in;

			-webkit-filter: brightness(1.2) grayscale(0.8);
			-moz-filter: brightness(1.2) grayscale(0.8);
			filter: brightness(1.2) grayscale(0.8);
		}
		.radioSel label.sexo:hover {
			margin: -2px -2px;
			width: 55px !important;
			height: 68px !important;

			-webkit-filter: brightness(2) grayscale(0.3);
			-moz-filter: brightness(2) grayscale(0.3);
			filter: brightness(2) grayscale(0.3);
		}


label.sexo.chica {
	background-image: url('/_img/sexoA.png') !important;
	background-position: bottom;
}
label.sexo.chico {
	background-image: url('/_img/sexoO.png') !important;
}