*{
	box-sizing:border-box;
}
body{
	background-color:#020640;
}
#contenido{
	background-color:#020640;
	height:auto;	
}
#cont-form{
	position:absolute;
	left:20%;
	top:38%;
	width:60%;	
}
.titulo{	
	padding:20px;
	background-color:#3F4048;
	color:white;
	font-size:25px;
	font-weight:100;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom: 5px solid;	
}
.form{
	margin: 0 auto;
	width:80%;
	height:auto;	
	top:32%;
	background-color:#020640;	
	border-radius:10px;	
	border:3.5px solid;
	color:white;
	opacity:0.95;
}
p{
	position:relative;
	left:10%;
	font-size:18px;
	font-weight:600;
}
.nombre{
	margin:2px;
	margin-left:10%;
	margin-bottom:25px;
	padding:1.5%;
	border-radius:10px;
/*	font-family: 'Kaisei HarunoUmi', serif;*/
	font-weight:600;
	color:black;
	width:80%;	
	text-align:center;
	box-sizing:border-box;
	font-size:15px;	
	 border:none;
}
input:focus{
	background-color:#C7D8EE;	
}
.num_func{
	margin-left:10%;
	width:80%;
	padding:8px;
}
.contrasena{
	position:relative;
	left:26%;
	padding:1.5%;
}
.fondo{
	position:relative;
	left:0%;
	width:100%;
	height:130%;
}
.boton{
   	display:flex;
	justify-content:center;
	text-align:center;
}
.ingresar{
	width:32%;
	height:10%;
	color:white;
/*	font-family: OpenSans;*/
	font-size:22px;
	background-color:#0B16BB;
	border:20px;
	border-radius:20px;
	text-align:center;
	padding:6px;
}
h2{
	text-align:center;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@media screen and (max-width:768px){
#cont-form{	
		position:absolute;
		left:1%;
		width:98%;	
		top:24%;
}
.fondo{
	position:relative;
	width:100%;
	height:100%;
}
.nombre{
    text-align:center;   
}
input[type="submit"]{
  -webkit-appearance:none;
}

.ingresar{
    -webkit-appearance:none;
    width:50%;
	font-size:18px;
	padding:10px;
	
}   
}
@media screen and (max-width:1024px) and (orientation: landscape){
  
    .fondo{
	position:relative;
	width:100%;
	height:210%;
}
input[type="submit"]{
  -webkit-appearance:none;
}

.ingresar{
    -webkit-appearance:none;
    width:40%;
	font-size:18px;
	padding:10px;
}   
}