*{
	box-sizing:border-box;
}
body{
	background-color:020640;
}
#contenido{
	background-color:#020640;
	height:auto;	
}
#cont-form{
	position:absolute;
	left:20%;
	top:32%;
	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;
}
.contrasena{
	margin:2px;
	margin-left:25%;
	margin-bottom:25px;
	padding:1.5%;
	border-radius:10px;
/*	font-family: 'Kaisei HarunoUmi', serif;*/
	font-weight:600;
	color:black;
	width:50%;	
	text-align:center;
	box-sizing:border-box;
	font-size:16px;	
	border:none;
}
input:focus{
	background-color:#C7D8EE;	
}
.fondo{
	position:relative;
	left:0%;
	width:100%;
	height:auto;
}
.boton{
   	display:flex;
	justify-content:center;
	text-align:center;
}
.ingresar{
	width:28%;
	height:10%;
	color:white;
/*	font-family: OpenSans;*/
	font-size:22px;
	background-color:#0B16BB;
	border:20px;
	border-radius:20px;
/*	position:relative;
	left:32%;
	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; 
}
/*@media only screen and (max-width:1024px){
.soc{
	position:relative;
	top:12%;
	width:125%;
}
::-webkit-input-placeholder{
font-size:15px;
}
}*/
@media screen and (max-width:768px){
#cont-form{	
	position:absolute;
	left:5%;
	width:90%;	
	top:28%;
}
.fondo{
	position:relative;
	width:100%;
	height:90%;
}
.contrasena{
    position:relative;
    left:-15%;
    width:80%;
    font-size:15px;
}
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){
    #cont-form{	
		position:absolute;
		left:1%;
		width:98%;	
		top:35%;
}
    .fondo{
	position:relative;
	width:100%;
	height:180%;
}
.contrasena{
    position:relative;
    left:0%;
    width:50%;
    font-size:15px;
}
input[type="submit"]{
  -webkit-appearance:none;
}

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