@charset "utf-8";
/* CSS del parser del Middleware */

.cuerpo {
	display: flex;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url("fondo.jpg") 
}

.contenedor {
	background-color: whitesmoke;
	margin: auto;
    width: 400px;
	padding-left:6vw;
	padding-right:6vw;
	padding-bottom:6vw;
	border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px; 
	 font-family: "Open Sans";
	-webkit-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 17px -10px rgba(0,0,0,0.75);	
}

h1 {
	color: gray;
	font-size: 28px;
	font-weight: bold;
}

.formulario_acceso {
    z-index: 15;
    position: relative;
    background: whitesmoke;
    width: 400px;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(black, .1);
    box-sizing: border-box;
    margin: 0px auto 0px;
    overflow: hidden;
}

.formulario_acceso label {
	display: block;
      margin: 20px 0 10px;
      color:black;
      font-size: 12px;
      font-weight: bold;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .2em;
}

.formulario_acceso input[type="text"],
.formulario_acceso input[type="password"]{
    outline: none;
    display: block;
    background: rgba(black, 0.1);
    width: 100%;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 20px;
    color: gray;
    font-family: inherit;
    font-size: inherit;
    font-weight:bold;
    line-height: inherit;
    transition: 0.3s ease;
}

.formulario_acceso input[type="submit"]{
	outline: none;
	margin: 30px 0 0 0;
    background: #2E81C8;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 12px 20px;
    color: white;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
    text-transform: uppercase;
} 

.formulario_acceso input[type="submit"]:hover {
	cursor:pointer;
	background-color: #FA9F26;
}