/*#282d59*/
/*rgba(40, 45, 89, 0.6)*/
/*#3d5663*/
/*rgba(61, 86,99, 0.6)*/

@media print, screen and (max-width: 39.9988em) {
  body:not(.browse) #content {
    padding: 0;
    margin: 0;
  }
body:not(.browse) #content {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0rem 0
}
/*estilos de la página de contribuciones*/

#collecting_form_1 .inputs{
    width: 70%;
}

.collecting-map{
    z-index: 10;
}

input[type="submit"]{
   background-color: #282d59 !important;
}

}
/*fin de los estilos de la página de contribuciones*/

a.resource-link span{
 /*  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;*/
  width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
span.value-content .resource-link img{
   width: 5rem !important;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, 
svg.leaflet-image-layer.leaflet-interactive path{
    stroke: grey !important;
    fill: #3d5663 !important;
}

/*color de los puntos del mapa*/
.marker-cluster-small div{
    background-color: #282d59;
}

.marker-cluster-small{
   background-color: rgba(40, 45, 89, 0.6);
}

.marker-cluster-medium div{
    background-color: #3d5663;
}

.marker-cluster-medium {
   background-color: rgba(61, 86,99, 0.6);
}

.marker-cluster-medium span {
  color:white;
}
.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;
        color: #ffffff
	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
        color: #ffffff
	}

header{
   width: 100%;
}

input.input-group-field{
        height: 2.4375rem;
}

.texthome{
  display: block;
  float: left;
  text-indent: 0pt;
  text-align: left;
  margin-bottom: 50px;
}

.texthome p{
   line-height: 1.9;
}

.texthome a:hover{
   color: #282d59;
}

.titlehome {
    position: relative; /* Posición relativa para el título */
    color: #282d59; /* Color del título */
    text-align: center; /* Alineación del texto */
}
.banner.contained {
/*  padding-right: 0.625rem;
  padding-left: 0.625rem;*/
   padding-right: 0px !important;
   padding-left: 0px !important;
/*  max-width: 75rem;*/
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}


div.mapping-block {
  margin-bottom: 80px;
}

/*Estilos de los mapas*/

/*para quitar en el mapa el ícono de cambiar la vista*/
a.leaflet-control-layers-toggle{
 display: none;
}

/*estilos de las ventanas popup*/
.ViewMore{
     padding-top: 5px;
}

.ViewMore a{
   color: black;
   text-decoration: underline;
}

.ViewMore a:hover{
   color: #282d59;
}

.mapping-marker-popup-content p{
    margin-top: 0px;
}

div.mapping-marker-popup-content h3{
  display: flex !important;
}

@media print, screen and (min-width: 40em) {
   div.mapping-marker-popup-content h3 {
       font-size:  1.1775rem;
  }
}

/*Fin de los estilos de los mapas*/

.code{
  background: transparent;b
  border: none;
  font-family: Clear Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 2.5rem;
  color: #000000;
}

/*imágenes de colecciones más pequeñas en la página de resultados de la búsqueda*/
a.resource-link img{
  width: 15% !important;
  height: auto !important;
}

/*espacio entre los resultados de la búsqueda*/
div.items.results li{
    padding-right: 25px  !important;
 }

/*línea azul del footer a tamaño de pantalla*/
hr{
max-width: 100rem;
}

/*para ocultar el ver todos los recursos en la vista detalle de los items*/
a.metadata-browse-link{
     display: none;
}

/*ocultar filtros*/
.filter{
 display: none;
}

/* aires en la vista detalle de una ficha */
.values {
  margin: 0 !important;
  padding: 0 !important;
}

dl.value {
  margin-bottom: 1rem !important;
}

div.property dt {
  padding-top: 1rem;
}
.blocks {
   margin-top: 40px;
   position: relative;
}

.blocks > h2:first-child
{
  margin-top: 60px;
}

/*poner home a todo lo ancho*/
/*body:not(.browse) #content {
   max-width: 90%;
}*/

/*.item resource{
  text-align: center;
}*/
/*hasta aquí poner home a todo lo ancho*/

/*aire a algunos elementos*/
dt{
  padding-top: 2rem;
}
div.browse-controls.closed{
  padding-top: 2rem;
}

/*quitar la imagen del contiene en la vista detalle*/
.values .resource-link img{
display: none;
max-width: 100%;
width: 6rem;
height: auto;
min-width: 1px;
border: 4px solid #fefefe;
}

/* quitar cartel de conjunto de fichas en el detalle de las colecciones*/

#content h3{
   display: none;
}

 .preview-header h3{
     display: flex !important;
}
.home{
    display: flex !important;
}
/*hasta aquí quitar cartel de conjunto de fichas en el detalle de las colecciones*/


/*imágenes de (propietario y es parte de) en la vista detalle*/
.resource.show .values .resource-link img{
   max-width: 100%;
   width: 6rem;
   height: auto;
   min-width: 1px;
}

/*los medios en la vista detalle*/
.resource.show .values.media .resource-link img{
   max-width: 100%;
   /*width: 150px;*/
   width: 8rem;
   height: auto;
   min-width: 1px;
}

.resource.show .resource-link {
    width: 100%;
}

.items  a.resource-link  {
    /*width: 30% !important;*/
      width: 100% !important;
}

/*imagenes de la Hemeroteca*/
dl.value.resource.item_sets {
/*display: inline-block;*/
max-width: 100%;
margin-bottom: 3rem;
}

/*linea azul del buscardor en hover VER
a.resource-link{
  background:green
}*/

/*option .op:hover {
  background:green
}*/

/*subrayado a los links de las fichas para destacar que son enlaces*/

.value .resource-link span.resource-name,
a.metadata-browse-direct-link,
dd.value,
a.metadata-browse-link
{
text-decoration: underline;
}

/*espacio para los elementos de Materia en cada ficha*/
dl.value{
padding-left: 1rem;

}
/*espacio para los elementos de conjunto de  fichas*/
dd.value{
padding-left: 1rem;

}

/*para cortar los títulos en 2 líneas*/

div.resource-meta a{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*text-overflow: ellipsis; */
}

/*títulos de los resultados de la búsqueda acortados*/
li span.resource-name{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*margen superior de la primera propiedad m{as pequeño*/
.resource.show .grid-x {
    padding-top: 1rem;
}

/*margen superior para ver el titulo completo de las fichas*/
div.resource-title{
padding-top: 7rem;
}
/*separar el titulo de la foto en la hemeroteca*/
/*span.resource-name{
padding-left: 1rem;
}*/


/*Margen superior de las paginas que no tienen banner*/
#content{
padding: 8rem 1rem;
}
.lineadetiempo_ohch #content{
    padding: 0;
}

/*Personalizado del h4 para que se muestre como el h3
h4{
clear: left;
font-size: 1rem;
line-height: 1.5rem;
margin: .5rem 0 0;
}*/

/* h10 para la personalidad principal con estilo h4
h10{
font-size: 1.5625rem;
}*/

/*Poner  las colecciones asociadas en filas*/
.values {
  margin: 1rem 0;
  padding: calc(1rem - 1px) 0 0;
  overflow: hidden;
  text-align: initial;
  clear: both;
/*  display: flex; */  /*está comentado para que los valores de las propiedades salgan hacia abajo y no hacia el lado (valorar con Alaina)*/
  flex-wrap: wrap;
}

/*logo del footer sw3*/
.izquierda{ 
padding-top:2rem;
padding-left:1.8rem;
}

/*logos del footer*/
.derecha{ 
max-height:40%;
padding-right:1.8rem;
max-width: 55%;
}

/*.contenedor-imagenes{ 
display:flex;
}*/

/*div.linea{
    border-color:#195878;
   background-color:#195878;
}*/

hr.pruebahr{
     height: 0.5px;
     border-color:#195878;
     background-color: #195878;
     margin: 5rem 0;
}

/*fondo blanco en la páginas*/

body.page.inicio.dropdown-menu{ background-color: white;}
body.item.resource.browse.dropdown-menu{ background-color: white;}
body.item-set.resource.browse.dropdown-menu{ background-color: white;}
body.item.resource.show.dropdown-menu{ background-color: white;}
body.page.tematicas.dropdown-menu{ background-color: white;}
body.faceted-browse-page.resource.browse.dropdown-menu{ background-color: white;}
body.items.search.dropdown-menu{ background-color: white;}
body.page.quienessomos.dropdown-menu{ background-color: white;}
body.index.search.dropdown-menu{ background-color: white;}
body.page.personalidades.dropdown-menu{ background: white;}
thead{ background:#fff ;}
tbody tr:nth-child(even){ background-color:#ffffff ;}

/*Vista movil*/

/*@media handheld, only screen and (max-width:  767px) {*/
@media only screen and (max-width: 768px) {
.lineadetiempo_ohch .banner {
	display: none !important;
}
#content{
    width: 100%;
}
.lineadetiempo_ohch .bannermovil{
     display: flex !important;
     width: 100%;
      margin-bottom: 40px;
      margin-top: 60px;
}

thead th{
 font-size: 15px;
}

a.resource-link span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100px;
}

.banner {
  padding-top: 120px !important;
  width: 100%;
}

#contact {
  padding-left: 30px !important;
}
#contact h5{
  margin-top: auto;
}

div.banner.fullbleed{
 padding-top: 70px; 
  width: 100% ;
}

.banner.fullbleed img{
  width: 100%;
}

body{
  width: 100% !important ;
}
div.off-canvas-content{
 /* width: 105% !important ;*/
   width: 100% !important ;
  /*border-color: #F7CA79;
  border-style: solid;*/
}

div.mySlides{
 padding-left: 10%;
}

/*Carrusel vista móvil*/
.carousel-block {
display:none;
}

/*Carrusel vista móvil líneas*/
.linea {
display:none;
}

/*Carrusel vista móvil líneas transparentes*/
.break transparent {
   display:none;
}
hr.pruebahr{
  display:none;
}

/*para que el visor del iiif se vea más pequeño en la vista móvil*/
.openseadragon-canvas{
  width: 80% !important;
  height: 80% !important;
}

/*shortcode de cantidad de items en la página de inicio en la vista móvil*/
.codediv{
  z-index: 1000;
  position: absolute;
  top: 122px;
  left: 159px;
}
.code{
  background: transparent;
  border: none;
  font-family: Clear Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 0.5rem;
  color: #16391C;
}

}


@media only screen and (max-width: 500px) {

.banner {
  padding-top: 20px !important;
  width: 100%;
}
#contact {
  padding-left: 30px !important;
}
#contact h5{
  margin-top: auto;
}

div.banner.fullbleed{
 padding-top: 70px; 
  width: 100% ;
}

.banner.fullbleed img{
  width: 100%;
}

body{
  width: 100% !important ;
}
div.off-canvas-content{
 /* width: 105% !important ;*/
   width: 100% !important ;
  /*border-color: #F7CA79;
  border-style: solid;*/
}

div.mySlides{
 padding-left: 10%;
}
.carousel-block  {
display:none;
}

.linea  {
display:none;
}

.break transparent  {
display:none;
}

}


/*ajustes del footer */
.footer-BIG.footer-big{ background-color: #444647;}
footer{ 
background-color: #444647;
margin:0 ;
max-width: 100%;
}

/*#444647*/
/*#000000f*/
/*#9AA1A6*/

/*divisores azules de 1 px*/

div.break.opaque {
border-top: 1px solid #282d59;
 border-color: #282d59;
background-color: #282d59;
margin: 3rem 0;

}

/*menú superior siempre visible*/
.top-bar {
    width: 100%;
    position: fixed;
    z-index: 100;
}

.banner {
    padding-top: 170px;
     width: 100%;
}


/*estilos menú superior*/

#responsive-menu {
     padding-right: 10px;
}

#avanzada {
      width: 100%;
}

#avanzada a.advanced-search{
     text-decoration: underline;      /*palabra Avanzada del buscar subrayada*/
     padding-left:1px;
     color: #fafafa;
     font-size: small;
}

#advanced-search{
     margin-top: 50px;
}

#avanzada a:hover, a:focus {
    color:  #195878;
}


/*hasta aquí*/


/* estilos del contenido del footer*/

#contact {
       padding-left: 70px;
}

#about {
        padding-right: 70px; 
        padding-top: 35px;
}

#catalog {
    margin-top: 10px  !important;
}
/*hasta aquí*/

.prueba {
    background-color: #13110e00;
}


.thumbnail, .media-list img {
border: 0px solid #fefefe;
}


/*botones de la búsqueda avanzada*/

button.grid.o-icon-grid{background-color:#195878;}
button.list.o-icon-list {background-color:#195878;}
.inputs label.numeric-toggle-time.button{background-color:#195878;}
.button, [class^=numeric-] label.numeric-toggle-time.button, [class^=numeric-] label.numeric-toggle-time[type=submit], [class^=numeric-] label.numeric-toggle-time[type=button], [class*=numeric-] label.numeric-toggle-time.button, [class*=numeric-] label.numeric-toggle-time[type=submit], [class*=numeric-] label.numeric-toggle-time[type=button], .site-page-pagination>a, [type=submit], [type=button], .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus{background-color:#195878;}
h3.label{background-color:#195878;}
.label, .filter-value, .filter-label{background-color:#195878;}


/*Nombre del sitio en blanco*/
span.title { color:  #000;   /*#ffffffff*/ }

/*Imagen del logo*/
.site-title img{max-height: 5rem;}

/*Menu principal*/
.top-bar {background-color: #2e2e2e;}
.button.button {background-color: #195878;}
.dropdown.menu {background-color:  #2e2e2e;}    /*#333333 */
.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
   background: #2e2e2e;
    color: #195878; }
a.nav-header{ color: white; }
 .top-bar ul {
    background-color: #2e2e2e
}

/*Menu principal en vista movil*/
.off-canvas.is-open{background-color:#2e2e2e;}
a.nav-header{background-color:#2e2e2e;}
.fa-bars:before, .o-icon-menu:before{color:white;}
.button:hover, [class^=numeric-] label.numeric-toggle-time.button:hover, [class^=numeric-] label.numeric-toggle-time[type=submit]:hover, [class^=numeric-] label.numeric-toggle-time[type=button]:hover, [class*=numeric-] label.numeric-toggle-time.button:hover, [class*=numeric-] label.numeric-toggle-time[type=submit]:hover, [class*=numeric-] label.numeric-toggle-time[type=button]:hover, .site-page-pagination>a:hover, [type=submit]:hover, [type=button]:hover, .button:focus, [class^=numeric-] label.numeric-toggle-time.button:focus, [class^=numeric-] label.numeric-toggle-time[type=submit]:focus, [class^=numeric-] label.numeric-toggle-time[type=button]:focus, [class*=numeric-] label.numeric-toggle-time.button:focus, [class*=numeric-] label.numeric-toggle-time[type=submit]:focus, [class*=numeric-] label.numeric-toggle-time[type=button]:focus, .site-page-pagination>a:focus, [type=submit]:focus, [type=button]:focus{background-color:#195878;}



/*submenus del menu principal*/
a.dropdown-toggle{ color: white; }
.dropdown.menu>li.is-dropdown-submenu-parent>a::after { 
border-color:  white transparent transparent;}
.dropdown.menu>li.is-active { color:  white ;}
.menu .active>a { color:  white ;}
.dropdown.menu>li.is-dropdown-submenu-parent.active:hover>a{color: white;}
.dropdown.menu>li.is-active>a {color: white;}
.dropdown.menu>li.is-dropdown-submenu-parent.active:hover>a{background-color:  #2e2e2e;}

/*botones de navegación*/
.site-page-pagination>a{   
background-color: #000000; }
.site-page-pagination>a:hover:not([disabled]) {
   background-color: #000000;  

}


/*Enlaces*/
a { color: #000000;}
a:hover, a:focus {
    color: #195878;
}

/*Body color*/
body  {background: #ffffff;}






/* Esto esta de más, pone los texto de color azul cuando lo marcas
.item-showcase:hover a {
 color:  #195878  !important;
}

.resource.item:hover a {
 color:  #195878 !important;
}
*/


/*Para el fondo de las personalidades*/
.item-showcase .resource.item {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin: 15px;
    padding: 15px !important;
    background: #13110e00;    /* El que tenia #f5f3ef*/
	border: thin solid ##eeeeee03; /*El que tenia # eee*/
	transition: box-shadow .3s ease-out,background-size .3s ease-out;	
}
.item.resource .caption {
 font-size:.875rem;
 line-height:1.5rem
}
.item.resource .caption * {
 margin:0 0 1rem 0
}
.item.resource .caption>*:last-child {
 margin-bottom:0
}
.item-showcase .resource.item {
 vertical-align:top;
 margin-bottom:1rem
}
.item-showcase .resource.item img {
 margin-right:.5rem;
 max-width:100%
}
.item-showcase .resource.item:only-child img {
 margin:0 auto
}
.item-showcase .resource.item:not(:only-child) {
 width:20%;
 clear:none;
 padding:0 .5rem
}
.item-showcase .resource.item:not(:only-child) h3 {
 clear:left;
 font-size:1rem;
 line-height:1.5rem;
 margin:.5rem 0 0
}
.item-showcase .resource.item:not(:only-child) img {
 max-height:10rem; /*7*/
 width:inherit; /*auto*/
 float:none;
 margin-right:0;
 vertical-align:top
}
.right,
.left {
 overflow:hidden;
 max-width:33.33%
}
.left .item.resource,
.right .item.resource {
 margin:0 0 1rem 0
}
.left .item.resource:first-of-type,
.right .item.resource:first-of-type {
 padding-top:calc(1rem - 1px);
 margin-top:0
}
.left .item.resource:last-of-type,
.right .item.resource:last-of-type {
 padding-bottom:-1px
}
.left .item.resource .media-render a,
.right .item.resource .media-render a {
 display:block
}
.left .item.resource audio,
.left .item.resource canvas,
.left .item.resource video,
.left .item.resource progress,
.left .item.resource img,
.right .item.resource audio,
.right .item.resource canvas,
.right .item.resource video,
.right .item.resource progress,
.right .item.resource img {
 max-width:100%;
 vertical-align:bottom;
 margin-bottom:.5rem
}
.file {
 border-top:1px solid #dfdfdf;
 border-bottom:1px solid #dfdfdf;
 margin-top:1rem;
 margin-bottom:1rem
}
.left.file {
 float:left;
 clear:left;
 margin:0 1rem 1rem 0
}
.right.file {
 float:right;
 clear:right;
 margin:0 0 1rem 1rem
}
.center.file {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 text-align:center
}
.center.file .item {
 width:100%
}
.left .item.resource>a:first-child,
.right .item.resource>a:first-child {
 vertical-align:top
}
.medium .item.resource>h3,
.square .item.resource>h3 {
 font-size:16px;
 line-height:1.5rem
}
.left .item.resource>h3,
.right .item.resource>h3 {
 margin:0
}
.left .item.resource+p,
.right .item.resource+p {
 margin-top:0
}
.break {
 width:100%;
 clear:both;
 border-bottom:1px solid #dfdfdf;
 padding-bottom:-1px;
 margin:1rem 0
}
.break.transparent {
 border-color:transparent
}
.break.opaque {
 border-color:#dfdfdf
}
.preview-block {
 margin:1rem 0;
/* overflow:hidden;*/
 width:100%;
 clear:both
}
.toc-block>ul {
 margin:1rem 0;
 list-style-type:none;
 border-left:5px solid #dfdfdf
}
.toc-block>ul>li {
 margin-bottom:.5rem
}
.toc-block>ul>li>a {
 font-weight:bold
}
.toc-block ul ul {
 list-style-type:none;
 padding-left:0
}
.toc-block ul ul ul {
 padding-left:1.25em
}
.toc-block ul ul li:before {
 content:"\2014";
 color:#dfdfdf
}
.item-with-metadata {
 width:100%;
 overflow:hidden;
 margin:1rem 0
}
.item-with-metadata .show.resource {
 margin:2rem 0
}
.list-of-sites .site-list .site {
 margin-bottom:.5rem
}
.list-of-sites .site-list .site-link {
 display:inline-block;
 font-size:1.25rem;
 margin-bottom:.25rem
}
.list-of-sites .site-list .site-summary {
 margin:0 0 0 .5rem;
 line-height:20px
}


/*PPPPPPPPPPPPPPPPPPPPPPP*/

/* Estilos generales para el cuerpo del correo */
body {
  width: 100% !important;
  height: 100% !important;
  padding: 0;
  margin: 0 auto !important; /* Centrar el correo en Android 4.4 + Samsung Mail */
  background: #ececec;
  -webkit-text-size-adjust: none; /* Evitar que WebKit y Windows Mobile cambien el tamaño del texto */
  -ms-text-size-adjust: 100%;
}

/* Estilos generales para las tablas */
table {
  border-collapse: collapse !important; /* Eliminar espacios entre celdas */
  mso-table-lspace: 0pt; /* Compatibilidad con Outlook */
  mso-table-rspace: 0pt; /* Compatibilidad con Outlook */
}

/* Estilos generales para las imágenes */
img {
  border: 0;
  line-height: 100%;
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic; /* Imágenes redimensionadas más suaves en IE */
}

/* Estilos responsivos para pantallas pequeñas */
@media screen and (max-width: 580px) {
  .container {
    width: 80vw !important; /* Asegurar que el contenedor ocupa todo el ancho */
  }

  .rwd-line {
    display: block;
  }

  .center {
    margin: 0 auto !important;
    text-align: center !important;
  }

  .img {
    width: 100% !important;
    height: auto !important; /* Mantener la proporción de las imágenes */
  }

  .width100 {
    width: 100% !important; /* Ajustar el ancho al 100% */
  }

  .mobilehide {
    display: none !important; /* Ocultar elementos en móviles */
  }
}

/* Estilos específicos para dispositivos con alta densidad de píxeles */
@media screen and (-webkit-min-device-pixel-ratio: 0), screen and (min--moz-device-pixel-ratio: 0) {
  @supports (color: #ffffff) {
    .fallback {
      display: none !important; /* Ocultar el contenido de fallback */
    }

    .carousel-container,
    .carousel-viewport {
      display: block !important;
      width: 600px;
      height: 400px;
    }

    .carousel-viewport {
      background-image: url("https://source.unsplash.com/random/1800x1200");
      background-size: 1800px 1200px;
      background-position: center center;
      transition: background-position 0.3s linear;
      -webkit-transition: background-position 0.3s linear;
    }
  }
}

    /* Nav markers */
    .slide {
      display: none;
      width: 600px;
      height: 400px;
      position: relative;
      animation: fadeIn linear 0.7s;
      -webkit-animation: fadeIn linear 0.7s;
    }
    .slide label {
      position: absolute;
      width: 28px;
      height: 52px;
      font-size: 50px;
      color: #fff;
    }

    .slide label img {
      width: 100%;
      animation: pulse 1.5s ease-in-out infinite;
      -webkit-animation: pulse 1.5s ease-in-out infinite;
    }

    label.up {
      top: 10px;
      left: 50%;
      transform: translateX(-50%) rotate(-90deg);
      -webkit-transform: translateX(-50%) rotate(-90deg);
    }
    label.left {
      top: 50%;
      left: 10px;
      transform: translateY(-50%) rotate(-180deg);
      -webkit-transform: translateY(-50%) rotate(-180deg);
    }
    label.right {
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    label.down {
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%) rotate(90deg);
      -webkit-transform: translateX(-50%) rotate(90deg);
    }

    /* CHECK CONTROLS */
    #slide1:checked ~ div .slide-tl {
      display: block !important;
    }
    #slide1:checked ~ .carousel-viewport {
      background-position: left top;
    }

    #slide2:checked ~ div .slide-tc {
      display: block !important;
    }
    #slide2:checked ~ .carousel-viewport {
      background-position: center top;
    }

    #slide3:checked ~ div .slide-tr {
      display: block !important;
    }
    #slide3:checked ~ .carousel-viewport {
      background-position: right top;
    }

    #slide4:checked ~ div .slide-ml {
      display: block !important;
    }
    #slide4:checked ~ .carousel-viewport {
      background-position: left center;
    }

    #slide5:checked ~ div .slide-mid {
      display: block !important;
    }
    #slide5:checked ~ .carousel-viewport {
      background-position: center center;
    }

    #slide6:checked ~ div .slide-mr {
      display: block !important;
    }
    #slide6:checked ~ .carousel-viewport {
      background-position: right center;
    }

    #slide7:checked ~ div .slide-bl {
      display: block !important;
    }
    #slide7:checked ~ .carousel-viewport {
      background-position: left bottom;
    }

    #slide8:checked ~ div .slide-bc {
      display: block !important;
    }
    #slide8:checked ~ .carousel-viewport {
      background-position: center bottom;
    }

    #slide9:checked ~ div .slide-br {
      display: block !important;
    }
    #slide9:checked ~ .carousel-viewport {
      background-position: right bottom;
    }

    @media screen and (max-width: 580px) {
      .carousel-container,
      .carousel-viewport,
      .slide {
        width: 100vw !important;
        height: 66vw !important;
      }

      .carousel-viewport {
        background-size: 300vw 198vw !important;
      }
    }

    /* fallbacks */
    div[class~="aolmail_fallback"],
    #MessageViewBody .fallback {
      display: block !important;
    }

    div[class~="aolmail_carousel-container"],
    #MessageViewBody .carousel-container {
      display: none !important;
    }

    @keyframes pulse {
      0% {
        transform: scale(1, 1);
      }
      50% {
        transform: scale(1.1, 1.1);
      }
      100% {
        transform: scale(1, 1);
      }
    }
    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1, 1);
      }
      50% {
        -webkit-transform: scale(1.1, 1.1);
      }
      100% {
        -webkit-transform: scale(1, 1);
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
  }
}


 /*Footer (último )*/
@media only screen and (max-width: 576px ) {

.lineadetiempo_ohch .banner {
	display: none !important;
}
#content{
    width: 100%;
}
.lineadetiempo_ohch .bannermovil{
     display: flex !important;
     width: 100%;
      margin-bottom: 40px;
      margin-top: 60px;
}

 .content .logo-foter {
		display: block;
		width: 18%;
		height: 25%;
		border-radius: 50%;
		position: relative;
		top: 0;
		float: right;
		left: 0px;
		right: 0px;
		bottom: 0;
		padding: 0px;
		margin: 0px;
	}
	.footer-big .row {
	  font-size: 15px;
	  display: table;
	  padding: 3px
	}
	.col-md-6 {
	  
	  width: 130%;
	  background: #f5f5f5
	}
	.copyright p {
	  display: inline-block;
	  padding: 0px;
	  margin: 0px;
	  font-size: 11px;
	}
	
}
@media only screen and (min-width: 577px)  and (max-width: 959px) {
 .content .logo-foter {
		display: inline-block;
		width: 18%;
		height: 25%;
		border-radius: 50%;
		position: relative;
		top: 0;
		float: right;
		left: 0px;
		right: 0px;
		bottom: 0;
		padding: 0px;
		margin: 0px;
	}
	.footer-big .row {
	  font-size: 17px;
	  display: table;
	  padding: 3px
	}
	.col-md-8 {
	  -webkit-box-flex:0;
	  -ms-flex:0 0 66.666667%;
	  flex:0 0 66.666667%;
	  max-width:66.666667%
	  }
	
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 30px;
}

@media (min-width:576px) {
 .col-sm {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-sm-auto {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-sm-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-sm-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-sm-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-sm-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-sm-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-sm-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-sm-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-sm-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-sm-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-sm-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-sm-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-sm-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .order-sm-first {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .order-sm-last {
  -webkit-box-ordinal-group:14;
  -ms-flex-order:13;
  order:13
 }
 .order-sm-0 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0
 }
 .order-sm-1 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .order-sm-2 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .order-sm-3 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
 }
 .order-sm-4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4
 }
 .order-sm-5 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5
 }
 .order-sm-6 {
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6
 }
 .order-sm-7 {
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7
 }
 .order-sm-8 {
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8
 }
 .order-sm-9 {
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9
 }
 .order-sm-10 {
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10
 }
 .order-sm-11 {
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11
 }
 .order-sm-12 {
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12
 }
 .offset-sm-0 {
  margin-left:0
 }
 .offset-sm-1 {
  margin-left:8.333333%
 }
 .offset-sm-2 {
  margin-left:16.666667%
 }
 .offset-sm-3 {
  margin-left:25%
 }
 .offset-sm-4 {
  margin-left:33.333333%
 }
 .offset-sm-5 {
  margin-left:41.666667%
 }
 .offset-sm-6 {
  margin-left:50%
 }
 .offset-sm-7 {
  margin-left:58.333333%
 }
 .offset-sm-8 {
  margin-left:66.666667%
 }
 .offset-sm-9 {
  margin-left:75%
 }
 .offset-sm-10 {
  margin-left:83.333333%
 }
 .offset-sm-11 {
  margin-left:91.666667%
 }
}
@media (min-width:577px) {
 .col-md {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-md-auto {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-md-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-md-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-md-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-md-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-md-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-md-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-md-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-md-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-md-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-md-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-md-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-md-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .order-md-first {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .order-md-last {
  -webkit-box-ordinal-group:14;
  -ms-flex-order:13;
  order:13
 }
 .order-md-0 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0
 }
 .order-md-1 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .order-md-2 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .order-md-3 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
 }
 .order-md-4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4
 }
 .order-md-5 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5
 }
 .order-md-6 {
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6
 }
 .order-md-7 {
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7
 }
 .order-md-8 {
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8
 }
 .order-md-9 {
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9
 }
 .order-md-10 {
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10
 }
 .order-md-11 {
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11
 }
 .order-md-12 {
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12
 }
 .offset-md-0 {
  margin-left:0
 }
 .offset-md-1 {
  margin-left:8.333333%
 }
 .offset-md-2 {
  margin-left:16.666667%
 }
 .offset-md-3 {
  margin-left:25%
 }
 .offset-md-4 {
  margin-left:33.333333%
 }
 .offset-md-5 {
  margin-left:41.666667%
 }
 .offset-md-6 {
  margin-left:50%
 }
 .offset-md-7 {
  margin-left:58.333333%
 }
 .offset-md-8 {
  margin-left:66.666667%
 }
 .offset-md-9 {
  margin-left:75%
 }
 .offset-md-10 {
  margin-left:83.333333%
 }
 .offset-md-11 {
  margin-left:91.666667%
 }
}
@media (min-width:992px) {
 .col-lg {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-lg-auto {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-lg-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-lg-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-lg-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-lg-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-lg-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-lg-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-lg-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-lg-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-lg-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-lg-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-lg-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-lg-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .order-lg-first {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .order-lg-last {
  -webkit-box-ordinal-group:14;
  -ms-flex-order:13;
  order:13
 }
 .order-lg-0 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0
 }
 .order-lg-1 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .order-lg-2 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .order-lg-3 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
 }
 .order-lg-4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4
 }
 .order-lg-5 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5
 }
 .order-lg-6 {
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6
 }
 .order-lg-7 {
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7
 }
 .order-lg-8 {
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8
 }
 .order-lg-9 {
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9
 }
 .order-lg-10 {
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10
 }
 .order-lg-11 {
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11
 }
 .order-lg-12 {
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12
 }
 .offset-lg-0 {
  margin-left:0
 }
 .offset-lg-1 {
  margin-left:8.333333%
 }
 .offset-lg-2 {
  margin-left:16.666667%
 }
 .offset-lg-3 {
  margin-left:25%
 }
 .offset-lg-4 {
  margin-left:33.333333%
 }
 .offset-lg-5 {
  margin-left:41.666667%
 }
 .offset-lg-6 {
  margin-left:50%
 }
 .offset-lg-7 {
  margin-left:58.333333%
 }
 .offset-lg-8 {
  margin-left:66.666667%
 }
 .offset-lg-9 {
  margin-left:75%
 }
 .offset-lg-10 {
  margin-left:83.333333%
 }
 .offset-lg-11 {
  margin-left:91.666667%
 }
}
@media (min-width:1200px) {
 .col-xl {
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%
 }
 .col-xl-auto {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:auto;
  max-width:none
 }
 .col-xl-1 {
  -webkit-box-flex:0;
  -ms-flex:0 0 8.333333%;
  flex:0 0 8.333333%;
  max-width:8.333333%
 }
 .col-xl-2 {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.666667%;
  flex:0 0 16.666667%;
  max-width:16.666667%
 }
 .col-xl-3 {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  max-width:25%
 }
 .col-xl-4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.333333%;
  flex:0 0 33.333333%;
  max-width:33.333333%
 }
 .col-xl-5 {
  -webkit-box-flex:0;
  -ms-flex:0 0 41.666667%;
  flex:0 0 41.666667%;
  max-width:41.666667%
 }
 .col-xl-6 {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%
 }
 .col-xl-7 {
  -webkit-box-flex:0;
  -ms-flex:0 0 58.333333%;
  flex:0 0 58.333333%;
  max-width:58.333333%
 }
 .col-xl-8 {
  -webkit-box-flex:0;
  -ms-flex:0 0 66.666667%;
  flex:0 0 66.666667%;
  max-width:66.666667%
 }
 .col-xl-9 {
  -webkit-box-flex:0;
  -ms-flex:0 0 75%;
  flex:0 0 75%;
  max-width:75%
 }
 .col-xl-10 {
  -webkit-box-flex:0;
  -ms-flex:0 0 83.333333%;
  flex:0 0 83.333333%;
  max-width:83.333333%
 }
 .col-xl-11 {
  -webkit-box-flex:0;
  -ms-flex:0 0 91.666667%;
  flex:0 0 91.666667%;
  max-width:91.666667%
 }
 .col-xl-12 {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  max-width:100%
 }
 .order-xl-first {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:-1;
  order:-1
 }
 .order-xl-last {
  -webkit-box-ordinal-group:14;
  -ms-flex-order:13;
  order:13
 }
 .order-xl-0 {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:0;
  order:0
 }
 .order-xl-1 {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1
 }
 .order-xl-2 {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
 }
 .order-xl-3 {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
 }
 .order-xl-4 {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:4;
  order:4
 }
 .order-xl-5 {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:5;
  order:5
 }
 .order-xl-6 {
  -webkit-box-ordinal-group:7;
  -ms-flex-order:6;
  order:6
 }
 .order-xl-7 {
  -webkit-box-ordinal-group:8;
  -ms-flex-order:7;
  order:7
 }
 .order-xl-8 {
  -webkit-box-ordinal-group:9;
  -ms-flex-order:8;
  order:8
 }
 .order-xl-9 {
  -webkit-box-ordinal-group:10;
  -ms-flex-order:9;
  order:9
 }
 .order-xl-10 {
  -webkit-box-ordinal-group:11;
  -ms-flex-order:10;
  order:10
 }
 .order-xl-11 {
  -webkit-box-ordinal-group:12;
  -ms-flex-order:11;
  order:11
 }
 .order-xl-12 {
  -webkit-box-ordinal-group:13;
  -ms-flex-order:12;
  order:12
 }
 .offset-xl-0 {
  margin-left:0
 }
 .offset-xl-1 {
  margin-left:8.333333%
 }
 .offset-xl-2 {
  margin-left:16.666667%
 }
 .offset-xl-3 {
  margin-left:25%
 }
 .offset-xl-4 {
  margin-left:33.333333%
 }
 .offset-xl-5 {
  margin-left:41.666667%
 }
 .offset-xl-6 {
  margin-left:50%
 }
 .offset-xl-7 {
  margin-left:58.333333%
 }
 .offset-xl-8 {
  margin-left:66.666667%
 }
 .offset-xl-9 {
  margin-left:75%
 }
 .offset-xl-10 {
  margin-left:83.333333%
 }
 .offset-xl-11 {
  margin-left:91.666667%
 }
}
/*
*
* BIG BlACK FOOTER
*
*/


.footer-BIG::after {
    display: table;
    clear: both;
    content: " ";
    background: transparent;
}

/*
*
* TEMA DARK
*
*/
[data-background-color="gray"] {
  background-color: #eeeeee;
}
[data-background-color="gray"]
[data-color]:not([data-color="dark-blue"]) p, 
[data-color]:not([data-color="dark-blue"]) h4,
[data-color]:not([data-color="dark-blue"]) h5,
[data-color]:not([data-color="dark-blue"]) a,
[data-color]:not([data-color="dark-blue"]) {
  color: #232323;
}
[data-color]:not([data-color="dark-blue"]) a:hover {
	color: #585858;
	webkit-transition: all 500ms ease ;
	-o-transition: all 500ms ease ;
	transition: all 500ms ease ;
	text-decoration: none;

}
/*
*
* FIN TEMA DARK
*
*/


/*
*
* TEMA DARK
*
*/
[data-background-color="dark-blue"] {
    background-color: #ececec;
  }
  [data-color]:not([data-color="dark-blue"]) p, 
  [data-color]:not([data-color="dark-blue"]) h4,
  [data-color]:not([data-color="dark-blue"]) h5,
  [data-color]:not([data-color="dark-blue"]) a,
  [data-color]:not([data-color="dark-blue"]) {
    color: #232323;
  }
  [data-color]:not([data-color="dark-blue"]) a:hover {
      color: #585858;
      webkit-transition: all 500ms ease ;
      -o-transition: all 500ms ease ;
      transition: all 500ms ease ;
      text-decoration: none;
  
  }
  /*
  *
  * FIN TEMA DARK
  *
  */
  
  
  /*
  *
  * TEMA DARK
  *
  */
  [data-background-color="dark"] {
    background-color: #222222;
  }
  [data-background-color]:not([data-background-color="dark"]) p, 
  [data-background-color]:not([data-background-color="dark"]) h4,
  [data-background-color]:not([data-background-color="dark"]) h5,
  [data-background-color]:not([data-background-color="dark"]) a,
  [data-background-color]:not([data-background-color="dark"]) {
    color: #FFFFFF;
  }
  [data-background-color]:not([data-background-color="dark"]) a:hover {
      color: #585858;
      webkit-transition: all 500ms ease ;
      -o-transition: all 500ms ease ;
      transition: all 500ms ease ;
      text-decoration: none;
  
  }
  /*
  *
  * FIN TEMA DARK
  *
  */
  
  
  /*
  *
  * TEMA DARK-CLARO
  *
  */
  [data-background-color="dark-claro"] {
    background-color: #40434C;
  }
  [data-background-color]:not([data-color="dark-claro"]) p, 
  [data-background-color]:not([data-color="dark-claro"]) h4,
  [data-background-color]:not([data-color="dark-claro"]) h5,
  [data-background-color]:not([data-color="dark-claro"]) a,
  [data-background-color]:not([data-color="dark-claro"]) {
    color: #FFFFFF;
  }
  [data-background-color]:not([data-background-color="dark-claro"]) a:hover {
      color: #195878;
      webkit-transition: all 500ms ease ;
      -o-transition: all 500ms ease ;
      transition: all 500ms ease ;
      text-decoration: none;
  
  }
  /*
  *
  * FIN TEMA DARK-CLARO
  *
  */
  
 

[data-background-color="orange"] {
  background-color: #7095a8;
}

[data-background-color="black"] {
  background-color: #2c2c2c;
}

.footer-BIG {
    padding: 1em 0 0;
    text-align: center;
}
.footer-BIG.footer-big {
    padding: 10px 0 ;

}
.footer-BIG .content {
    text-align: left;
    background: #444647;
}
*,
::after, ::before {
    box-sizing: border-box;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.footer-BIG .content {
    text-align: left;
/*Para poner a todo lo ancho de la pantalla el footer/// max-width: max-content;*/

}
.logo-foter {
  padding-top: 0px;
  	display: block;
  	height: 5%;
  	width: 10%;
  	margin: 15px;
  	float: left;
	  border-radius: 50%;
  	margin-right: 40px;
  	margin-bottom: 10px;
  	background: #fefffe00;
}
.footer-BIG ul.links-vertical {
    line-height: 1.6;
}
.footer-BIG ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.footer-BIG dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.footer-BIG ul.links-vertical li {
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0px;
}
.footer-BIG ul li {
    display: inline-block;
}
*, ::after, ::before {
    box-sizing: border-box;
}
/*.footer-BIG ul.links-vertical {
    line-height: 1.6;
}*/
.footer-BIG ul {
    list-style: none;
}
.footer-BIG ul.links-vertical li a {
    padding: 5px;
    display: block;
}
.footer-BIG ul li a {
    padding: 11px 0.5rem;
    font-size: 0.7571em;
    text-transform: uppercase;
    text-decoration: none;
}
.text-muted {
    color: #6c757d !important;
}
.footer-BIG.footer-BIG-big .social-feed i {
    font-size: 20px;
    float: left;
    padding-right: 10px;
    padding-bottom: 30px;
}
.footer-BIG .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.description, .card-description, .footer-BIG-big p {
    color: #9A9A9A;
    font-weight: 300;
}
.footer-BIG .col-md-6 p {
    line-height: 1.20em;
    font-weight: 300;
    font-size: 1em;
}
.footer-BIG .col-md-6 p {
    margin-top: 0;
    margin-bottom: 0.1rem;
}
.footer-BIG .col-md-7 p {
    line-height: 1.61em;
    font-weight: 300;
    font-size: 1.2em;
}
.footer-BIG .col-md-7 p {
    margin-top: 0;
    margin-bottom: 1rem;
}


h5, .h5 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 15px;
}
h5, h6 {
    font-weight: 400;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h5, .h6, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
}
h5, h6 {
    margin-top: revert;
    margin-bottom: .5rem;
}

.footer-BIG  hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        border-top: 2px solid #282d59;
        /*border-top-color: rgb(234, 163, 87);*/
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.footer-BIG .copyright, .desarrollado, .licencia {
    font-size: 0.8571em;
    line-height: 1.6;
    /* margin: 10px;*/
}

.copyright p {
	  display: inline-block;
	  padding: 0px;
	  margin: 0px;

}
.copyright .pull-right {
	display: inline-block;
	float: right;
	padding-left: 0px;
	
}

.copyright a {
	color: rgb(244, 810, 300);
	text-decoration: none;
}
.copyright a:hover {
	color: rgb(244, 81, 30);
	webkit-transition: all 500ms ease ;
	-o-transition: all 500ms ease ;
	transition: all 500ms ease ;
	text-decoration: none;
}

.dot {
	background: #195878;
	border-radius: 5px;
	display: block;
	height: 3px;
	margin: 7px 3px 8px 0;
	width: 30px;
}

.dot-acerca {
	background: #282d59;
	border-radius: 5px;
	display: block;
	height: 3px;
	/*margin: 2px 1px 1px 0;*/
        margin: 1px 1px 8px 0;
	width: 30px;
}
/*
*
* fin de BIG BlACK FOOTER
*
*/

.description.full {
    display: -webkit-box;         /* Utiliza un contenedor flexbox basado en WebKit */
    -webkit-box-orient: vertical; /* Define la orientación del contenedor en vertical */
    -webkit-line-clamp: 3;        /* Limita el contenido a tres líneas */
    overflow: hidden;             /* Oculta el contenido desbordante */
    text-overflow: ellipsis;      /* Agrega puntos suspensivos (...) al final del contenido truncado */
    max-height: calc(3 * 1.2em);  /* Define la altura máxima como tres veces la altura de la línea, ajusta 1.2em según el line-height usado */
    line-height: 1.2em;           /* Define la altura de línea, ajusta según tus necesidades */
    width: 100%;                  /* Asegura que el contenedor ocupe el 100% del ancho disponible */
    box-sizing: border-box;       /* Incluye el padding y el borde en el ancho total y la altura del elemento */
}

/* Links en la línea de tiempo */
.tl-timeline a {
    text-decoration: none;
    color: #195878; /* Color por defecto del texto */
}

.tl-timeline a:hover {
    color: #7095a8; /* Color cuando el cursor está encima */
}

/* Línea de tiempo y tipografía */
.tl-timeline,
.tl-text .tl-headline-date, 
.tl-text h3.tl-headline-date {
    font-family: inherit;
}
.tl-menubar-button {
    display: none;
}

.mapping-block.timeline {
    width: 100%;
    display: flex;
}

.mapping-block.timenav-full-width-below.timeline {
    padding-bottom: 165px;
    position: relative;  
}

.mapping-block.timenav-full-width-above.timeline {
    padding-top: 165px;
    position: relative;
}

.mapping-block.timeline .tl-timeline,
.mapping-block.timeline .mapping-map {
    width: 100%;
}

@media screen and (min-width: 640px) {
    .timenav-full-width-below.timeline .tl-timeline,
    .timenav-full-width-above.timeline .tl-timeline {
        position: static !important;
    }

    .timenav-full-width-below.timeline .tl-timeline,
    .timenav-full-width-below.timeline .mapping-map,
    .timenav-full-width-below.timeline .tl-storyslider,
    .timenav-full-width-above.timeline .tl-timeline,
    .timenav-full-width-above.timeline .mapping-map,
    .timenav-full-width-above.timeline .tl-storyslider {
        min-height: 60vh !important;
    }

    .timenav-full-width-below.timeline .tl-timenav {
        position: absolute;
        bottom: 0;
    }

    .timenav-full-width-above.timeline .tl-timenav {
        position: absolute;
        top: 0;
    }

    .timenav-full-width-below.timeline .tl-menubar {
        top: auto !important;
        bottom: 82.5px;
        transform: translateY(25%);
    }

    .timenav-full-width-above.timeline .tl-menubar {
        bottom: auto !important;
        top: 82.5px !important;
        transform: translateY(-75%);
    }
}

@media screen and (max-width: 639px) {
    .mapping-block.timeline {
        display: block;
    }

    .mapping-block.timeline .tl-timeline,
    .mapping-block.timeline .mapping-map {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .mapping-block.timenav-full-width-below.timeline {
        padding-bottom: 20px;
    }

    .mapping-block.timenav-full-width-above.timeline {
        padding-top: 20px;
    }
}

/* Ajustes específicos para tabletas */
@media only screen and (min-width: 640px) and (max-width: 1024px) {
    .mapping-block.timenav-full-width-below.timeline {
        padding-bottom: 165px;  /* Ajuste de padding para mejor visibilidad en tabletas */
    }

    .mapping-block.timenav-full-width-above.timeline {
        padding-top: 165px;  /* Ajuste de padding para mejor visibilidad en tabletas */
    }

    .timenav-full-width-below.timeline .tl-timeline,
    .timenav-full-width-above.timeline .tl-timeline,
    .timenav-full-width-below.timeline .mapping-map,
    .timenav-full-width-above.timeline .mapping-map {
        min-height: 70vh !important;  /* Ajuste de min-height para mejor visibilidad en tabletas */
    }
}

.tl-timeaxis-background {
    height: 39px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #282d59;
    border-top: 1px solid #195878;
    z-index: 2;
}

.tl-timemarker .tl-timemarker-content-container {
    position: absolute;
    background-color: #e5e5e5;
    border: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 80px;
    width: 180px;
    overflow: hidden;
    z-index: 6;
    -webkit-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: height 500ms cubic-bezier(0.77, 0, 0.175, 1), width 1000ms cubic-bezier(0.77, 0, 0.175, 1);
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    box-shadow: 1px 1px 1px #FFF;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 12px;
    height: 80%;
    overflow: hidden;
    font-weight: normal;
    margin: 0;
    color: #bfbfbf;
    position: relative;
}

.tl-timeline .tl-attribution {
    display: none;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  display: none;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 12px;
  height: 80%;
  overflow: hidden;
  font-weight: normal;
  margin: 0;
  color: #444443;
  position: relative;
}

/* MenuBar 
================================================== */

.tl-menubar {
	display: none; /* Oculta el menú */
}


/* Skinny
================================================== */
.tl-skinny .tl-menubar {
	
}


/* Mobile, iPhone
================================================== */
.tl-mobile .tl-menubar {
	
}


/* Mobile, iPhone and skinny
================================================== */
.tl-mobile.tl-skinny .tl-menubar {
	
}


/* Color
================================================== */

// Inverted
/*
.tl-sizebar.tl-sizebar-inverted {
	border-bottom: 1px solid #FFF;
	//background-color:#000;
	color:#a5a5a5;
	.tl-sizebar-button {
		border-left: 1px solid darken(@color-background, 70);
		//color:#a5a5a5;
	}
	.tl-sizebar-button:hover {
		//background:@color-theme;
		color:@color-background;
	}
}
.tl-sizebar.tl-sizebar-inverted:before {
	background-color:#000;
	//.gradient-vertical (rgba(0,0,0,0.25), rgba(0,0,0,1));
	//.translucent-background(rgb(0,0,0), .5);
	border-top: 2px solid #000;
	animation: invertToBlack 1s;
	-webkit-animation:invertToBlack 1s; 
}
*/

@keyframes invertToBlack {
	from {
		background-color:#FFF;
	}
	to {
		background-color:#000;
	}
}
@-webkit-keyframes invertToBlack {
	from {background:#FFF;}
	to {background:#000;}
}
@keyframes invertToWhite {
	from {background-color:#000;}
	to {background-color:#FFF;}
}
@-webkit-keyframes invertToWhite{
	from {background:#000;}
	to {background:#FFF;}
}
/* MESSAGE 
================================================== */
.tl-message, .tl-message-full {
	display: none; /* Oculta el mensaje */
}
/*hacer desaparecer el banner en el resto de las paginas, se recomienda vaya al final del css*/
.banner {
	display: none;
}

.lineadetiempo_ohch .banner {
	display: flex;
}

.lineadetiempo_ohch .bannermovil {
display:none;
}