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;
}

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;

	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;
}

main{
	padding: 20px;
}

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

#libros{
	width: 98%;
	height: 500px;

}

.contenido{
	

padding: 1em;  /*al aumentarlo se hace una separacion superior mayor entre los cuadros materias*/
margin: auto;
text-align: justify;
max-width: 1000px;


}

.item{

	margin: 2em;
	width: 25%;
	/*padding: 1em;*/
	float: left;
	border: 1px solid gray;
	border-radius: 15px;
	height: 230px;

}

/*.item:hover{
	background: rgba(0,0,0,0.3);
	margin: 2em;
	width: 25%;
	padding: 1em;
	float: left;
	border: 1px solid gray;
	border-radius: 15px;
	height: 230px;
	image-rendering: none;

}*/


#imagenCurso{
	width: 100%;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px; 
	/*opacity: .4;*/
}




h2
{
	text-align: center;
}

a {
  outline: none;
  text-decoration: none;
 
}

a:link {
  color: black;
}

a:visited {
  color: black;
}
/*
a:focus {
  border-bottom: 1px solid;
  background: black;
}*/

	





		@media (max-width: 940px){

			header label {
				display: block;
			}

						header label:hover{

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

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

			.menu ul{
				flex-direction: column;
				/*font-size: 5px;*/
			}

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


			#btn-menu:checked ~ .menu{

				margin: 0;

			}

			
			.contenido
			{
				width: 90%
			}

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

					}

					.item{
						
						margin: 1em;
						/*padding: 1em;*/
						width: 95%;
							
								margin-top: 30px;
								margin-left: 2%;
						float: left;
						border: 1px solid gray;
						border-radius: 15px;
						height: 23%;
					}

						/*#item1{
				 
				 
								width: 95%;
								margin-bottom: 10px;
								
								
							}

							#item2{
								
								
								width: 95%;
							
								margin-top: 20px;
								
							}

							#item3{
								
								
								width: 95%;

								margin-top: 20px;

							}*/

							


				}