.cuerpo{
background-image: url('fondo111.jpg');
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
} 
body {

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
} 
b{
color:white;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
} 
img {
     
      
      object-fit: cover;
}

.img1 {
      aspect-ratio: auto;
      height: 460px;
      object-fit: cover;
      display:block;
      margin:auto;
           
}

/* Estilo de la barra horizontal (nav) */
  #csMenu {
    display: inline-block;	
    font-size: 14px;    
    overflow: hidden;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
    background-color: red;
    border-radius: 5px;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.55);
   opacity: 0.7;
   filter: alpha(opacity=20); 
   border-color:black; 
   border: 2px;
  }  
  /* Estilo de bloque del primer nivel */
  #csMenu ul {
    margin: 0;
    padding: 0;
    display: block;	
    list-style: none;
    border-radius: 5px;
    border-color:black; 
    
  }
  /* Estilo de cada celda */
  #csMenu ul li {
    float: left;   
    display: block;
    
  }
  /* Estilo de cada enlace */
  #csMenu ul li a {
    color: yellow;	
    display: block;	    
    padding: 0.6em 0.8em;	
    text-decoration: none;
  }
  /* Estilo de cada enlace (sobre) */
  #csMenu ul li a:hover {
    background-color: black;
  }
   /* Estilo de bloque del segundo nivel */
  #csMenu ul li ul {
    display: none;
    position: absolute;
    background-color: red;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.55);
    
  }
  /* Estilo de bloque del segundo nivel (sobre) */
  #csMenu ul li:hover ul {
    display: block;
  }
  /* Estilo de cada celda */
  #csMenu ul li:hover ul li {
    float: none;
  }
  /* Estilo de cada enlace */
  #csMenu ul li:hover ul li a {
    text-align: left;
    white-space: nowrap;
    color: white;
    
  }
    /* Estilo de cada enlace (sobre) */
  #csMenu ul li:hover ul li a:hover {
    background-color: black;
  }
   /* Estilo de bloque del tercer nivel */
  #csMenu ul li ul li ul {
    display: none !important;    
  }
  /* Estilo de bloque del tercer nivel (sobre) */
  #csMenu ul li ul li:hover ul {
    top: 2em;
    left: 7em;
    display: block !important;
    border:4px;
    border-color:black;  
  }
  .transpar{
    display: inline-block;	
    font-size: 14px;    
    overflow: hidden;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
    background-color: rgba(255,255,255,0.7);
    border-radius: 6px;
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.55);
   
   border-color:black; 
   border: 2px;    
   width:100%;
  }