*{
	margin: 0;
	padding:0;
	/* //font-family: sans-serif; */
	box-sizing: border-box; /*hace una caja*/

}

body{

	background: #DEDEDE;
	background-image:url(fondohuellas.jpg); 
	display: flex;
	min-height: 100vh;

}


form{
	margin: auto; /*para centralo*/
	width:50% ; /*para que se responsib*/
	max-width:500px; /*ancho maximo e 500 px*/
	background:#F3F3F3;
	padding:30px;
	border:1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	


}


h1{
	text-align: center;
	margin-bottom: 20px; /* margeni inferior*/
	color: rgba(0,0,0,0.5);
	font-family: sans-serif;
	
}


input{
	display: block;
	padding: 10px;
	width: 100%; /*ancho de 100%*/
	margin: 10px 0 ; /*30 hacia arriba y abajo  y 0 alos costados*/
	font-size: 20px;
}



input[type="button"]{
	background: linear-gradient(#40EAE3,#40EACB);/*degradado del boton con dos colores*/
	border: 0; /* sin borde*/
	color: brown;
	opacity: 0.8; /*opacidad opaco*/
	cursor: pointer;
	border-radius: 20px; /*hace el boton redondo*/
	margin-bottom: 0; /* sin margen inferiro*/
	  border:2px solid  #4FC3F7;
}

input[type="button"]:hover{
	color:#FFFFFF;
      background-image: linear-gradient(-90deg, #0000FE 0%, #00f0b8 100%);
      transition-property: color ;
      transition-duration: 1s;
      transform:scale(1.2);
    
}


.DatosUsuario {
	margin-right: 5%;
	margin-top:2%;
	text-align: right;
	font-weight: bold;

}

.tit{
		position: fixed;
		top: 110px;
		text-align: center;
		/* margin: 0% 10%; */
		width: 100%;
}
.tit h2{
	/* top: 3.2cm;
    position: fixed;
	left: 42%; */
	color:goldenrod;
	font-size:30px;
	font-family: sans-serif;
	
}


#header{
	
	border-bottom: 21px solid rgba(168, 160, 160,0.8);

}

a{
	margin-left: 45%;

}

/* a{
	position:fixed;
	bottom:10%;
	left:30%;
} */


@media(max-width:768px) {
	form{
		width:80%;
		margin: 10% 0% 10% 5%;/* margin:10% 0%; */
		top: 3.2cm;
		position: fixed;
		left: 10%;

	}
  

	.franja{z-index:2 ; background-color:  white; color: rgb(65, 63, 63); width: 80%;text-align:left;padding: 0%;color: rgb(65, 63, 63);
		top: 0cm;
		height: 10%;
		left: 15%;}
	h4{
	display:none;}

  }