/* ----------------------------- 
 *        CSSs pagina web
 * -----------------------------
 */
 
.encabezado {	
   border-style: double; 	
   background-color: #666;
   color: yellow;
   text-align: left;
   font-family: cursive;
   font-size: 50px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 1px;
}
.h5 {
   border-style: groove;	
   background-color: teal;
   color: white;
   text-align: center;
   font-family: arial black;
   font-size: 20px;
   border: 1px solid white;
   border-radius: 5px;
   margin-top: 0px;
   margin-bottom: 3px;
}
.fondo {
   width:470px;
   height:260px;	
}	
.centered
{
   text-align: center;
}
.left
{
   text-align: left;
}
.right
{
   text-align: right;
}
.button {
   margin-top: 0px;	
   border: black;
   background-color:navy;
   color: white;
   padding: 12px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 13px;
   font-family:arial black;
   cursor: pointer;
   border-radius:  13px;
   margin-bottom: 9px;
}
.button:hover {
   background-color: #4CAF50;
   color: white;
   box-shadow: 0 8px 16px 0 rgba(192,204,118.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.menu ul 
{
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu a 
{
	margin-top: 0px;	
	border: black;
	background-color:navy;
	color: white;
	padding: 9px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	font-family:arial black;
	cursor: pointer;
	border-radius:  4px;
	margin-bottom: 24px;  
}

.menu a:hover 
{
  background-color: #4CAF50;
  color: white;
   box-shadow: 0 8px 16px 0 rgba(192,204,118.2), 0 6px 20px 0 rgba(0,0,0,0.19);	
}

.menu ul li ul 
{
      display: none;
}

.menu ul li a:hover + ul,.menu ul li ul:hover 
{
    display: block;
}