@charset "utf-8";
/* CSS Document */
 body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }
  .tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin: 0;
	  max-width: 1170px; /* Ancho máximo del contenedor */
	  
	  
  }

a
{
 font-family: Arial, sans-serif;	
	color: #ffffff;
	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: #000; /* 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: 10px;
    cursor: pointer;
    background-color: #f0f0f0;
    border: 0px solid #ccc;
	  
  }
  .tab.active1 {
    background-color: #d9f5fd;
  }
  .content {
    display: none;
    padding: 10px;
    border: 0px solid #ccc;
    border-top: none;
	  max-width: 1170px; /* Ancho máximo del contenedor */
  }
  .content.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;
	
}