body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}
input:not([type='checkbox']), button, textarea, textarea:focus, .textarea, .textarea:focus {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline: 0px;
}
a {
  text-decoration: none;
  color: #337ab7;
}
a:hover {
  text-decoration: underline;
}
.cf:after, .cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.contenido {
  max-width: 100%;
}
.sm {
  display: none;
}
main {
  margin: 10px 20px;
}
.contenedor {
  max-width: 850px;
  margin: auto;
}
a.trappable {
  transition: all 100ms ease-in-out;
  opacity: .8;
}
a.trappable:hover {
  opacity: 1;
}
/*** Tablas y formularios ***/
table {
  border-collapse: collapse;
  width: 100%;
  margin: 25px auto;
}
th, td {
  text-align: left;
  padding: 8px;
}
tr:nth-child(even){
  background-color: #f2f2f2 !important;
}
tr:hover {
  background-color: #f5f5f5 !important;
}
th {
  background-color: #ffba54;
  text-transform: uppercase;
}
table:not(.ui-datepicker-calendar) th {
  padding: 13px !important;
}
.dataTables_wrapper {
  margin-top: 20px;
}
table.dataTable {
  margin: 25px auto !important;
}
.dataTables_wrapper .dataTables_length {
  margin-bottom: 15px !important;
}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
  border: none !important;
}
table.dataTable td {
  padding: 15px !important;
}
.dataTables_filter input {
  width: auto !important;
  padding: 5px !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  background-image: none !important;
  position: relative;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: FontAwesome;
}
table.dataTable thead .sorting:after {
  opacity: 0.8 !important;
  content: "\f0dc" !important;
}
table.dataTable thead .sorting_asc:after {
  content: "\f0de" !important;
}
table.dataTable thead .sorting_desc:after {
  content: "\f0dd" !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: none;
  background: #337ab7;
  color: #fff;
  font-weight: bold;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: none;
  background: #92B558;
  font-weight: bold;
  color: #fff;
}
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
}
.ui-datepicker-title {
  text-transform: uppercase;
}
main form {
  max-width: 550px;
  margin: auto;
  margin-top: 30px;
  text-align: left;
  padding-bottom: 10px;
}
main form input, main form select, main form textarea, .dataTables_filter input {
  width: 100%;
  padding: 12px;
  border: 2px solid #aaa;
  resize: vertical;
}
main form input:focus, main form textarea:focus, .dataTables_filter input:focus {
  border: 2px solid #337ab7;
}
main form input:hover:not(:focus), main form textarea:hover:not(:focus), .dataTables_filter input:hover:not(:focus) {
  border: 2px solid #ffba54;
}
main form input[type="file"], main form input[type="file"]:hover, main form input[type="file"]:focus {
  border: 0;
}
main form #imgPreview[src="#"], main form #imgPreview[src^="data:application/pdf"] {
  display: none;
}
main form #imgPreview {
  max-width: 200px;
  max-height: 200px;
  margin-left: 10px;
}
main form textarea {
  height: 200px;
}
main form label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
main form button {
  background-color: #337ab7;
  color: white;
  text-transform: uppercase;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  float: right;
  -webkit-transition: 200ms ease-in-out all;
  transition: 200ms ease-in-out all;
}
main form button:hover {
  background-color: #3F69AA;
}
main form button.borrar {
  background-color: #f85032;
  float: none;
}
main form button.borrar:hover {
  background-color: #e73827;
}
main form a.borrar {
  color: #f85032;
}
main form a.borrar:hover {
  color: #e73827;
}
main form .col-25 {
  float: left;
  width: 35%;
}
main form .col-75 {
  float: left;
  width: 65%;
}
main form .row {
  margin-top: 10px;
}
main form .row + .row {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
main form .row:after {
  content: "";
  display: table;
  clear: both;
}
main form .opciones {
  text-align: left;
  margin: 50px auto;
}
main form .opciones label {
  padding: 0;
}
main form .radio {
  margin-top: 10px;
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
}
.radio input[type="radio"] + label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  top: 1px;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + label:before {
  background-color: #ffba54;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + label:before {
  outline: none;
  border-color: #ffba54;
}
.radio input[type="radio"]:disabled + label:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
          box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}
main form .check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  line-height: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
main form .check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
main form .check-label .checkmark {
  position: absolute;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
main form .check-label:hover input ~ .checkmark {
  background-color: #ccc;
}
main form .check-label input:checked ~ .checkmark {
  background-color: #ffba54;
}
main form .check-label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
main form .check-label input:checked ~ .checkmark:after {
  display: block;
}
main form .check-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 600px) {
  main form .col-25, main form .col-75, main form button {
    width: 100%;
    margin-top: 0;
  }
}
#infoMessage, .isa_success, .isa_warning, .isa_error {
  margin: 10px 0px;
  padding:12px;
}
#infoMessage {
  color: #00529B;
  background-color: #BDE5F8;
  position: relative;
  padding-left: 40px;
}
#infoMessage:after {
  font-family: FontAwesome;
  content: "\f05a";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 0;
  line-height: 43px;
}
.isa_success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.isa_warning {
  color: #9F6000;
  background-color: #FEEFB3;
}
.isa_error {
  color: #D8000C;
  background-color: #FFD2D2;
}
#infoMessage i, .isa_success i, .isa_warning i, .isa_error i {
  margin:10px 22px;
  font-size:2em;
  vertical-align:middle;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 100%;
    font-size: 1rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label .fa {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.inputfile + label {
    color: #fff;
    background-color: #92B558;
    transition: all 200ms ease-in-out;
}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {
    background-color: #708e3e;
}
.form-dropdown {
  position: relative;
  font-family: Arial;
  display: inline-block;
  width: 100%;
}
.form-dropdown select {
  display: none;
}
.select-selected {
  background-color: #eee;
  transition: all 100ms ease-in-out;
}
.select-selected:hover, .select-selected.select-arrow-active {
  background-color: #ffba54;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #333 transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #333 transparent;
  top: 11px;
}
.select-items div,.select-selected {
  color: #333;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.select-items {
  position: absolute;
  background-color: #eee;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: #ccc;
}
.hide {
  display:none!important;
}
/**** NAVBAR ****/
nav {
  width: 100%;
  background: #f8f8f8;
  color: #333;
  min-height: 45px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
}
nav a:hover {
  text-decoration: none;
}
nav a, nav .dropdown label {
  display: block;
  transition: all 200ms ease-in-out;
  cursor: pointer;
  color: #333;
}
nav .navbar {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .navbar .logo a {
  font-family: 'Comfortaa', cursive;
  font-weight: 600;
  color: #888;
  font-size: 1.3em;
  letter-spacing: 2px;
  line-height: 44px;
}
nav .navbar .logo a:hover {
  color: #337ab7;
}
nav .navbar li {
  line-height: 45px;
  position: relative;
  transition: background 200ms ease-in-out;
}
nav .navbar li:not(.sm) {
  display: inline-block;
}
nav .navbar li:not(.logo):hover, nav .btn-avanzada:hover, .dropdown .navbar-checkbox:checked ~ label {
  cursor: pointer;
  background: #eee;
}
nav .navbar li a, nav .dropdown label, nav form a {
  padding: 0 15px;
  line-height: 45px;
}
nav .fa-upload {
  display: inline-block;
  background: #337ab7;
  border-radius: 100%;
  padding: 10px;
  transition: all 100ms linear;
  color: #f8f8f8;
  position: relative;
}
nav .fa-upload:after {
  content: 'Subir archivo';
  position: absolute;
  right: 50px;
  width: 100px;
  color: #337ab7;
  text-align: right;
  opacity: 0;
  transition: all 200ms ease-in-out;
  pointer-events: none;
}
nav .fa-upload:hover {
  background: #1d70b7;
}
nav .fa-upload:hover:after {
  opacity: 1;
  right: 45px;
}
.navbar-movil {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  line-height: 45px;
  text-align: center;
  color: #333;
}
.navbar-movil:hover {
  cursor: pointer;
  background-color: #ddd;
}
.navbar-checkbox {
  display: none;
}
.dropdown .navbar-checkbox:checked ~ .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  width: auto;
  position: static;
}
nav .dropdown .navbar-checkbox:checked ~ .dropdown-menu {
  position: absolute;
}
.dropdown .fa-caret-down {
  padding-left: 16px;
}
.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  padding: 0;
  list-style: none;
  transition: background 200ms ease-in-out;
  position: absolute;
}
nav .dropdown-menu {
  background-color: #eee;
  border: 1px solid #e7e7e7;
  border-top: 0;
  min-width: 100%;
}
nav .dropdown-menu > li {
  width: 100%;
  white-space: nowrap;
}
nav .dropdown-menu > li a:hover {
  background-color: #ddd;
}
/*** Search bar ***/
.navbar-buscador, nav form {
  height: 45px;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.navbar-buscador {
  overflow: hidden;
}
.navbar-buscador input[type="search"], .navbar-buscador button {
  height: 100%;
  border: 0;
  padding: 0 10px;
  margin: 0;
  background: none;
  transition: background 200ms ease-in-out;
}
.navbar-buscador button {
  cursor: pointer;
  padding: 0 15px;
}
.navbar-buscador input[type="search"]:focus, .navbar-buscador input[type="search"]:focus + button {
  background: #eee;
}
.bar {
  transition: all 0.5s;
  display: inline-block;
  bottom: 0;
  left: -100%;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #337ab7;
}
.navbar-buscador input[type="search"]:focus ~ .bar {
  left: 0;
}
/*** Modal ***/
.modal-window {
  position: fixed;
  z-index: 9001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translate(0px, 100px);
          transform: translate(0px, 100px);
}
.modal-window.abierto {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
.modal-window .modal-contenedor {
  position: relative;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
  display: table;
}
.modal-window .modal-contenedor .alerta {
  background: #fff;
  max-width: 400px;
  height: 100px;
  border-radius: 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
.modal-window .modal-contenedor .alerta h1 {
  font-size: 16px;
}
.modal-shade {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9000;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.modal-shade.abierto {
  opacity: 1;
  pointer-events: auto;
}
.modal-close {
  position: absolute;
  z-index: 9002;
  background-color: #FFFFFF;
  color: #000000;
  top: -40px;
  right: -40px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  height: 30px;
  width: 30px;
  font-size: 18px;
  line-height: 28px;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.modal-close:hover {
  background-color: #ccc;
}
#modal-confirmar {
  background: #000;
  color: #fff;
  display: inline-block;
  padding: 10px;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#modal-cancelar {
  margin-left: 5px;
  text-decoration: none;
}
@media (max-width: 500px){
  .modal-close {
    right: 0;
  }
}

/*** Contenido ***/
.widgets-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(8.3% - 20px), 1fr));
  grid-gap: 20px;
  grid-auto-flow: dense;
  list-style: none;
  margin: 1em auto;
  padding: 0;
  max-width: 500px;
}
.widgets-wrapper a {
  color: inherit;
}
.widgets-wrapper a:hover {
  color: inherit;
  text-decoration: none;
}
.widgets-wrapper li.default, .widgets-wrapper li {
  grid-column-end: span 3;
}
.widgets-wrapper li.mayor {
  grid-column-end: span 4;
}
.widgets-wrapper li.destacado {
  grid-column-end: span 6;
}
.widgets-wrapper li.importante {
  grid-column-end: span 9;
}
.widgets-wrapper li.muyimportante {
  grid-column: 1 / -1;
}
.widgets-wrapper li .panel {
  margin-bottom: 0 !important;
}
.banner-categorias {
  list-style: none;
  background: #337ab7;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0163b7, #337ab7);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0163b7, #337ab7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 20px;
  padding-bottom: 17px;
  margin: auto;
  max-width: 500px;
  border-radius: 20px;
}
.banner-categorias li {
  list-style: none;
  display: inline-block;
}
.banner-categorias ul {
  display: flex;
  justify-content: space-around;
}
.banner-categorias a {
  text-transform: uppercase;
  transition: all 200ms ease-in-out;
  padding-bottom: 3px;
}
.banner-categorias .lista-categorias {
  font-size: 12px;
  opacity: .8;
}
.banner-categorias a:hover, .seleccionado-categorias {
  box-shadow: inset 0 -2px 0 0 #fff;
}
.banner-categorias ul + ul {
  margin-top: 10px;
}
#banner-ultimosarchivos {
  background: #f85032;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #e73827, #f85032);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #e73827, #f85032); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 20px;
  border-radius: 20px;
}
#banner-bienvenida {
  /*background: #92b558;  /* fallback for old browsers */
  /*background: -webkit-linear-gradient(-40deg, #68843a, #92b558);  /* Chrome 10-25, Safari 5.1-6 */
  /*background: linear-gradient(-40deg, #68843a, #92b558); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

   background: rgb(10,3,129);
background: -moz-linear-gradient(90deg, rgba(10,3,129,1) 6%, rgba(9,9,121,1) 31%, rgba(0,212,255,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(10,3,129,1) 6%, rgba(9,9,121,1) 31%, rgba(0,212,255,1) 85%);
background: linear-gradient(90deg, rgba(10,3,129,1) 6%, rgba(9,9,121,1) 31%, rgba(0,212,255,1) 85%);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a0381",endColorstr="#00d4ff",GradientType=1); */
  color: #fff;
  padding: 20px;
  border-radius: 20px;

}
#banner-ultimosarchivos > h1, #banner-bienvenida > h1 {
  text-align: center;
}
#banner-ultimosarchivos li {
  list-style: none;
  margin-bottom: 5px;
}
#banner-ultimosarchivos li + li {
  border-top: 1px solid #e23b1d;
}
#banner-ultimosarchivos ul li:before {
  color: rgba(255,255,255,.4);
  content: '» \0000a0';
  font-size: 1.2em;
  font-weight: bold;
  transition: all 200ms ease-in-out;
}
#banner-ultimosarchivos ul li:hover:before {
  color: rgba(255,255,255,.7);
  margin-left: 3px;
}
#banner-ultimosarchivos ul li h1 {
  display: inline;
  font-size: 1em;
  font-weight: normal;
}
#banner-ultimosarchivos ul li h2 {
  font-size: .9em;
  font-weight: normal;
  margin-left: 20px;
  color: rgba(255,255,255,.6);
}
#banner-ultimosarchivos ul li strong {
  color: #ffba54;
}
/*** Responsive ***/
@media (max-width: 610px) {
  nav {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  nav .navbar {
    display: none;
  }
  nav .navbar li, nav .navbar li:not(.sm) {
    display: block;
    text-align: center;
  }
  .navbar-movil {
    display: block;
    z-index: 9999;
  }
  .dropdown .navbar-checkbox:checked ~ .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .navbar-checkbox:checked ~ .navbar {
    display: block;
  }
  nav form {
    width: calc(100% - 45px);
  }
  .sm {
    display: inline-block;
  }
  .md {
    display: none;
  }
  .dropdown .navbar-checkbox:checked ~ .dropdown-menu {
    position: static;
  }
  .widgets-wrapper {
    display: block;
  }
  .widgets-wrapper li {
    margin-bottom: 20px;
  }
  #banner-categorias, #banner-categorias li {
    display: block;
    width: 100%;
    text-align: center;
  }
  #banner-categorias li {
    padding-bottom: 0;
  }
}
/**** TABS ****/
.tabs p {
  margin: 0 0 20px;
  line-height: 1.5;
}
.tabs section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.tabs > input {
  display: none;
}
.tabs > label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 5px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
.tabs > label:hover {
  color: #888;
  cursor: pointer;
}
.tabs > input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #ffba54;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 650px) {
  .tabs > label {
    font-size: 12px;
  }
}
/**** BÚSQUEDA ****/
.busqueda li {
  list-style: none;
  display: inline-block;
  background: #00B4DB;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border-radius: 20px;
  margin: 10px;
  transition: all 200ms ease-in-out;
  width: 260px;
  position: relative;
}
.busqueda li:hover {
  transform: scale(1.1);
}
.busqueda li a:first-child {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}
.busqueda li a:last-child {
  position: absolute;
  top: 8px;
  right: 15px;
  color: #fff;
  text-decoration: none;
  transition: all 100ms ease-in-out;
  opacity: .5;
}
.busqueda li a:last-child:hover {
  transform: scale(1.3);
  opacity: 1;
}
.busqueda li i {
  font-size: 15px;
  margin-right: 5px;
  position: absolute;
  left: 15px;
  top: 10px;
}
.busqueda li h1 {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  max-height: 200px;
  margin-bottom: 5px;
}
.busqueda li p {
  font-size: 12px;
  opacity: .7;
}
.busqueda li h3 {
  width: 100%;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
  opacity: .7;
}
.busqueda .c1 {
  background: #f85032;
  background: -webkit-linear-gradient(to right, #e73827, #f85032);
  background: linear-gradient(to right, #e73827, #f85032);
}
.busqueda .c2 {
  background: #000000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.busqueda .c3 {
  background: #e52d27;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #b31217, #e52d27);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #b31217, #e52d27); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.busqueda .c4 {
  background: #232526;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.busqueda .c5 {
  background: #337ab7;
  background: -webkit-linear-gradient(to right, #0163b7, #337ab7);
  background: linear-gradient(to right, #0163b7, #337ab7);
}
.filtros-btn {
  display: block;
  border: none;
  width: 550px;
  margin: auto;
  margin-top: 10px;
  background: rgba(255, 186, 84, 0.7);
  padding: 15px;
  text-align: right;
  color: #966a28;
  cursor: pointer;
  transition: all 200ms ease-in-out;
}
.filtros-btn span {
  margin-right: 5px;
}
.filtros-btn:hover {
  background: rgba(255, 186, 84, 1);
}
.filtros {
  display: none;
  border: 1px solid #ffba54;
  border-top: none;
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.row:last-child a:not(.borrar) {
  float: right;
  margin-left: 10px;
  line-height: 40px;
}
.filtros-btn.act {
  background: rgba(146, 181, 88, 0.7);
  color: #557225;
}
.filtros-btn.act:hover {
  background: rgba(146, 181, 88, 1);
}
.filtros.act {
  border-color: #92b558;
}
#busqueda-indicador {
  position: absolute;
  right: 70px;
  pointer-events: none;
  color: #337ab7;
  font-weight: bold;
  font-style: italic;
}
#busqueda-indicador svg {
  width: 30px;
  height: auto;
  transform: rotate(-55deg);
  fill: #337ab7;
}
@media screen and (max-width: 1112px) {
  #busqueda-indicador {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .filtros-btn {
    width: 100%;
  }
  .busqueda li {
    width: 100%;
  }
}
/**** Paginación ****/
.paginacion {
  list-style: none;
  margin: 20px auto;
  text-align: center;
}
.paginacion li {
  display: inline-block;
}
.paginacion li a, .paginacion li span {
  display: block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100%;
  margin: 0 5px;
}
.paginacion li a {
  background: #337ab7;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 200ms ease-in-out all;
  transition: 200ms ease-in-out all;
}
.paginacion li a:hover {
  background-color: #3F69AA;
}
.paginacion li span {
  border: 1px solid #ccc;
  cursor: default;
}