body{
   background: url('bg.jpg') no-repeat;
}

.form{
   background: rgba(0,0,0,0.5);
   /*height:65%;*/
   width:40%;
   border-radius: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
    margin-top: -20%;   /*-25%*/
    margin-left: -20%;
	text-align:center;	
	padding:20px;
	/*z-index:-999;*/
	display:block;

}

.libro{
  /*float:left;*/
  /* margin-left:10%;
   margin-top:20%;*/
   position:relative;
   margin-left:-90%;
   margin-top:0%;
   
}
.submit{
   color:white;
   background-color:red;
   border: 0px solid;
   padding:10px 5px;
   width:70%;
   border:1px solid #5E231F;
   cursor:pointer;
   font-size:25px;
   
}
input[type="text"] {
  padding: 10px;
  border: solid 2px blue;
  transition: border 0.3s;
  width:80%;
  z-index:999;
}

input[type="text"]:focus, input[type="text"].focus {
  border: solid 1px blue; 
}

.space{
   height:20px;
   width:100%;
}

.space2{
   height:100px;
   width:100%;
}

.fields{
   width:100%;
   /*height:200px;*/
   /*padding-top:150px;*/
}
.tit1,.tit2,.tit3{
   color: white;
   
   font-family: 'Arial';
}

.tit1{
	font-size:25px;
}

.tit2{
	font-size:25px;
	/*padding-top:10%; *//*20%*/
	margin-top:-40%;
	margin-left:28%;
}

.tit3{
	font-size:15px;
	padding-top:20px;
}

.red{
	color:yellow;
}
.yellow{
   color:yellow;
}