@charset "utf-8";
/* CSS Document */
 
  .tabs {
    display: flex;
	 column-gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    padding: 5;
    margin: 0;
	  padding-top: 20px;  
	  max-width: 1170px; */ Ancho máximo del contenedor */
	
	 	  
  }

a {
 font-family: Arial, sans-serif;	
	color: #344168;
	text-decoration: none;
	}

a:hover
{
	 font-family: Arial, sans-serif;
	color: #77b8cb;
	text-decoration: underline;
}

.enlace1 {
            color: black; /* Color del enlace 1 */
            text-decoration: none; /* Sin subrayado */
        }

.enlace1:hover {
           /* color: #fdd180;  Color al pasar el cursor sobre el enlace 1 */
	 color: #757575; /* Color al pasar el cursor sobre el enlace 1 */
	
        }


abop
{
 font-family: Arial, sans-serif;	
	color: #000000;
	text-decoration: none;
	
}

abop:hover
{
	 font-family: Arial, sans-serif;
	color: #77b8cb;
	text-decoration: underline;
}




  .tab {
    flex: 1 1 auto;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    background-color: #102b44;
	border-radius: 4px;
	color: aliceblue;
	width: 185px;
	display: grid; 
	place-items: center;
	  
	  
	  
	  

Fuente: <a href="https://recursivos.com/css/separacion/" title="CSS: Separación">CSS: Separación</a>
 

Fuente: <a href="https://recursivos.com/css/separacion/" title="CSS: Separación">CSS: Separación</a>
	 
	  
  }
  .tab.active1 {
    background-color: #cca354;
	  color: #000;
  }
  .content_bop {
    display: none;
    padding: 10px;
    border: 0px solid #ccc;
    border-top: none;
	  max-width: 1170px; /* Ancho máximo del contenedor */
  }
  .content_bop.active1 {
    display: block;
  }

  /* Estilos específicos para dispositivos pequeños */
  @media screen and (max-width: 600px) {
    .tabs {
      flex-wrap: wrap;
    }
    .tab {
      flex: 1 1 100%;
      margin-bottom: 5px;
    }  
  }


div.b {
  font-size: 11px;
	
}

div.c {
  font-size: 15px;
	color: #000;
	
}