/*estilos del div de presentación de la exposición*/

#presentation{
    width: 100%;
   display: flex;
  /* flex-direction: row;*/
   flex-wrap: wrap;
}
#homeimage{
    display: block;
    float:left;
    text-align: center;
    width: 30%;
}
#hometext{
    display: block;
    float:left;
   text-indent: 0pt !important;
   text-align: left !important;
    width: 70%;
   margin-top: 10px;
}
#cartel{
    width: 75%;
    height=75%;
}

ul.resources{
    margin-top: 20px;
}

.resource.show .values .resource-link img {
  max-width: 100%;
  width: 6rem;
  height: auto;
  min-width: 1px;
}

@media only screen and (max-width: 480px) {
	
   #homeimage, #hometext{ width: 100%; }
    #hometext{
      padding-top: 25px  !important;
     /*display: -webkit-box;
     -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;
     overflow: hidden;*/
    display: inline-block; 
    }
     div.break.opaque{
        margin:0px !important;
    }
}


/*texto de la página de inicio*/
#hometext span{
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
   font-weight: normal !important;
}

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

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

/*línea naranja 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;
}

/*para poner más chiquitos los títulos de las facetas*/
.facet legend {
  font-size: 1.01rem;
}


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


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

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

div.property dt {
  padding-top: 1rem;
}
/*hasta aquí aires en la vista detalle de una ficha*/

/*Para que se vea el título de la página de Personalidades que quedaba escondido detrás del menú superior*/
.blocks {
   margin-top: 100px;
}

/*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;
}

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

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

/*Estilos de las Temáticas e Instituciones*/
#contenedor {
    display: table;
    border: none !important;
    width: 100%;
    text-align: center;
    margin-top: 50px;
   /* margin: 0 auto;*/
}
#contenidos {
      display: flex;
     flex-wrap: wrap;
   /* display: table-row;*/
    width: 100%;
}
#columna {
    display: block;
    border: none !important;
    vertical-align: middle;
    padding: 10px;
     width: 16.6%;
    text-align: center;
}

a.op
{
   text-align: center;
   padding: 1px !important;
   display: block;
   width: 100%;
}

#columnaI {
    display: block;
    border: none !important;
    vertical-align: middle;
    padding: 10px;
     width: 30%;
    text-align: center;
}

#contenidosI {
      display: flex;
     flex-wrap: wrap;
   /* display: table-row;*/
    width: 100%;
  padding-left: 11%;
}

@media all and (max-width: 600px) {
#contenidos, #contenidosI {
    flex-direction: column;
    padding-left: 0%;
  }
#columna, #columnaI {
    width: 100%;
}
}
/*hasta aquí los estilos de las Temáticas e Instituciones*/


/*logo de las instituciones*/
/*.resource.show .values .resource-link img, #linked-resources img {
   
   max-width: 100%;
   height: 100%;
    width: 100%;
    min-width: 1px;
}*/

/*.resource.show .resource-link {
    width: 50%;
}*/

.items  a.resource-link  {
    width: 30% !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;
}

/*títulos de los resultados de las facetas acortados*/
td.faceted a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*para acortar las descripciones en la vista de las Temáticas*/
.description{
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}

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

/*quitar sombra azul en la imagen grande de personalidades*/
a.thumbnail:hover,
a.thumbnail:focus{  -webkit-box-shadow: none;
    box-shadow: none
}
/*Margen superior de las paginas que no tienen banner*/
#content{
padding: 8rem 1rem;
}


/*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:#ea9f53;
background-color:#ea9f53;}

/*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 ;}

/*Linea del Carrusel*/

.linea {
  border-top: 1px solid #ea9f53;;
  height: 1px;
  padding: 0;
 /* margin: 20px auto 0 auto;*/
  margin: 5rem 0;
border-bottom: 1px solid #dfdfdf;
}

/*ajustes del footer ver con ivan*/
.footer-BIG.footer-big{ 
    background-color:  #4C5B5E;
}
footer{
  background-color: #4C5B5E;
  margin:0 ;
}


/*poner bordes de cajas como personalidades y demás transparentes*/
div.item-showcase{
border-top:1px solid #dfdfdf00;
border-bottom:1px solid #dfdfdf00;
}

/*divisores naranjas de 1 px*/

div.break.opaque {
border-top: 1px solid #ea9f53;
 border-color: #ea9f53;   
background-color: #ea9f53; 
margin: 5rem 0;

}

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


/*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;
}

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


/*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;
}



/*Para la imagen 5 de personalidades*/
.resource-grid .resource {
  width: 25%;
}

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


/*botones de la busqueda avanzada*/

button.grid.o-icon-grid{background-color:#ea9f53;}
button.list.o-icon-list {background-color:#ea9f53;}
.inputs label.numeric-toggle-time.button{background-color:#ea9f53;}
.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:#ea9f53;}
h3.label{background-color:#ea9f53;}
.label, .filter-value, .filter-label{background-color:#ea9f53;}


/*Flechas del carrusel de fichas*/
button.slick-prev.slick-arrow {background-color: #cddc3900;}
button.slick-next.slick-arrow{background-color: #cddc3900;}
.slick-prev:before, .slick-next:before {color: #ea9f53;}

/*Puntos del carrusel de fichas*/
.slick-dots{ bottom: -80px;}

/*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: #ea9f53;}
.dropdown.menu {background-color:  #2e2e2e;}    /*#333333 */
.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
   background: #2e2e2e;
    color: #ea9f53; }
a.nav-header{ color: white; }
 .top-bar ul {
    background-color: #2e2e2e
}

/*Vista movil*/

@media handheld, only screen and (max-width:  767px) {

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

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

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

div.off-canvas-content{
  width: 105% !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íneastransparentes*/
.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;
}

}


/*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:#ea9f53;}



/*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: #18391f; }
.site-page-pagination>a:hover:not([disabled]) {
   background-color: #18391f;  

}


/*Enlaces*/
a { color: #18391f;}
a:hover, a:focus {
    color:  #ea9f53;
}

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


/*Personalidades*/
.item-showcase {
 margin:1rem 0;
 border-top:1px solid #dfdfdf;
 border-bottom:1px solid #dfdfdf;
 padding:calc(1rem - 1px) 0 0;
 overflow:hidden;
/* text-align:center;*/
 /*text-align:none !important;*/
 clear:both;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}


/*h3.home{
    text-align: center !important;
}*/


/*Para aumentar las personalidades al pasar el ratón*/
.item-showcase .resource.item:hover {
    background: #f4f4f4;
    border: 0px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    background-size: auto 103%;
     
}


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

.resource.item:hover a {
 color:  #ea9f53 !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
}

/*Borde en aumento*/  /*Esto pone la sombra verde detrás de la 1ra imagen de las personalidades*/
/*a.thumbnail:hover,
a.thumbnail:focus {
 -webkit-box-shadow:0 10px 10px rgba(24, 57, 31); 
 box-shadow:;
}*/

/*Fondo de las personalidades la principal( la mas grande) en beige
.resource-grid{
background-color: #ececec; /*#fcfaec 
} */

/*PPPPPPPPPPPPPPPPPPPPPPP*/

body {
  width: 100% !important;
  height: 100% !important;
  padding: 0;
  -webkit-text-size-adjust: none;
  /* stop WebKit and Windows mobile changing text size */
  -ms-text-size-adjust: 100%;
  /* stop WebKit and Windows mobile changing text size */
  margin: 0 auto !important;
  /* fix email not centered on Android 4.4 + Samsung Mail */
  background: #ececec;
}

table {
  border-collapse: collapse !important;
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
}

/* Remove spacing between tables in Outlook 2007 and up */

img {
  border: 0;
  line-height: 100%;
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic;
  /* smoother resized images in Internet Explorer */
}


@media screen and (max-width: 580px) {
  /* centre on gmail iphone */
  .container {
    width: 100vw !important;
  }

  .rwd-line {
    display: block;
  }

  .center {
    margin: 0 auto !important;
    text-align: center !important;
  }
  .img {
    width: 100% !important;
    height: auto !important;
  }
  .width100 {
    width: 100% !important;
  }
  .mobilehide {
    display: none !important;
  }
}

/* CAROUSEL STYLES */
.carousel-container,
input {
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0), screen and (min--moz-device-pixel-ratio: 0) {
  @supports (color: #ffffff) {
    .fallback {
      display: none !important;
    }

    .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 ) {
#contact {
  padding-left: 30px !important;
}
#contact h5{
  margin-top: auto;
}

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

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

div.off-canvas-content{
  width: 105% !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íneastransparentes*/
.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;
}


 .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
*
*/


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

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



/*
*
* 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: #ea9f53;
	webkit-transition: all 500ms ease ;
	-o-transition: all 500ms ease ;
	transition: all 500ms ease ;
	text-decoration: none;

}
/*
*
* FIN TEMA DARK-CLARO
*
*/


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

}
.footer-BIG .content {
    text-align: left;
   background:  #4C5B5E ;
}
*,
::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 rgb(244, 81, 100);
        border-top-color: rgb(234, 163, 87);
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.footer-BIG .copyright {
    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;
}
.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;
}
.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: #ea9f53;
	border-radius: 5px;
	display: block;
	height: 3px;
	margin: 7px 3px 8px 0;
	width: 30px;
}

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

/*hacer desaparecer el banner en el resto de las paginas, se recomienda vaya al final del css*/
.banner {
	display: none;
}

.inicio .banner {
	display: flex;
}