@import url('https://fonts.googleapis.com/css?family=Baloo+Paaji');
@import url('https://fonts.googleapis.com/css?family=Handlee');
@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One');

/*article{
  background-color: #f5564a;
  margin: 20px;
  box-shadow: 0px 3px 5px #888888;
}*/
article:hover{
  box-shadow: 0px 3px 12px #333333;
}
footer{
  background-color: #5f5f5f;
  padding: 0px;
  border: 2px dotted black;
}
body{
  background-color: #e1e1e1;
  background-image: url("Imagenes/fondo_body.jpg");
}
nav{
  /*background-color: #5f5f5f;*/
  box-shadow: 0px 3px 5px #888888;
  /*padding: 7px;*/
}
/*nav a{
  padding: 7px;
  font-family: 'Dosis',sans-serif;
}
nav a:hover{
  background-color: #333333;
}*/
article a:hover{
  color: yellow;
}
h2{
  color: white;
}
#div_principal{
  background-color: white;
  /*min-width: 350px;
  max-width: 750px;*/
  width: 70%;
  margin: auto;
  border: 1px solid black;
}
p{
  color: white;
  text-align: center;
}
h1{
  margin: 20px;
  text-shadow: 2px 2px 5px #888888;
  color: white;
  font-family: 'Baloo Paaji';
}
a{
  color: white;
  text-decoration: none;
}
.Categoria{
  background-color: #f5564a;
  width: 100%;
  box-shadow: 0px 3px 5px #888888;
}
.Categoria h2{
  font-family: 'Pathway Gothic One',sans-serif;
  margin: 0;
  float: left;
}
.Principal{
  background-color: #4caf50;
  width: 100%;
  box-shadow: 0px 3px 5px #888888;
  font-family: 'Handlee';
  border-radius: 25px;
}
header{
  background-color: #F5923F;
  padding: 1px;
}
li{
  font-family: 'Quicksand';
}
main{
  overflow: auto;
}
.Cabecera{
  background-color: maroon;
  overflow: auto;
}
.ocultar{
  display: block;
  float: right;
  cursor: pointer;
  margin: 6px;
}
.margenes{
  padding: 2%;
}