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

body{
   background-image: url(../imagenes/img_fondo.jpg);
}
article:hover{
   box-shadow: 0px 3px 12px #333333;
}
article a:hover{
   color: yellow;
}
footer{
   background-color: #5f5f5f;
   padding: 5px;
   border: 2px;
   border-style: dotted;
   border-color: black;
   clear: both;
}
h2{
   color: white;
}

h1{
   color: white;
   margin: 20px;
   text-shadow: 2px 2px 5px #888888;
}
p{
   color: white;
   text-align: center;
}
a{
   text-decoration: none;
   color: white;
}
.Categoria{
   background-color: #f5564a;
   width: 100%;
   box-shadow: 0px 3px 5px #888888;
   font-family: Pathway Gothic One;
   float: left;
}
.Principal{
   background-color: #4caf50;
   width: 95%;
   margin:20px auto;
   box-shadow: 0px 3px 5px #888888;
   padding: 1px;
   font-family: Handlee;
   text-align: center;
   overflow: auto;
   border-radius: 25px;
}
header{
   background-color: #f5923f;
   padding: 1px;
   font-family: Baloo Paaji;
}
ul{
   font-family: Quicksand;
   clear: both;
}
#div_principal{
   background-color: white;
   width: 70%;
   margin: auto;
   border: 1px solid black;
   overflow: auto;
}
.div_categorias{
   background-color: maroon;
   overflow: auto;
}
.div_categorias h2{
   float:left;
}
.minimizar{
   float:right;
   cursor: pointer;
}
.menu-item{
	    float:left;
	 }

nav ul{
	    list-style: none;
	 }
nav a{
	    text-decoration: none;
	    padding: 10px;
	    display: block;
	 }
nav ul, nav li{
	    padding: 0px;
	    margin: 0px;
	    font-family: Dosis;
	 }
nav li{
	    width: 100px;
	    background-color: #5f5f5f;
	 }
nav {
	    background-color: #5f5f5f;
	    box-shadow: 0px 3px 5px #888888;
	    overflow: auto;
	 }
/*
nav{
   background-color: #5f5f5f;
   text-align: center;
   box-shadow: 0px 3px 5px #888888;
   font-family: Dosis;
   padding: 7px;
}
nav a{
   padding: 7px;
}
nav a:hover{
   background-color: #333333;
} 
*/
@keyframes Menu{
   from{
      opacity: 0;
   }
   to{
      opacity: 0.95;
   }	
}
.submenu{
	    display: none;
	    position: absolute;
	    opacity: 0.95;
	 }
.menu-item:hover .submenu{
	    display: block;
            animation-name: Menu;
	    animation-duration: 0.5s;
	 }
nav li:hover{
	    background-color: #333333;