*{
	box-sizing:border-box;
}
body{
	background-color:#020640/*8DB6CB*/;
}
#contenido{
	background-color:#020640;
	height:auto;	
}
#cont-form{
	position:absolute;
	left:10%;
	top:32%;
	width:80%;	
}
table{
	margin-left:5%;
}

.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;
}
input{
	margin:8px;
	margin-left:8%;
	margin-bottom:25px;
	padding:6px;
	border-radius:10px;
	font-family: 'Kaisei HarunoUmi', serif;
	font-weight:600;
	font-size:90%;
	color:black;
	width:30%;	
	text-align:center;
	box-sizing:border-box;
	font-size:15px;
	
}
input:focus{
	background-color:#C7D8EE;
	
}
p{
	margin-left:0%;
	font-family: 'Kaisei HarunoUmi', serif;
	font-weight:500;
	font-size:90%;
	color:white;
		
}
.rec{
	margin-left:5%;
	font-family: 'Kaisei HarunoUmi', serif;
	font-weight:500;
	font-size:90%;
	color:white;	
}

.fondo{
	position:relative;
	left:0%;
	width:100%;
	height:auto;
}
.fecha{
	width:auto;
}

.descripcion{
	position:relative;
	left:4%;
	width:85%;
	height:25%;
	font-size:18px;
}
.descripcion:focus{
	background-color:#C7D8EE;
	
}
.pre{
	height:7%;
}
.lib, .pre, .prod{
	margin:8px;
	margin-left:8%;
	margin-bottom:25px;
	padding:5px;
	border-radius:10px;
	font-family: 'Kaisei HarunoUmi', serif;
	font-weight:600;
	font-size:90%;
	color:black;
	width:30%;	
	text-align:center;
	
}
.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;
	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 screen and (max-width:768px){
#cont-form{	
		position:absolute;
		left:0%;
		width:100%;	
		top:28%;
}
.fondo{
	position:relative;
	width:100%;
	height:100%;
}
.descripcion{
	font-size:16px;
}
.form-text{
    font-size:12px;
}
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:200%;
}
input[type="submit"]{
  -webkit-appearance:none;
}

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