@CHARSET "ISO-8859-1";

/* 1. Poppins Regular */
@font-face {
  font-family: 'Poppins';
  src: url('../config/eventos/oap.fremm.es/font-poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400; /* Peso normal para Regular */
  font-style: normal;
}

/* 2. Poppins Italic */
@font-face {
  font-family: 'Poppins';
  src: url('../config/eventos/oap.fremm.es/font-poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400; /* Peso normal (Regular) */
  font-style: italic; /* Estilo cursiva */
}

/* 3. Poppins Bold */
@font-face {
  font-family: 'Poppins';
  src: url('../config/eventos/oap.fremm.es/font-poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700; /* Peso numérico para Bold */
  font-style: normal;
}

BODY
{
  background-color: silver;
  color: black;
	
/* Establece Poppins como la fuente principal */
  font-family: 'Poppins', Helvetica, Arial, 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;
}

#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 img { width: 100%; }
.menuTop {background-color: #8a94a1; z-index: 200; min-height: 30px;}

.menu li a {  
  color: white;
}

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

.menu.active {
	background: grey;
}


.cabeceraPrincipal { font-size: 26px; padding: 10px; font-weight: bolder; background-color: #8a94a1; color: white; }
.presentacion { text-align: left; padding: 10px;}
.slideshow { text-align: right; padding: 10px; }
.botonApp { margin-bottom: 14px; display: block; }

.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;
	border-right-color: #c6c6c6;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 10px;
    text-align: left;
}

#capa-left {
    margin-top: 25px;
    margin-bottom: 25px;
	border-right-color: #c6c6c6;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 10px;
}


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


.noticiaFecha { font-size: smaller; color: #8a94a1; 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: #f9e27b; 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: #8a94a1;
    padding: 20px;
    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: #1d2120;
	font-size: 11px;
	padding:10px;
	color: #e8edf3;
	padding: 0px;
}

#pieGeneral a { color: #ba9077; }




#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;
}