body
{
	margin: 0;
	font-family: sans-serif;
	line-height: 1.6em;

}


header
{
width: 100%;
background: #4E94AB;
position: fixed;  /*pedazo de ódigo para que el menu baje junto con el scroll, hasta el ultimo continua*/
left: 0;  /*continua*/
top: 0;    /*continua*/
right: 0;   /*continua*/
}


#btn-menu{
	display: none;     /*no se esta mostrando el boton de menu*/
}

header label{
	display: none;
	width: 35px;
	height: 30px;

	padding: 8px 13px;
	
	
	border-right: 1px solid #fff;
}


header label:hover{

	cursor: pointer;
	background: rgba(0,0,0,0.3);
}


.menu ul{
margin: 0;
list-style: none;
padding: 0;
display: flex;
/*justify-content: flex-end;*/

}

.menu li {
	text-align: center;
	flex-grow: 1;
 position: relative;
	border-right: 1px solid #fff;
}


.menu li:hover{
	background: rgba(0,0,0,0.3);
}

.menu li a{
	display: block;
	padding: 15px  20px;
	color: #fff;
	text-decoration: none;
}

form{
    
	margin: auto;
	width: 50%;
	max-width: 500px;
	background: #F3F3F3;  /*f8d6cf     F3F3F3*/
	padding: 30px;
	border:  1px solid rgba(0,0,0,0.2);
}

h2{
	text-align: center;
	margin-bottom: 20px;
	color: rgb(0,0,0,0.5);
}


input{
	display: block;
	padding: 10px;
	width: 100%;
	margin: 30px -10px;
	font-size: 20px;
}


input[type="submit"]{
	background: linear-gradient(#FFDA63,#FFD940);
	border: 0;
	color: brown;
	/*opacity: .8;*/
	cursor: pointer;
	border-radius: 20px;
	margin: auto;
	margin-bottom: 0;
}


input[type="submit"]:hover {
opacity: 1;

}

input[type="submit"]:active{
transform: scale(0.95);

}

textarea{
	display: block;
	width: 100%;
	height: 200px;
	resize: none;
	padding: 10px;
	margin: 30px -10px;
	font-size: 20px;
}

main{
	padding: 20px;
}

h1{
	margin-top: 50px;
	text-align: center;
	font-family: cambria;
}



.contenido{
margin-top: 70px;
	margin: auto;
text-align: justify;
max-width: 850px;


}

.error{
	width: 235px;
	padding-left: 3px;
	text-align: center;
	background-color: #f8d6cf;  /*f8d6cf   f1beb3  */
	border-radius: 15px;
	margin: auto;
}


header nav ul li:hover .children{
	display:block;
}

header nav ul li .children{
	display: none;
	background:  #5f959a;
	position: absolute;
	width: 150%;
	z-index: 1000;
}



header nav ul li .children li{
   display: block;
   overflow:hidden;
   border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a{
   display: block;
  
}


		@media (max-width: 940px){

			header label {
				display: block;
			}

			header label:hover{

							cursor: pointer;
							background: rgba(0,0,0,0);
						}


			/*form{
				width: 70%;
			}*/

		

			.menu{
				position: absolute;
				background: #4E94AB;
				width: 70%;
				margin-left: -70%;
			}

			.menu ul{
				flex-direction: column;
			}

			.menu li{
				border-top: 1px solid #fff;
				font-size: 15px;
			}


			#btn-menu:checked ~ .menu{

				margin: 0;

			}

			
			.contenido
			{
				width: 90%
			}

			#libros{
				width: 100%;
				height: 380px;

					}


					header nav ul li .children{
						width: 100%;
						background: #5f959a;
						position: relative;

							}


				header nav ul li .children li a{
					margin-left:20px;
				}

		}




		@media (max-width: 768px){
		form{
			width: 75%;
		     }

		}


		@media (max-width: 480px){
		form{
			width: 75%;
		     }

		     .error{
			font-size: 13px;
			text-align: center;
			padding-left: 5px;
			width: 210px;
			margin: auto;
				}

		}