@CHARSET "ISO-8859-1";

BODY
{
  background-color: #f4f4f4;
  color: black;
  font-family: "Open Sans";
}

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;
}

#formSaludo {
	font-size: smaller;
	text-align: right;
	display: none;
}

#nombreLogin {
	margin-bottom: 0px;
}

#contenido {
    margin: 0 auto;
    background-color: white;
    max-width: 1280px;
    min-width: 300px;
    text-align: center;
    min-height: 200px;
    overflow: auto;
}

#formInscripcion {
	background-color: #dce6f2;
	padding: 12px;
	border-radius: 10px;
}

#capa-noticias table img {
	max-width: 250px;
	padding: 15px;
	align: center;
}


#banner img { width: 100%; }
.menuTop {background-color: #222651; z-index: 200; min-height: 30px;}
.menu li a { color: white; }

.menu li a:hover {
    color: #f6ff97; 
    background-color: #052eca; 
}

.menu-link span {
    border-bottom: solid 3px #fff;
    border-top: double 10px #fff;
}

a.menu-link { color: white; }

.menu.active {
    background-color: #182da7;
}



.cabeceraPrincipal { font-size: 26px; padding: 10px; font-weight: bolder; background-color: #222651; 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; }
.bloque { margin-bottom: 20px; }
.migaPan { font-size: smaller;}
.padding15 { padding: 15px; }
.padding25 { padding: 25px; }

.enlacePieTabla { background-color: #222651; margin-top: 10px; }
.enlaceBlanco  {color: white; }
.enlaceBlanco:hover {color: orange; }

.tituloSeccion {     font-size: 18px;
    line-height: 21px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    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);	
}

.tablaNoticias { display: none; }

/*
.anuncioProducto {
	margin-bottom: 15px;
	background-color: #dadada;
	padding: 10px;
	border-radius: 10px;
} */

.listaAnuncioProducto {
	/* margin-left: 30px; */ 
	list-style:none;
}

.listaAnuncioProducto li{ 
	/* padding: .3em 0 1em 40px; */  
	list-style-image: url(../imagenes/flecha-gris.png);
}

.img-thumbnail {
	border: none;
}

.carousel-item img {
	max-width: 300px;
	
}

.mosaico-expositor { max-height: 420px; }
.bloqueExpositores { padding-top: 15px; }
.item-mosaico-expositor:hover { background-color: #e2e0e0; }
.vmitad { vertical-align: middle; height: 100%; }

/************* Tabla Participantes ***********************/
.tabla-participantes { width: 100%; }

.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-left: 10px; padding-right: 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 { 
    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; }

/* Capa Agenda */
#tituloTarjeta { text-align: left; }
#tituloTarjeta { color: #123c56; text-decoarion: none; }
#tituloTarjeta:hover { text-decoration: none; color: Orange; }


.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; }

/**** Info Entidad ***/
.tituloInfoEntidad {
	display: none;
}

.contactoSombreado, .stand {
	background-color: #d2d7d8; 
	margin: 15px; 
	border-radius: 10px; 
	padding: 10px;
	margin-top: 0px;
}


/******************************************************************************/
/********************** Pie ***************************************************/
/******************************************************************************/
#pie {
    background-color: #222651;
    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: #010a4e;
	font-size: 11px;
	/* padding:10px; */
	color: #e8edf3;
}

#pieGeneral a { color: #ba9077; }


/* 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;
}

#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;}


/* Mybuttom */
.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}
