@import url('https://fonts.googleapis.com/css?family=Roboto');


*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

body {
	background-size: cover;
	/* Para dejar la imagen de fondo centrada, vertical y horizontalmente */
	background-position: center center;
	/* Para que la imagen de fondo no se repita */
	background-repeat: no-repeat;
	/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */
	background-attachment: fixed;
}


.img-fondo {
	position: fixed;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

}

.pagina{
	width: 100%;
	height: 100vh;
	position: fixed;
	display: flex;
	background: rgba(0, 0, 0, .3);
}

.zona-login {
	width: 350px;
	margin: auto;
	margin-top: 70px;
/*	background: rgba(0, 0, 0, 0.5);*/
}

.zona-ingreso {
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	border-radius: 5px;
}
.zona-logo {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.zona-logo .imagen{
	width: 60px;
}
.zona-logo .escrito {
	width: 240px;
}

.zona-logo .nombre-empresa {
	color: white;
	font-weight: bold;
}
.zona-logo-terminal{
	padding: 10px;
	text-align: center;
}

.zona-logo-terminal img {
	margin: auto;
	width: 80%;
}

.linea-division {
	border: 3px solid #665;
	border-radius: 300px/10px;
	height: 0px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.linea {
	margin-bottom: 10px;
}

.linea .form-label{
	font-size: 12px;
	width: 100%;
	color: #45B6AF;
	margin-bottom: 50px;
}

.linea .form-input {
	width: 100%;
	padding: 7px;
	outline: 0px;
	border: 1px solid #8e8e8e;
}

.linea .form-submit {
	margin-top: 15px;
	width: 100%;
	padding: 10px;
	background: #5847F7;
	color: white;
	border: none;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;
}

.zona-boton-enviar {
	margin-bottom: 0;
}

.zona-copyright{
	color: white;
	font-size: 11px;
	text-align: center;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {


}

/* Landscape phones and down */
@media (max-width: 767px) {
	.zona-login {
		margin-top: 10px;
	}
}