@CHARSET "ISO-8859-1";


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


BODY
{
  background-color: white;
  color: black;
	
/* Establece Poppins como la fuente principal */  
  font-family: 'Roboto', sans-serif;
  
  /* Puedes establecer el peso por defecto (ej. Regular) */
  font-weight: 400; 
  font-style: normal;
	
}

A { color: #123c56; text-decoarion: none;}
A:hover { text-decoration: none; color: Orange; }

H2 {
    font-size: 24px;
    line-height: 26px;
    display: block;
    text-transform: uppercase;
    color: rgb(18, 60, 86);	
}

H4 {
    font-size: 18px;
    line-height: 21px;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(135, 135, 135);
}

#formLogin  {
	padding: 10px;
	background-color: grey;
	color: white;
	display: none;
}

.container-centrado-1280 {
/*    width: 100%;
    max-width: 1280px; 
    margin: 0 auto; /* Centra el contenido dentro de la banda completa */
}

/* Opcional: para el fondo de la cabecera que abarca el 100% */
.cabecera-banda-completa, .pie-banda-completa {
/*    background-color: #333; 
    width: 100%;  */
	overflow: hidden;
}


#contenido {
    margin: 0 auto;
    background-color: white;
    max-width: 1280px;
    min-width: 300px;
    text-align: center;
    min-height: 200px;
    overflow: auto;
}

.botonEmpleo {
	border-radius: 5%;
    border: 2px solid #555;
    box-shadow: 10px 10px 10px #999;		
}

#banner {display: none;}
.menuTop {background-color: #092149; z-index: 200; min-height: 30px;}

.menu li a {  
  color: white;
}

.menu li a:hover {
	background-color: #ddd9d9;
	color: black;
}

.menu.active {
	background: grey;
}

/* Configuración para Escritorio (Pantallas grandes) */
.menu ul {
    display: flex;
    flex-flow: row; /* Horizontal */
    height: 44px;
    justify-content: flex-end; /* Alineado a la derecha */
    gap: 25px;
    margin: 0;
    /* SOLUCIÓN 1: Añadimos un margen interno a la derecha para que no se pegue al borde */
    padding: 0 20px 0 0; 
    list-style: none;
    align-items: center; /* Centra verticalmente los textos en los 44px */
}

/* SOLUCIÓN 2: Media Query para el modo Responsive (Móvil) */
@media (max-width: 768px) {
    .menu ul {
        flex-flow: column; /* Cambia a vertical */
        height: auto;      /* Eliminamos la restricción de altura */
        padding: 20px;     /* Espaciado general en móvil */
        justify-content: flex-start; 
        align-items: flex-start; /* Alinea los elementos a la izquierda en móvil */
        gap: 15px;         /* Reducimos un poco el espacio entre elementos */
        background-color: #092149; /* Opcional: fondo para el menú desplegado */
    }
    
    .menu ul li {
        width: 100%;       /* Los elementos ocupan todo el ancho en móvil */
    }
}


#cabeceraFREMM { padding-left: 20px !important; }
.cabeceraPrincipal { font-size: 26px; padding: 10px; font-weight: bolder; background-color: #092149; color: white; }
.presentacion { text-align: left; padding: 10px; display: none;}
.slideshow { text-align: right; padding: 0px;}
.botonApp { margin-bottom: 14px; display: block; }
#cabeceraFREMM, #pie { display: none; }

.iTitulo {
    color: #516273;
    font-size: 24px;
}


.marginTop { margin-top: 18px; }
.negrita { font-weight: bolder; }
.centro { text-align: center; }
.izquierda { text-align: left; }
.derecha { text-align: right; }
.tope { vertical-align: top; }
.texto { text-align: left; }
.error {color: red; font-size: smaller;}
.blanco { color: white; }
.blanco:hover { color: white; text-transformation: none; }
.enlaceBlanco { color: white; }
.enlaceBlanco:hover { color: Orange; }
.lproductos { font-size: 15px; font-weight: normal; }
.nomostrar { display: none; }
.tituloSeccion {     font-size: 18px;
    line-height: 21px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(135, 135, 135);}

.tituloSubSeccion {
    font-size: 18px;
    line-height: 20px;
    display: block;
    text-transform: uppercase;
    color: rgb(18, 60, 86);	
}

.anuncioProducto {
	margin-bottom: 15px;
	background-color: #dadada;
	padding: 10px;
	border-radius: 10px;
}

.modal-header { background-color: #123c56; color: white; }

/************* Tabla Participantes ***********************/
.tabla-participantes { width: 100%; }
.mosaico-expositor:hover { background-color: #ff8c8c; }


.img-thumbnail {
	border: none;
	padding: 25px;
}


.tabla-participantes-imagen { 
/*	width: 33%; */
	width: 200px;
	vertical-align: top;
	padding: 5px;
}

.tabla-participantes-imagen img { width: 100%; height: auto; }
.tabla-participantes-texto { 
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #123c56;
    vertical-align: top;
}	

.tabla-participantes-producto {
	font-size: 14px;
	background-color: #cae1ff;
	border-radius: 8px;
	padding: 6px;
	margin: 2px;
	display: block;
	float: left;
}

/* Entidades */
.logoEntidad { max-width: 450px; text-align: center; width: 100%;}
.contactoEntidad {padding: 10px; }
.formularioBusqueda {
	background-color: #f9e27b;
	padding: 10px;
	border-radius: 10px;
	
}

/*********** Tabla Noticias ***************************/
.tabla-noticias {
	width: 100%;

}

.tabla-noticias-imagen { 
	width: 25%; 
	max-width: 200px;
	vertical-align: top;
/*	padding: 5px; */
	margin: 0 auto;
	margin-bottom: 10px;
}

.tabla-noticias-imagen img { width: 100%; height: auto; }
.tabla-noticias-texto, .itemAgenda { 
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #123c56;
    vertical-align: top;
}

.linea-noticias {
    padding-bottom: 10px;
    margin-bottom: 15px;	
}

.tabla-noticias-entradilla {
    vertical-align: top;
    font-size: 14px;
    color: #1d1d1b;
    font-weight: normal;
}

.iLeyenda {
	color: #ededed;
    font-size: 15px;
}

.titularIndexColumna { margin-bottom: 15px; }
.tabla-noticias-filas { margin-bottom: 15px; display: block; }

.texto, #capa-noticias, #capa-agenda, #capa-right {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 10px;
    text-align: left;
}

#capa-left {
    margin-top: 25px;
    margin-bottom: 25px;

    padding: 10px;
}


#capa-right { text-align: center; }
#capa-left { text-align: center; }


.noticiaFecha { font-size: smaller; color: #adadad; text-align: right; }

/* Tabla Mosaico Noticias */
.item-mosaico { margin-bottom: 20px; }
.item-mosaico-imagen {  }
.item-mosaico-imagen img { padding: 25px; width: 100%; }
.item-mosaico-texto { text-align: center; vertical-align: bottom; }
.nopadding { padding-left: 0px; padding-right: 0px; }

/* Tabla Mosaico Noticias Grande */
.item-mosaico-grande { margin-bottom: 20px; }
.item-mosaico-imagen-grande {  }
.item-mosaico-imagen-grande img { width: 100%; }
.item-mosaico-texto-grande { vertical-align: bottom; }
.infoNoticia-grande { font-size: large; }


/* Capa Agenda */
#tituloTarjeta { text-align: left; }
#tituloTarjeta { color: #123c56; text-decoarion: none; }
#tituloTarjeta:hover { text-decoration: none; color: Orange; }

/* Capa actualidad */
#capaActualidad {
	margin-bottom: 35px;
	padding-bottom: 15px;
}

#capaActualidad h3 {
	margin-bottom: 5px;
}


.myaccordion {
  max-width: 100%;
/*  box-shadow: 0 0 1px rgba(0,0,0,0.1);*/
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
/*  border: none;*/
}

.myaccordion .card-header {
  border-bottom-color: #EDEFF0;
  /*background: transparent;*/
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: bold;
  color: #004987;
  padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}

.tablaAgendaPortada, .tablaContacto { width: 100%; margin-bottom: 20px; }
.bottonAgenda { color: white; }

.tablaAgenda, .tablaContactar { background-color: #adadad; border-radius: 10px; width: 100%; padding: 15px; margin-bottom: 15px;}
.itemAgenda { margin-bottom: 15px; }

/******************* Enlaces **************************/
.enlacePieTabla {
    background-color: #6f869e; 
    color: white;
    padding: 5px;
    padding-left: 20px;
    font-size: 20px;
}



/******************************************************************************/
/********************** Pie ***************************************************/
/******************************************************************************/
#pie {
    background-color: #092149;
    padding: 30px;
    padding-bottom: 5px;
    color: white;      
    text-align: left;  
    font-size: 14px;
}

.pieEspecial { 
    float: none; 
    background-color: #516273;
    color: white;
    text-align: left;
    padding: 15px;    
}

.pieEspecialSize { font-size: 18px; }
#pieEspecialLink a:hover { color: orange; text-decoration: none; }

#pie a { color: #ededed; }
#pie div { margin-bottom: 10px; }

#pieGeneral {
	background-color: #092149;
	font-size: 16px;
	padding:20px;
	color: #e8edf3;	
}

#pieGeneral a { color: #ededed; }




#formSaludo {
	font-size: smaller;
	text-align: right;
	display: none;
}


/* Emergente RGPD */
#emergenteRGPD{
background-color:#000;
color:#fff;
position:fixed;
bottom:50px;
right:0px;
width:100%;
padding:10px 20px;
font-size:18px;
opacity:0.9;
display: none;
z-index: 100;
}

#emergenteRGPD a{color:#fff;}
#emergenteRGPD a:hover{color:#ccc;}
#emergenteRGPD p, #emergenteRGPD div{display:inline-block;}
#emergenteRGPD p{width:85%;}
#emergenteRGPD div{width:10%;padding:10px;border:1px solid #000;background-color:#ccc;text-align:center; /*position:absolute;*/top:10px;}
#emergenteRGPD div:hover{background-color:#c2c2c2;cursor:pointer;}


.close:not(:disabled):not(.disabled){
	color: white;
    font-weight: bold;
}