body{
	background-color: #000000;
	background-image: url(../../images/bg/estrelladonegro.png);
	color: #fff;
	font-family: Pixelify-Sans;
}

.centrar{
	width: 95%;
	margin:auto;
	max-width: 900px;
	box-sizing: border-box;
}

.pantalla_completa{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba( 0, 0, 0, .9);
}

.input-inicio{
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	border-radius: 5px;
	width: 100%;
	border: 0;
	background-color: #3a3a3a;
	background-image: linear-gradient(to bottom, #000 0px, transparent 80%);
	box-shadow: 0 0 0 2px #5d5d5d inset;
	color:#fffF;
	font-family: Pixelify-Sans;
	font-size: 18px;
}

.input-inicio::placeholder{
	opacity: .5;
	color: #fff;
}

.input-inicio.error{
	background-color: #9900004d;
	background-image: url(../../images/iconos/aprobacion_no.png), linear-gradient(to bottom, #1a0000 0px, transparent 80%);
	background-repeat: no-repeat, repeat;
	background-size: 32px, 100%;
	background-position: calc(100% - 10px) center, 0 0;
	image-rendering: pixelated;
	box-shadow: 0 0 0 2px #ff9d9d80 inset;
}

.input-inicio.aprobado{
	background-color: #0092994d;
	background-image: url(../../images/iconos/aprobacion_si.png), linear-gradient(to bottom, #00221d 0px, transparent 80%);
	background-repeat: no-repeat, repeat;
	background-size: 32px, 100%;
	background-position: calc(100% - 10px) center, 0 0;
	image-rendering: pixelated;
	box-shadow: 0 0 0 2px #20ffcca8 inset;
}

.input-inicio.cargando{
	background-image: url(../../images/loadingpro.gif), linear-gradient(to bottom, #000 0px, transparent 80%);
	background-repeat: no-repeat, repeat;
	background-size: 29px, 100%;
	background-position: calc(100% - 10px) center, 0 0;
	image-rendering: pixelated;
}

.button-llamativo{
	padding: 5px 10px;
	cursor: pointer;
	border: 0;
	border-radius: 0;
	outline:none;
	border-radius: 10px;
	font-family: Pixelify-Sans;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 0 10px #000, 0 0 5px #000, 0 0 2px #000;
	background-image: linear-gradient(to right, #00FF97, #007DFF);
	box-shadow: 0 0 0 2px #00FF97 inset;
	transition: all .2s;
}

.button-llamativo:disabled{
	filter: grayscale(100%) opacity(60%);
}

.button-llamativo:hover{
	translate: 0 -3px;
}

form button, form input, form select{
	margin-bottom: 10px;
}

div.errorBox{
	padding: 10px;
	background-color: #8d0000;
	background-image: url(../../images/iconos/aprobacion_no.png), linear-gradient(to top, #420000 10%, transparent);
	background-repeat: no-repeat, repeat;
	background-position: 10px center, 0 0;
	image-rendering: pixelated;
	background-size: 32px auto, 100%;
	margin-bottom: 5px;
	border-radius:5px;
	box-shadow: 0 0 0 1px red inset;
	text-shadow: 0 0 10px #000, 0 0 5px #000, 0 0 3px #000;
	text-align: center;
}

a{
	color: inherit;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

.container1-inicio{
	background-color: #3a3a3a;
	border-radius: 20px;
	border: 4px solid transparent;
	border-radius: 12px;
	/* El primer degradado es el fondo interno; el segundo es el del borde */
	background-image: linear-gradient(#3a3a3a, #111111), linear-gradient(
50deg, #00FF97, #007DFF);

	/* Recorta los fondos para simular el borde */
	background-origin: border-box;
	background-clip: padding-box, border-box;

	padding: 8px;
	box-sizing: border-box;
}

.container1-inicio .titulo{
	text-align:center;
	padding: 10px;
	background-color: rgba(0,0,0,.5);
	border-radius: 10px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-family: ZenDots-Regular;
}