@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
/* CSS Document */
body {
  font-family: Open Sans, Arial, sans-serif;
  margin: 0;
  font-family: "Ropa Sans", Helvetica, Arial, Lucida, sans-serif;
  font-family: "Montserrat", sans-serif;
}
.asterisk {
  text-align: left;
  margin-top: 20px;
  margin-left: 30px;
  font-size: 11px;
}
.hamburg,
nav {
  display: none;
}
html {
  background: transparent !important;
}

.inactive {
  font-family: Arial, Helvetica, sans-serif;
  background-image: none;
  background: transparent;
}

.inactive .input,
.inactive input {
  font-size: 17px !important;
  max-width: 900px !important;
}

.background {
  background-repeat: no-repeat;
  background-position: right bottom !important;
  background-size: cover !important;
}

.nobackground {
  background: transparent;
}

.noscroll {
  overflow-y: visible !important;
  max-height: inherit !important;
}

input,
textarea {
  font-size: 15px;

  padding: 10px;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
#fichaespecie *,
#csearchadvfields * {
  scrollbar-width: thin;
  scrollbar-color: #5ec24b #ffffff;
}

/* Chrome, Edge, and Safari */
#fichaespecie *::-webkit-scrollbar,
#csearchadvfields *::-webkit-scrollbar {
  width: 4px;
}

#fichaespecie *::-webkit-scrollbar-track,
#csearchadvfields *::-webkit-scrollbar-track {
  background: #ffffff;
}

#fichaespecie *::-webkit-scrollbar-thumb,
#csearchadvfields *::-webkit-scrollbar-thumb {
  background-color: #5ec24b;
}
.cabecera {
  background: #cc092f;
  display: inline-flex;
  width: 100%;
}

.logo {
  width: 130px;
}

.logo img {
  width: 100%;
}

.sitename {
  padding: 0 40px;
}

.sitename h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  max-width: 400px;
  font-weight: 600;
  line-height: 23px;
  width: 350px;
}

.menu {
  text-transform: uppercase;
  position: absolute;
  right: 100px;
}

.menu ul {
  display: inline-flex;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.menu ul li {
  height: 35px;
  line-height: 30px;
  margin: 0 10px 0 10px;
  top: 10px;
  position: relative;
  padding: 6px 10px 10px 10px;
  border-bottom: solid 1px #5c0505;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  color: #e0e0e0;
  display: block;
  height: 40px;
  display: grid;
  background: #cc092f;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  text-align: center;
  width: 80px;
}

.menu ul li a {
  text-decoration: none;
  color: #e0e0e0;
}

.menu ul li img {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  display: block;
}

.menu ul li:hover {
  background: #b3091f;
}

.menu ul li a:hover {
  color: #fff;
}

/* HOME */
.bodyhome,
.bodylist {
  background: url("../images/fondo-pagina.jpg");
  background-size: contain;
  overflow-x: hidden;
}

/* textos slider home */
.sectitle {
  position: absolute;
  top: 150px;
  z-index: 1;
  text-align: center;
  max-width: 600px;
  left: 50%;
  margin-left: -300px;
  background: rgba(0, 0, 0, 0.75);
  padding: 30px;
  border-bottom: solid 4px #cc092f;
  border-radius: 5px 5px 0 0;
}

.sectitle .headtitle {
  font-size: 50px;
  color: #fff;
}

.sectitle .headsubtitle {
  font-size: 20px;
  color: #fff;
}

.separador-slider {
  top: -200px;
  position: relative;
  left: -100px;
  height: 0;
}

.headbutton {
  margin: 0 auto;
  margin-top: 20px;
  max-width: 200px;
}

.headbutton a {
  color: #fff;
  padding: 10px;
  width: 180px;
  display: block;
  border-radius: 5px;
  border: solid 1px #fff;
  background: transparent;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.headbutton a:hover {
  background: #434343;
}

/* fin de textos de slider home */
/* secciones home */
.seccionhome {
  max-width: 800px;
  margin: 100px auto;
}

.seccionhome .imagenseccion {
  text-align: center;
}
.alert.alert-success,
.alert.alert-danger {
  font-size: 18px;
  text-align: center;
}
.alert.alert-success {
  color: #276415;
}
.alert.alert-danger {
  color: red;
}
.seccionhome .bloquetextosseccion {
}

.seccionhome .titleseccion {
  font-size: 40px;
  text-align: center;
  font-weight: 600;
}

.seccionhome .titleseccion .destacado {
  color: #cc092f;
}

.seccionhome .subtitleseccion {
  font-size: 25px;
  text-align: center;
  margin-bottom: 20px;
}
.subtitleseccion2 {
  font-size: 18px;
  padding-bottom: 20px;
  text-align: center;
  border: solid 1px #000;
  padding: 20px;
  max-width: 95%;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 500px;
  margin-top: 20px;
  background: #fff;
  margin-bottom: 20px;
}
.subtitleseccion2 a {
  font-weight: 600;
  color: #5ec24b;
}

.seccionhome .textosseccion {
  font-family: "Montserrat", sans-serif;
  text-align: justify;
  line-height: 24px;
}

.seccionhome.seccion1 {
  margin-top: 20px;
}

.seccionhome.seccion2 {
  width: 100%;
  max-width: 100%;
  background: #dbe8df;
  border-bottom: solid 4px #cc092f;
  margin-top: 10px;
  margin-bottom: 10px;
}

.seccionhome.seccion2 .seccioncontenido {
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  background: url("../images/home-seccion-2b.png");
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.seccionhome.seccion2 .seccioncontenido .imagenseccion {
  width: 40%;
}

.seccionhome.seccion2 .bloquetextosseccion {
  padding: 80px;
  width: 60%;
}

.seccionhome.seccion2 .imagenseccion img {
  height: 100%;
}

.seccionhome.seccion3 {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  margin-bottom: 0;
  padding: 30px;
}

.seccionhome.seccion3 .imagenseccion {
  max-width: 300px;
}

.seccionhome.seccion3 .imagenseccion img {
  max-width: 600px;
  opacity: 0.2;
  right: 0;
  position: relative;
  left: -200px;
}

.seccionhome.seccion4 .imagenseccion img {
  max-width: 145px;
}

.seccionhome.seccion5 form input,
.seccionhome.seccion5 form textarea {
  width: 100%;
  margin: 5px 0;
  border: solid 1px #cc092f;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
}

.seccionhome.seccion5 form textarea {
  height: 100px;
}

.seccionhome.seccion5 form .botonera {
  text-align: center;
  margin-top: 20px;
}

.seccionhome.seccion5 form button {
  font-family: "Montserrat", sans-serif;
  background: #cc092f;
  color: #fff;
  padding: 10px 30px;
  margin: 0 auto;
  font-size: 20px;
  box-shadow: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.seccionhome.seccion5 form button:hover {
  background: #b3091f;
}

.seccionhome.seccion1 .imagenseccion img,
.seccionhome.seccion5 .imagenseccion img {
  max-width: 95%;
  margin: 0 auto;
}

.prefooter {
  text-align: right;
  margin-bottom: -10px;
  overflow: hidden;
}

.prefooter img {
  width: 700px;
  right: -20px;
  position: relative;
}

/* fin secciones home */
/* fin de HOME */
.content {
  margin: 0 auto;
  max-width: 96%;
  width: 1140px;
  padding-top: 30px;
  padding-bottom: 50px;
  margin: 0 auto;
  margin-bottom: -30px;
}

.velo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.45);
  display: none;
}

.velo img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  top: 40%;
  display: block;
  position: relative;
}

#csearchform {
}

#searchform {
  background: rgba(255, 255, 255, 0.6);
}

.tabsform {
  display: flex;
  top: 50px;
  width: 700px;
  margin: 0 auto;
  position: relative;
}

.tabsform .tabbtn {
  border: solid 1px #fff;
  text-align: center;
  background-color: #d7d7d7;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
  font-family: Open Sans, Arial, sans-serif;
  width: 180px;
  color: #000;
  margin: 0;
  cursor: pointer;
  position: relative;
  font-size: 13px;
  opacity: 1;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.tabsform .tabbtn:hover {
  background-color: #bfbfbf;
}

.tabsform .tabbtn.active:hover {
  background-color: #d43a59;
}

.tabsform .tabbtn.active {
  background-color: #cc092f;
  color: #fff;
}

.mainsearch {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}

.csearchadv {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}

.listadoalfab {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}

.utmsearch {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
  padding: 10px;
}

.utmsearch #utms {
  width: 400px;
  height: 100px;
  border: solid 1px #d7d7d7;
  font-family: Open Sans, Arial, sans-serif;
  max-width: 95%;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  overflow-y: scroll;
  height: 150px;
  overflow-x: hidden;
}

.mainsearch.tohide,
.csearchadv.tohide,
.listadoalfab.tohide,
.utmsearch.tohide {
  visibility: hidden;
  opacity: 0;
  padding: 0;
  height: 0;
}

.formintro {
  margin: 0 auto;
  max-width: 95%;
  background-color: rgba(255, 255, 255, 0.59);
  padding: 20px;
}

.formintro #estosson.topdf,
.formintro .filtersearched.topdf,
.numeroderesultados.topdf,
.formintro .listadoresultadosalfa.topdf {
  font-family: Arial, Helvetica, sans-serif;
}

.formintro.ficha {
  margin-top: 0;
  padding: 0;
  background-color: 0;
  margin-bottom: 100px;
}
.bodyficha .formintro.ficha {
  margin-bottom: 0;
}

.formintro h3 {
  text-align: center;
  font-size: 27px;
  font-weight: normal;
}

.filtersearched {
  text-align: center;
  font-size: 20px;
  color: #cc092f;
}

.formintro p {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 15px;
}

#csearchform {
  text-align: center;
  margin: 30px 0;
}

#csearchform input {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 18px;
}

#csearchform #csearch {
  width: 400px;
  border: solid 1px #cc092f;
  border-radius: 5px 0 0 5px;
  padding: 10px;
}

#csearchform #submitbtn {
  background: none;
  border: none;
  background: #cc092f;
  font-weight: 600;
  color: #fff;
  border-radius: 0 5px 5px 0;
  padding: 10px 20px;
  cursor: pointer;
}

.mainsearch {
  padding-top: 30px;
}

.infoadsearch {
  font-size: 19px;
  line-height: 26px;
}
.clearselection {
  top: 40px;
  position: relative;
  text-align: center;
  font-size: 11px;
  border: solid 2px #cc092f;
  color: #cc092f;
  background: #fff;
  border-radius: 5px;
  padding: 5px 5px;
  font-family: Open Sans, Arial, sans-serif;
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 1;
}
#autocompfield {
  display: none;
  max-width: 400px;
}

.mainsearch .inputs {
  display: inline-flex;
  margin-top: 35px;
}

#selectfield {
  max-width: 400px;
}

#input-change {
  margin: 8px 10px 0 0;
  width: 30px;
  height: 30px;
  background-image: url("../images/change-icon2.png");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s;
}

#input-change:hover {
  opacity: 0.8;
}

.hide-s,
.marcadotohide {
  display: none;
}

.hide-section {
  display: none !important;
}

.hide-el {
  display: none !important;
}

.hide-block {
  display: none !important;
}

.hide-el-mark {
  background: red;
}

.separador {
  border-top: dashed 1px #b3091f;
}

.fila.italic input {
  font-style: italic;
}

#csearchform #submitbtn:hover {
  background: #b3091f;
}

.csearchadv {
  text-align: center;
}

.csearchadv .csearchadvbtn {
  font-size: 10px;
  background: #cc092f;
  border-radius: 0 0 5px 5px;
  padding: 5px 10px;
  font-family: Open Sans, Arial, sans-serif;
  width: 100px;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 3px;
}

.infobtn {
}

.csearchadvfields {
  position: relative;
  margin-top: 24px;
  margin: auto;
  transition: all 0.25s ease-in-out;
  font-family: Open Sans, Arial, sans-serif;
  font-size: 10px;
  display: inline-flex;
  height: 110px;
}

.csearchadvfields .advsearch-col {
  width: 24%;
  margin: 0 0.5%;
}

.infoadsearch {
  margin: 20px 0;
}

.csearchadvfields .advsearch-col select {
  width: 200px;
  border: solid 1px #cc092f;
  border-radius: 5px 0 0 5px;
  padding: 10px;
  font-size: 15px;
  font-family: Open Sans, Arial, sans-serif;
}

.pdfdown,
.advschbttn,
.exceldown {
  text-align: center;
  font-size: 15px;
  background: #cc092f;
  border-radius: 5px;
  padding: 5px 10px;
  font-family: Open Sans, Arial, sans-serif;
  width: 180px;
  color: #fff;
  margin: 0 auto;
  margin-top: 0px;
  cursor: pointer;
  top: 50px;
  position: relative;
  font-size: 21px;
  transition: opacity 0.3s;
  opacity: 1;
}

.advschbttn {
  top: 15px;
}

.advschbttn.tohide {
  display: none;
}

.advschbttnutm.tohide {
  display: none;
}

.pdfdown,
.exceldown {
  font-size: 15px;
  top: 0;
  margin: 0 auto;
  text-decoration: none;
  display: block;
  text-align: center;
}

.pdfdown:hover,
.advschbttn:hover,
.exceldown:hover {
  opacity: 0.8;
}

.exceldown {
  background: #0c4a0d;
}

.csearchadvfields.active {
  background: rgba(228, 167, 27, 0.3);
  padding: 30px;
}

.csearchadvfields .advsearch-col .labelselect {
  font-size: 17px;
  font-weight: 500;
}

.csearchadvfields .advsearch-col .dropdownform {
  margin: 0;
}

#csearchform .csearchadvfields input {
  border: solid 1px #cc092f;
  border-radius: 5px;
  padding: 5px;
  margin: 0 10px;
  font-size: 14px;
}

#csearchform .csearchadvfields label {
}

.numeroderesultados {
  width: 100%;
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

.listadoresultadosalfa {
  border: solid 3px #cc092f;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 20px auto;
  border-radius: 5px;
  max-width: 995px;
  max-width: 90%;
}

.listadoresultadosalfa ul {
  padding: 20px;
  list-style: none;
  margin-left: 30px;
}

.listadoresultadosalfa li {
  width: 45%;
  display: inline-flex;
  min-height: 25px;
  margin-right: 5%;
}

.listadoresultadosalfa li a:hover {
  color: #cc092f;
}

.listadoresultadosalfa li a:before {
  content: "";
  border-color: transparent #cc092f;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

.listadoresultadosalfa li a {
  font-size: 15px;
  color: #000;
  text-decoration: none;
  font-family: Open Sans, Arial, sans-serif;
  font-style: italic;
}

.dropdownform select,
.autocompfield {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 18px;
  font-style: italic;
  background: #fff;
}

.dropdownform .submitbtn:hover {
  background: #b3091f;
}

.dropdownform .submitbtn {
  background: none;
  border: none;
  background: #cc092f;
  font-weight: 600;
  color: #fff;
  border-radius: 0 5px 5px 0;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 25px;
  font-weight: 400;
}

.dropdownform {
  text-align: center;
  margin: 0 auto;
  max-width: 98%;
  margin-top: 60px;
  margin-bottom: 80px;
}

.dropdownform.dropdownformgis {
  margin: 0;
  padding-left: 30px;
  position: relative;
  text-align: left;
  background-color: rgba(230, 230, 230, 0.65);
}

.busquedalaterale .nombreespeciesig {
  position: absolute;
  top: 95px;
  right: 100px;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
  color: #b3091f;
}

.imagenficha {
  border: solid 10px #fff;
  position: absolute;
  top: -160px;
  right: 30px;
  z-index: 2;
  transform: rotate(5deg);
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
  background: #fff;
}
.imagenficha:first-of-type() {
  z-index: 3;
}
.imagenficha:nth-of-type(2) {
  transform: rotate(10deg);
  z-index: 3;
}
.imagenficha:nth-of-type(3) {
  transform: rotate(15deg);
}
.imagenficha:nth-of-type(4) {
  transform: rotate(15deg);
}
.imagenficha:nth-of-type(5) {
  transform: rotate(20deg);
}
.imagenficha:nth-of-type(6) {
  transform: rotate(25deg);
}
.imagenficha img {
  width: 180px;
}

.imagenficha.horizontal {
  top: -150px;
}

.imagenficha.horizontal img {
  width: 260px;
}

.imagenficha.topdf {
  display: none;
}
.litopdf {
  margin-bottom: 50px;
}

.dropdownform.dropdownformgis select {
  margin: 5px 0;
  width: 500px;
  border-radius: 5px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 95%,
    rgba(230, 230, 230, 1) 95%,
    rgba(230, 230, 230, 1) 100%
  );
}

.homedropd {
  margin-bottom: 0;
}

.dropdownform select,
.autocompfield {
  width: 385px;
  border: solid 1px #cc092f;
  border-radius: 5px 0 0 5px;
  padding: 10px;
}

.mainsearch #selectfield .ddown {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 95%,
    rgba(230, 230, 230, 1) 95%,
    rgba(230, 230, 230, 1) 100%
  );
}

.csearchadvfields .dropdownform .ddown {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 89%,
    rgba(230, 230, 230, 1) 89%,
    rgba(230, 230, 230, 1) 100%
  );
}

.dropdownform .autocompfield input {
  width: 400px;
  border: solid 1px #cc092f;
  border-radius: 5px;
  padding: 10px;
}

.listadoalfab {
  margin-top: 60px;
}

.listadoalfab ul {
  list-style: none;
  display: block;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}

.listadoalfab ul li {
  background: #e0e0e0;
  padding: 8px;
  border: solid 1px #ebebeb;
  margin: 5px;
  display: inline-flex;
  border-radius: 4px;
}

.listadoalfab ul li a {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 15px;
  text-decoration: none;
  font-weight: 600;
  color: #000;
  padding: 8px;
}

.listadoalfab ul li:hover {
  background: #bfbfbf;
}

.homedescription {
  font-family: Open Sans, Arial, sans-serif;
  background: #f6f6f6;
  margin-top: 30px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(230, 230, 230, 0.65);
}

.homedescription h3 {
  font-size: 20px;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.homedescription p {
  font-size: 15px;
  padding: 5px 40px;
  max-width: 900px;
  margin: 0 auto;
}

.botondescarga {
}
.botonsinonimia a {
  background: #cc092f;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  width: 200px;
  text-align: center;
  padding: 7px;
  margin: 10px auto;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
.botonsinonimia a:hover {
  opacity: 0.8;
}
.footer {
  width: 100%;
}
.legales {
  background-color: #5c0505;
  color: #fff;
  text-align: center;
  font-size: 10px;
  padding: 5px 0;
}
.legales a {
  color: #fff;
  text-align: center;
  font-size: 10px;
}
.footercierre {
  background: #cc092f;
  font-family: "Alegreya Sans", sans-serif;
  color: #fff;
  padding: 20px 40px;
  background-image: url("../images/logocut.png");
  background-repeat: no-repeat;
  background-position: right;
}

.footercierre ul {
  list-style: none;
}

.footercierre h4 {
  font-size: 30px;
  margin-left: 40px;
}

.footercierre ul li {
  font-family: Open Sans, Arial, sans-serif;
  font-size: 12px;
}

.footercierre ul .destacado {
  font-weight: 600;
  margin: 10px 0;
}

.taxonidcontainer {
  display: none;
}

#suggestions a {
  font-size: 14px;
  cursor: pointer;
}

#suggestions a:hover {
  color: #b3091f;
}

#suggestions {
  max-width: 400px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  text-align: left;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  left: 50%;
  margin-left: -175px;
  margin-top: 50px;
  z-index: 5;
  width: 400px;
}

/* listado */
.listadored .botonera {
  width: 50%;
  text-align: right;
  display: inline-flex;
  position: relative;
}

.listadored .export-button .pdfdown,
.listadored .export-button .exceldown {
  margin: 0;
  display: inline;
}

.listadoredrow {
}

.listadored {
  font-size: 13px;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: right;
}

.listadored #product-table {
  text-align: left;
  max-width: 95%;
  margin: 0 auto;
}

.listadoredrow {
  padding: 5px 0;
}

.listadoredrow .columnanombre,
.tablehead .columna2 {
  font-style: italic;
  width: 500px;
}

.listadoredrow .columnafamilia,
.tablehead .columna1 {
  width: 195px;
  padding-left: 5px;
}

.listadoredrow .columnacategoria,
.tablehead .columna3 {
  width: 70px;
  text-align: center;
}

.listadoredrow .columnaanio,
.tablehead .columna5 {
  width: 70px;
  text-align: center;
}

.listadoredrow .columnacriterios,
.tablehead .columna4 {
  width: 300px;
  text-align: center;
}

.tablehead .columna2 {
  font-style: normal;
}

.listadored .col {
}

.tablehead {
  background: #cc092f;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.tablehead {
  font-size: 12px;
}

.listadoredrow:nth-child(odd) {
  background: #daf1e0;
}

.listadoredrow:nth-child(even) {
}

.categoriahead {
  font-size: 30px;
  margin-top: 30px;
  color: #cc092f;
}

.categoriahead .intro {
  font-size: 20px;
  color: #000;
}

.listadored.pdfdes .listadoredrow {
}

.listadored.pdfdes .listadoredrow .col,
.listadored.pdfdes .tablehead .col {
  width: inherit;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

.listadored.pdfdes .categoriahead {
  font-size: 19px;
  padding-top: 20px;
  background: #f5f5f5;
  text-align: center;
  font-weight: bold;
}

.listadored.pdfdes .listadoredrow {
  border-bottom: solid 1px #fff;
}

.listadored.pdfdes .columnacategoria,
.listadored.pdfdes .columnaanio,
.listadored.pdfdes .columnacriterios {
  text-align: center !important;
}

.listadored.pdfdes tr td {
  padding: 5px;
}

.listadored.pdfdes .tablehead th {
  font-weight: normal;
  padding: 6px 0;
}

.listadored table tr td {
}

/* ficha */
#acordeonswitchon {
  border: solid 2px red;
  padding: 10px;
  max-width: 140px;
  text-align: center;
  cursor: pointer;
  top: 60px;
  position: relative;
  z-index: 1;
}

#acordeonswitchon img,
#acordeonswitchoff img {
  margin-right: 10px;
  position: relative;
  top: 5px;
}

#acordeonswitchoff img {
  opacity: 0.5;
}

#acordeonswitchoff {
  display: none;
  border: solid 2px red;
  padding: 10px;
  max-width: 140px;
  text-align: center;
  cursor: pointer;
  top: 60px;
  position: relative;
  z-index: 1;
}

/*
.active {
 opacity: 1;
  transform: translateY(12px);
}
*/

.textarea {
  width: 100%;
}

.subsec {
  padding: 20px;
}

.subsectitle {
  margin: 0 auto;
  max-width: 1090px;
  font-size: 25px;
  color: #0c4a0d;
  width: 100%;
  border-bottom: solid 2px #0c4a0d;
  padding-bottom: 15px;
  padding-top: 20px;
}

.subsec {
  max-width: 95%;
  margin: 0 auto;
  padding: 0 30px;
}

.fichaespecie input,
.fichaespecie label {
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
}

.fichaespecie textarea {
  width: 98%;
  word-wrap: normal;
}

.fichaespecie input,
textarea {
  border: none;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 18px;
  margin: 5px 0 10px 0;
}

.labelsec {
  font-size: 30px;
}

.labelsec img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.fichaespecie .fila {
  width: 100%;
  padding: 10px 0;
}

.fichaespecie label {
  font-size: 14px;
}

.fichaespecie {
  margin: 0 auto;
  color: black;

  /* padding: 45px 45px; */

  position: relative;
  /*  margin: 10px 10px; */

  background: transparent;
}

.fichaespecie.topdf {
  width: 1050px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.sec-intro.topdf,
.sec-est-con.topdf,
.f-sec-tax.topdf,
.f-sec-pre-ame.topdf,
.f-sec-med-con.topdf,
.f-sec-dis.topdf,
.f-sec-dem.topdf,
.f-sec-bio.topdf,
.f-sec-bib.topdf {
  width: 1050px !important;
}

.sec-intro.topdf {
  margin-left: 0 !important;
}

.f-sec-tax.topdf .seccion {
  width: 1050px !important;
}

.fichaespecie .seccion.activated .seccioncontent {
  height: auto;
}

.fichaespecie .seccioncontent .subsec table tr td {
  border-bottom: dashed 1px #949494;
}

.titular-subsec {
  margin: 20px 0;
}

.fichaespecie .seccion.activated .label::before {
  content: "-";
  font-size: 30px;
}

.fichaespecie .labelsec {
  position: relative;
  padding: 10px;
  font-size: 26px;
  color: black;
  cursor: pointer;
  z-index: 2;
  padding-left: 60px;
  font-weight: 500;
}

.fichaespecie .labelsec::before {
  content: "+";
  color: black;
  position: absolute;
  top: 50%;
  right: 25px;
  font-size: 30px;
  transform: translateY(-50%);
}

.fichaespecie .seccioncontent {
  position: relative;
  background: white;
  height: 0;
  font-size: 20px;
  text-align: justify;
  overflow: hidden;
  transition: 0.5s;
}

.fichaespecie hr {
  width: 100;
  margin-left: 0;
  border: 1px solid grey;
  padding: 0;
  margin: 0;
}

.fichaespecie .sec-intro label {
}

.fichaespecie .sec-intro label,
.fichaespecie .sec-intro input {
  display: inline-flex;
}

#veil {
  display: none;
  text-align: Center;
}

#veil img {
  margin: 0 auto;
  top: 45%;
  position: relative;
  width: 100px;
}

#veil.active {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  top: -11px;
  left: 0;
  z-index: 3;
}

.nombreespecie {
  font-size: 26px;
  font-style: italic;
  color: #fff;
}

.nombreespecie img {
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
}

.fichaespecie .sec-intro {
  height: 75px;
  border-radius: 10px 10px 0 0;
  background: #cc092f;
  width: 80%;
  right: 0;
  position: relative;
  margin-right: 0;
  margin-left: 180px;
}

.fichaespecie .sec-intro .nom-cie,
.fichaespecie .sec-intro .tax-id {
  padding: 20px;
  text-align: right;
  margin-right: 5px;
}

#nom-cie.confoto {
  margin-right: 260px;
}

.fichaespecie .sec-intro .nom-cie label {
  display: none;
}

.fichaespecie .sec-intro .tax-id {
  top: 60px;
  position: absolute;
}

.fichaespecie .sec-intro .tax-id label,
.fichaespecie .sec-intro .tax-id input {
  width: 48px;
  min-width: inherit;
  text-align: left;
}

.fichaespecie .sec-intro .nom-cie input {
  text-align: right;
  width: 80%;
  right: 0;
  position: relative;
  margin-left: 50%;
}

.fichaespecie .sec-intro input {
  font-size: 27px;
  border: none;
}

.fichaespecie .sec-intro .f-nomcie-inp {
}

.fichaespecie .sec-intro .nom-cie input {
  font-style: italic;
  margin: 0;
  font-style: italic;
  background: #87b27d;
  color: #fff;
  border-bottom: solid 2px #fff;
}

.fichaespecie .sec-intro .tax-id input {
  font-size: 15px;
  padding: 0;
  margin: 0;
  text-align: right;
}

.fichaespecie .f-sec-tax input,
.fichaespecie .f-sec-tax label {
  display: inline-flex;
}

.fichaespecie .f-sec-tax label:after {
  content: ": ";
}

.fichaespecie .sec-est-con input,
.fichaespecie .sec-est-con label {
  display: inline-flex;
  text-align: left;
}

.fichaespecie .sec-est-con input {
  width: 98%;
}

.fichaespecie .sec-est-con .estado_legal_listado .bloquecon {
  padding: 10px;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila1 {
  max-width: 300px;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila1,
.fichaespecie .sec-est-con .estado_legal_listado .fila2 {
  width: 49%;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila1 {
  width: 300px;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila1 .label,
.fichaespecie .sec-est-con .estado_legal_listado .fila2 .label {
  width: 150px;
  padding-top: 7px;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila2 {
}

.fichaespecie .sec-est-con .estado_legal_listado .fila3,
.fichaespecie .sec-est-con .estado_legal_listado .fila4 {
  display: block;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila3 .label,
.fichaespecie .sec-est-con .estado_legal_listado .fila4 .label {
  display: block;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila3 .input,
.fichaespecie .sec-est-con .estado_legal_listado .fila4 .input {
  display: block;
}

.fichaespecie .sec-est-con .estado_legal_listado .fila4 {
}

.fichaespecie .f-sec-tax {
  width: 100%;
}

.fichaespecie .f-sec-tax .seccioncontent {
  background: #edf7f0;
}

.fichaespecie .f-sec-tax .subsec2,
.fichaespecie .f-sec-tax .subsec3,
.fichaespecie .f-sec-tax .subsec4,
.fichaespecie .f-sec-tax .subsec5 .f-sec-tax .fichaespecie .f-sec-tax .subsec1 {
  width: 100%;
  display: inline-flex;
}

.fichaespecie .f-sec-tax .subsec3,
.fichaespecie .f-sec-tax .subsec4,
.fichaespecie .f-sec-tax .subsec5 {
  width: 45%;
}

.fichaespecie .f-sec-tax .subseccion1 {
  width: 100%;
  display: inline-flex;
}

.fichaespecie .f-sec-tax .subseccion1 input {
  width: 90%;
}

.fichaespecie .f-sec-tax .subseccion2 {
  width: 46%;
  float: left;
  padding-top: 20px;
}

.fichaespecie .f-sec-tax .subseccion2 input {
  max-width: 90%;
}

.fichaespecie .f-sec-tax .subsec1 input,
.fichaespecie .f-sec-tax .subsec1 label {
  display: block;
}

.fichaespecie .f-sec-tax .subsec1 .fila {
  display: block;
  width: 33%;
}

.fichaespecie .f-sec-tax .subsec3 {
  padding-top: 0;
  width: 470px;
}

.fichaespecie .f-sec-tax .subsec3 .taxonomia_nombre_comun,
.fichaespecie .f-sec-tax .subsec3 .taxonomia_nombre_comun table {
  width: 100%;
}

.fichaespecie .f-sec-tax .subsec5 {
  top: 15px;
  position: relative;
}

.fichaespecie .f-sec-tax .subsec5.fullwidth {
  width: 100%;
  max-width: 940px;
  float: left;
  top: 0;
}

.fichaespecie .f-sec-tax .taxonomia_nombres .fila {
  width: 47%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  padding: 4px 0;
}

.fichaespecie .f-sec-tax .taxonomia_nombres .label {
  width: 100%;
  display: block;
}

.fichaespecie .f-sec-tax .taxonomia_nombres .input {
  width: 100%;
  display: block;
  max-width: 185px;
}

.fichaespecie .bloquedatos .input,
.fichaespecie .bloquedatos .textarea,
.fichaespecie .bloquedatos .fila .input,
.fichaespecie .bloquedatos .fila .textarea {
  font-size: 14px;
}

.fichaespecie .subsec4 .taxonomia_sinonimos.bloquedatos .input1 {
  margin-right: 10px;
  width: 185px;
}

.fichaespecie .subsec4 .taxonomia_sinonimos.bloquedatos .input2 {
  width: 195px;
}

.fichaespecie .f-sec-pre-ame input {
  width: 100%;
}

.fichaespecie .f-sec-pre-ame .fila label:after {
  content: ": ";
}

.fichaespecie .f-sec-pre-ame label,
.fichaespecie .f-sec-pre-ame input {
  display: inline-flex;
}

.fichaespecie .f-sec-pre-ame input {
  width: 80%;
}

.fichaespecie .f-sec-pre-ame .fila.doble input {
  width: 300px;
}

.fichaespecie .f-sec-pre-ame .fila3 .input,
.fichaespecie .f-sec-pre-ame .fila4 .input {
  background: transparent;
  font-size: 20px;
}

.fichaespecie .f-sec-pre-ame .fila1 {
  border-top: dashed 1px #87b27d;
}

.fichaespecie .f-sec-pre-ame .fila2 {
  border-bottom: dashed 1px #87b27d;
}

.fichaespecie .f-sec-pre-ame .fila2 .label {
  position: relative;
}

.fichaespecie .f-sec-pre-ame .fila2 .input {
  margin-right: 40px;
}

.fichaespecie .f-sec-pre-ame .fila2 .input:first-child {
  margin-right: 50px;
}

.fichaespecie .f-sec-pre-ame .fila2 .labelyear {
  width: 50px !important;
}

.fichaespecie .fuentelabel {
}

.fichaespecie .bloquedatos .input.fuenteinput,
.fichaespecie .bloquedatos .fuenteinput,
.estado_legal_listado .bloquecon3.ambautonomico {
  background: transparent;
  font-size: 16px;
  line-height: 25px;
}

.fichaespecie .f-sec-med-con label,
.fichaespecie .f-sec-med-con input {
  display: inline-flex;
}

.fichaespecie .f-sec-med-con input {
  width: 100%;
}

.fichaespecie .f-sec-med-con .fila label:after {
  content: ": ";
}

.fichaespecie .f-sec-med-con input {
  width: 300px;
}

/*
.fichaespecie .f-sec-med-con .subsec1,.fichaespecie .f-sec-med-con .subsec2,.fichaespecie .f-sec-med-con .subsec3,.fichaespecie .f-sec-med-con .subsec4,.fichaespecie .f-sec-med-con .subsec5 {width:46%;float:left;}
*/
.fichaespecie .f-sec-dis label,
.fichaespecie .f-sec-dis input {
  display: inline-flex;
}

.fichaespecie .f-sec-dis input {
  width: 100%;
}

.fichaespecie .f-sec-dis .fila label:after {
  content: ": ";
}

.fichaespecie .f-sec-dis input {
  width: 300px;
}

/*
.fichaespecie .f-sec-dis .subsec1,.fichaespecie .f-sec-dis .subsec2,.fichaespecie .f-sec-dis .subsec3,.fichaespecie .f-sec-dis .subsec4 {width:46%;float:left;}
*/
.fichaespecie .f-sec-dis .fila.doble input {
  width: 43%;
  margin: 5px 1%;
}

.fichaespecie .f-sec-dis .fila.triple input {
  width: 27%;
  margin: 5px 1%;
}

.fichaespecie .f-sec-dis .mapa {
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 0;
}

.fichaespecie .f-sec-dis .mapa #notamapa {
  font-size: 12px;
}

.fichaespecie .f-sec-dis .mapa #notamapa.topdf {
  display: none;
}

.fichaespecie .f-sec-dis .mapa img {
  width: 100%;
}

.fichaespecie .f-sec-dis .label,
.fichaespecie .f-sec-dis .input {
  width: 100%;
  max-width: 930px;
}

.fichaespecie .f-sec-dis .fila4 {
  margin-bottom: 10px;
}

.fichaespecie
  .f-sec-dis
  .habitat_caracterizacion_ecologica_listado
  .fila1
  .label,
.fichaespecie
  .f-sec-dis
  .habitat_caracterizacion_ecologica_listado
  .fila1
  .input {
  width: 100px;
}

.fichaespecie .f-sec-dem .label,
.fichaespecie .f-sec-dem .input {
  display: inline-flex;
}

.fichaespecie .f-sec-dem .habitat_habitat_poblacion_listado1 .fila1 {
  border: solid 1px #c9dde0;
  padding: 20px;
  max-width: 980px;
  display: inline-flex;
}

.fichaespecie .f-sec-dem .habitat_habitat_poblacion_listado1 .fila3 {
  padding-top: 20px;
}

.fichaespecie .f-sec-dem .fila1 .caja {
  width: 33%;
}

.fichaespecie .f-sec-dem .fila1 .caja .label {
  width: auto;
  margin-right: 10px;
}

.fichaespecie .f-sec-dem .fila1 .input {
}

.fichaespecie .f-sec-dem input {
  width: 100%;
}

.fichaespecie .f-sec-dem .fila label:after {
  content: ": ";
}

.fichaespecie .f-sec-dem input {
  width: 80%;
}

.fichaespecie .f-sec-dem .fila.cuadruple input {
  width: 16%;
  margin: 5px 1%;
}

.fichaespecie .f-sec-dem .fila.cuadruple label {
  min-width: 50px;
}

.fichaespecie .f-sec-dem .label {
  width: 100%;
  padding-bottom: 3px;
}

.fichaespecie .f-sec-bio label,
.fichaespecie .f-sec-bio input {
  display: inline-flex;
}

.fichaespecie .f-sec-bio input {
  width: 100%;
}

.fichaespecie .f-sec-bio .fila label:after {
  content: ": ";
}

.fichaespecie .f-sec-bio input {
  width: 80%;
}

.fichaespecie .f-sec-bio .fila.cuadruple input {
  width: 16%;
  margin: 5px 1%;
}

.fichaespecie .f-sec-bio .fila.cuadruple label {
  min-width: 50px;
}

.fichaespecie .f-sec-bio .label {
  width: 100%;
}

.btndescarga {
  background: #cc092f;
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  width: 200px;
  text-align: center;
  padding: 15px;
  margin: 10px auto;
  cursor: pointer;
}

.btndescarga:hover {
  background: #dd3e5d;
}

.fichaespecie .sec-est-con,
.fichaespecie .sec-est-con .labelsec {
  background: #c0dec8;
  background: #c1c0de;
}

.fichaespecie .sec-est-con .seccioncontent {
  background: #e9e9f2;
}

.fichaespecie .f-sec-tax {
  background: #d1ead8;
}

.fichaespecie .f-sec-tax .label {
  font-size: 14px;
  display: inline-flex;
  text-align: left;
  width: 100px;
  padding-top: 7px;
}

.fichaespecie .f-sec-tax .label::before {
  content: none !important;
}

.fichaespecie .f-sec-tax .subseccion1 .label {
  width: 100%;
}

.fichaespecie .f-sec-tax .textarea {
  font-size: 18px;
  border: none;
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
  border-radius: 5px;
}

.fichaespecie .f-sec-tax .seccioncontent {
  background: #e3f2ee;
}

.fichaespecie .f-sec-pre-ame,
.fichaespecie .f-sec-pre-ame .labelsec {
  background: #c0d2de;
}

.fichaespecie .f-sec-pre-ame .seccioncontent,
.fichaespecie .f-sec-pre-ame .seccioncontent .subsec,
.fichaespecie .f-sec-pre-ame .seccioncontent .subsec .minpdf {
  background: #dfe7ed;
  page-break-inside: avoid;
}

.minpdf {
}

#falsebkg {
  z-index: -1;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
}
#fondos {
  position: absolute;
}

#falsebkg.topdf {
  display: block;
}

#clonefalsebkg {
  z-index: -1;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
}

#clonefalsebkg.topdf {
  display: block;
}

.salto {
  page-break-before: always;
}

.fichaespecie .f-sec-med-con,
.fichaespecie .f-sec-med-con .labelsec {
  background: #c9bbd6;
}

.fichaespecie .f-sec-med-con .seccioncontent {
  background: #e6e6f1;
}

.fichaespecie .f-sec-tax,
.fichaespecie .f-sec-dis,
.fichaespecie .f-sec-bio,
.fichaespecie .f-sec-dem,
.fichaespecie .f-sec-pre-ame,
.fichaespecie .f-sec-pre-ame,
.fichaespecie .f-sec-med-con,
.fichaespecie .sec-est-con,
.fichaespecie .f-sec-bib {
  margin-bottom: 0;
}

.fichaespecie .f-sec-dis,
.fichaespecie .f-sec-dis .labelsec {
  background: #b2d9d2;
}

.fichaespecie .f-sec-dis .seccioncontent,
.fichaespecie .f-sec-dis .subsec,
.fichaespecie .f-sec-dis .subsectitle {
  background: #deecea;
}

.fichaespecie .f-sec-dis .subsec2 {
}

.fichaespecie .f-sec-dem .seccioncontent,
.fichaespecie .f-sec-dem .seccioncontent .subsec {
  background: #deebed;
  background-color: #deebed;
}

.fichaespecie .f-sec-dem,
.fichaespecie .f-sec-dem .labelsec {
  background: #b8d3d8;
}

.fichaespecie .f-sec-bio,
.fichaespecie .f-sec-bio .labelsec {
  background: #c1e5d9;
}

.fichaespecie .f-sec-bio .seccioncontent {
  background: #d8eae3;
}

.fichaespecie .f-sec-bib,
.fichaespecie .f-sec-bib .labelsec {
  background: #d1bdd7;
}

.fichaespecie .f-sec-bib .seccioncontent {
  background: #eee1e6;
}

.taxonomia_especie .subseccion2 .input {
  width: 100%;
}

.taxonomia_especie .subseccion2 .fila {
  margin: 3px 0;
}

#f-sec-tax,
#f-sec-bio,
#f-sec-dis,
#f-sec-dem,
#f-sec-pre-ame,
#sec-est-con,
#f-sec-med-con,
#f-sec-bib {
  margin-bottom: 8px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
}

#f-sec-tax .seccion.activated,
#f-sec-bio .seccion.activated,
#f-sec-dis .seccion.activated,
#f-sec-dem .seccion.activated,
#f-sec-pre-ame .seccion.activated,
#sec-est-con .seccion.activated,
#f-sec-med-con .seccion.activated,
#f-sec-bib .seccion.activated {
  padding-bottom: 10px;
}

.fichaespecie
  .seccioncontent
  .subsec
  .estado_conservacion_listado
  table
  tr:nth-child(odd)
  td {
  background-color: rgba(219, 219, 234, 0.25);
}

.label {
  font-size: 14px;
  display: inline-flex;
  text-align: left;
  width: 100px;
}

.label::before {
  content: none !important;
}

.input {
  font-size: 18px;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  display: inline-flex;
}

.textarea {
  font-size: 18px;
  border: none;
  display: inline-flex;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
  border-radius: 5px;
}

/* taxonomia */
.taxonomia_nombres {
  max-height: 300px;
  overflow-y: scroll;
}

.taxonomia_especie .fila {
  padding: 0;
}

.taxonomia_especie .subseccion1 .fila {
  margin-right: 20px;
}

.taxonomia_especie .subseccion1 .fila .input {
  max-width: 300px;
  margin-right: 20px;
  overflow: auto;
}

.taxonomia_especie .fila input {
  width: 100%;
}

.taxonomia_nombre_comun {
}

.taxonomia_sinonimos {
  text-align: left;
  width: 470px;
}

.taxonomia_sinonimos .subsectitle {
  margin-bottom: 15px;
}

.taxonomia_descripcion label {
  min-width: inherit;
}

.taxonomia_especie .subsec1 input {
  max-width: 200px;
}

.subsec.subsec4.taxo {
  padding-top: 0;
}

.taxonomia_especie .subseccion2 .fila {
  display: inline-flex;
}

.taxonomia_especie .subseccion2 .fila label {
  width: 100px;
  text-align: left;
}

.taxonomia_descripcion .fila .label,
.taxonomia_descripcion .fila .input {
  display: block;
  width: 100%;
}

/* conservación */
.estado_conservacion_listado {
  max-height: 300px;
  overflow-y: scroll;
}

.estado_conservacion_listado input {
  max-width: 200px;
  margin: 0 10px;
  font-size: 18px;
}

.estado_conservacion_listado .input {
  max-width: 300px;
  margin: 0 10px;
  font-size: 18px;
}

.estado_conservacion_listado .label {
  margin-top: 10px;
}

.estado_conservacion_listado .fila2 .label {
  max-width: inherit;
  text-align: left;
  width: auto;
}

.estado_conservacion_listado .bloquecons {
  padding: 10px;
}

.estado_conservacion_listado .fila {
  display: inline-flex;
}

.estado_conservacion_listado .fila2 {
}

.estado_conservacion_listado #conservtable {
  width: 100%;
}

.estado_conservacion_listado .crituicn {
  background-color: rgba(219, 219, 234, 0.85);
  border-bottom: dashed 2px #e9e9f2;
}

.estado_conservacion_listado .crituicn::before {
  content: "UICN";
  font-size: 50px;
  float: right;
  color: #cfcfe4;
  margin-bottom: -45px;
}

.estado_conservacion_listado .critart17 {
  background-color: rgba(219, 219, 234, 0.5);
}

.estado_conservacion_listado .critart17::before {
  content: "Artículo 17";
  font-size: 50px;
  float: right;
  color: #dbdbea;
  margin-bottom: -45px;
}

.estado_conservacion_listado .crituicn .fila1,
.estado_conservacion_listado .crituicn .fila2,
.estado_conservacion_listado .critart17 .fila1,
.estado_conservacion_listado .critart17 .fil2 {
  z-index: 2;
}

.estado_conservacion_listado #con004 {
  max-width: 60px;
}

.estado_conservacion_listado #con005 {
  max-width: 720px;
}

.estado_legal_listado {
  max-height: 300px;
  overflow-y: scroll;
}

.estado_legal_listado input {
  max-width: 200px;
  margin: 0 10px;
}

.estado_legal_listado .fila {
  display: inline-flex;
}

.estado_legal_listado .fila4 {
  margin-bottom: 25px;
}

.estado_legal_listado .fila2 input,
.estado_legal_listado .fila3 input,
.estado_legal_listado .fila4 input {
  max-width: 100%;
}

.estado_legal_listado .bloquecon3 {
  padding: 10px;
}

.estado_legal_listado .bloquecon3 .fila1 label:nth-of-type(2) {
  width: 70px;
}

.estado_legal_listado .bloquecon3 .fila1 #con010 {
  max-width: 225px;
}

.estado_legal_listado .bloquecon3.ambnacional {
  background-color: rgba(219, 219, 234, 0.8);
  text-align: left;
}

.estado_legal_listado .bloquecon3.ambinternacional::before {
  content: "INTERNACIONAL";
  font-size: 50px;
  float: right;
  color: #dbdbea;
  margin-bottom: -45px;
}

.estado_legal_listado .bloquecon3.ambeuropeo {
  background-color: rgba(219, 219, 234, 0.6);
  text-align: left;
}

.estado_legal_listado .bloquecon3.ambeuropeo::before {
  content: "UNIÓN EUROPEA";
  font-size: 50px;
  float: right;
  color: #d3d3e7;
  margin-bottom: -45px;
}

.estado_legal_listado .bloquecon3.ambinternacional {
  background-color: rgba(219, 219, 234, 0.4);
  text-align: left;
}

.estado_legal_listado .bloquecon3.ambinternacional textarea {
  max-width: 800px;
}

.estado_legal_listado .bloquecon3.ambnacional::before {
  content: "NACIONAL";
  font-size: 50px;
  float: right;
  color: #cfcfe4;
  margin-bottom: -45px;
}

.estado_legal_listado .bloquecon3.ambautonomico {
  background-color: rgba(219, 219, 234, 0.2);
  text-align: left;
}

.estado_legal_listado .bloquecon3 .fila1 .con008 {
  display: none;
}

.estado_legal_listado .bloquecon3.ambautonomico::before {
  content: "AUTONÓMICO";
  font-size: 50px;
  float: right;
  color: #dbdbea;
  margin-bottom: -45px;
}

.descripcion_estado_conservacion {
}

/* presiones */
.presiones_listado,
.amenazas_listado {
  max-height: 300px;
  overflow-y: scroll;
}

.presiones_listado .fila2,
.amenazas_listado .fila2 {
  display: inline-flex;
}

.presiones_listado .fila4,
.amenazas_listado .fila4 {
}

.fichaespecie .seccioncontent .subsec .presiones_listado table,
.fichaespecie .seccioncontent .subsec .amenazas_listado table {
  width: 100%;
}

.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  table
  tr:nth-child(odd)
  td,
.fichaespecie
  .seccioncontent
  .subsec
  .amenazas_listado
  table
  tr:nth-child(odd)
  td {
  background-color: rgba(192, 210, 222, 0.5);
}

.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  .bloquecon:nth-child(odd) {
  background-color: rgba(192, 210, 222, 0.5);
}

.fichaespecie .seccioncontent .subsec .presiones_listado .fila4 {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 20px;
}

.fichaespecie .seccioncontent .subsec .presiones_listado .bloqueconpres2,
.fichaespecie .seccioncontent .subsec .presiones_listado .bloqueconpres3 {
  padding-top: 0;
  border-top: solid 2px #bbd1d2;
}

.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  .bloqueconpres2
  .minpdf:first-child {
}

.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  .bloqueconpres3:nth-child(even) {
  background: rgba(153, 180, 181, 0.15);
}

.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  .bloqueconpres2:first-child,
.fichaespecie
  .seccioncontent
  .subsec
  .presiones_listado
  .bloqueconpres3:first-child {
  border-top: none;
}

.fichaespecie .seccioncontent .subsec .presiones_listado .fila4 input,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila3 input {
  background: transparent;
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 input,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila2 input,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila3 input,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila4 input {
  margin-top: 0;
  padding: 8px;
  margin-bottom: 0;
}

.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 input {
  max-width: 475px;
}

.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 #pres006,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 #pres007,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 #pres011,
.fichaespecie .seccioncontent .subsec .presiones_listado .fila1 #pres012 {
  max-width: 90px;
}

.presiones_listado input {
  padding: 8px;
}

/* Medidas conservación */
.medidas_conservacion_listado {
  max-height: 300px;
  overflow-y: scroll;
}

.medidas_conservacion_listado .fila2,
.amenazas_listado .fila3 {
  display: inline-flex;
}

.medidas_conservacion_listado .fila4,
.amenazas_listado .fila4 {
  margin-bottom: 25px;
}

.subsecmedcon .fila .input,
.subsecmedcon .fila .label {
  width: 100%;
  max-width: 950px;
  display: block;
}

.descripcion_medidas_conservacion {
}

.planes_medidas_gestion_listado {
  max-height: 300px;
  overflow-y: scroll;
}

.planes_medidas_gestion_listado .fila3,
.amenazas_listado .fila3 {
  display: inline-flex;
}

.planes_medidas_gestion_listado .fila5 {
}

.planes_medidas_gestion_listado .fila {
  margin: 10px 0;
}

.descripcion_planes_medidas_gestion {
  border-top: solid 2px rgb(213, 207, 218);
}

.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado table,
.fichaespecie .seccioncontent .subsec .amenazas_listado table,
.fichaespecie .seccioncontent .subsec .planes_medidas_gestion_listado table {
  width: 100%;
}

.fichaespecie
  .seccioncontent
  .subsec
  .medidas_conservacion_listado
  table
  tr:nth-child(odd)
  td,
.fichaespecie
  .seccioncontent
  .subsec
  .planes_medidas_gestion_listado
  table
  tr:nth-child(odd)
  td {
  background-color: rgba(193, 192, 222, 0.5);
}

.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila,
.fichaespecie .seccioncontent .subsec .planes_medidas_gestion_listado .fila {
  padding: 0;
}

.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila label,
.fichaespecie
  .seccioncontent
  .subsec
  .planes_medidas_gestion_listado
  .fila
  label {
  width: 120px;
}

.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila input,
.fichaespecie
  .seccioncontent
  .subsec
  .planes_medidas_gestion_listado
  .fila
  input {
  width: 75%;
}

.fichaespecie
  .seccioncontent
  .subsec
  .planes_medidas_gestion_listado
  .fila3
  input {
  max-width: 200px;
}

.fichaespecie
  .seccioncontent
  .subsec
  .planes_medidas_gestion_listado
  .fila3
  label:nth-child(2) {
  width: 35px;
}

.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado table td,
.fichaespecie .seccioncontent .subsec .planes_medidas_gestion_listado table td {
  padding: 10px 0 0 0;
}

.fichaespecie
  .seccioncontent
  .subsec
  .descripcion_medidas_conservacion
  .fila
  input,
.fichaespecie
  .seccioncontent
  .subsec
  .descripcion_planes_medidas_gestion
  input {
  width: 85%;
}

.descripcion_presiones_amenazas .fila .label,
.descripcion_presiones_amenazas .fila .input {
  width: 100%;
  display: block;
  max-width: 970px;
}

/* hábitat */
.habitat_habitat_listado {
  background: #c9dde0;
  padding: 10px 10px 20px 10px;
  max-width: 1000px;
}

.fichaespecie .seccioncontent .subsec .habitat_distribucion_geografica table,
.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado table,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado table {
  width: 100%;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_distribucion_geografica
  table
  tr:nth-child(odd)
  td,
.fichaespecie
  .seccioncontent
  .subsec
  .habitat_habitat_listado
  table
  tr:nth-child(odd)
  td {
  background-color: rgba(210, 192, 222, 0.5);
}

.habitat_habitat_listado.bloquedatos .bloquecon:nth-child(odd) {
}

.habitat_habitat_listado.bloquedatos .bloquecon:first-child {
  padding: 0;
}

.habitat_habitat_listado.bloquedatos .bloquecon {
  border-bottom: dashed 1px #949494;
  padding: 5px 0;
}

.habitat_habitat_listado.bloquedatos .bloquecon #dis016,
.habitat_habitat_listado.bloquedatos .bloquecon #dis015 {
  background-color: transparent;
  font-size: 20px;
}

.habitat_habitat_listado.bloquedatos .bloquecon .fila4,
.habitat_habitat_listado.bloquedatos .bloquecon .fila3 {
  margin-bottom: 10px;
}

.habitat_habitat_listado.bloquedatos .bloquecon .fila4 {
}

.fichaespecie .seccioncontent .subsec .habitat_distribucion_geografica .fila,
.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila {
  padding: 0;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_distribucion_geografica
  .fila
  label,
.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila label,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila label {
  width: 120px;
}

.habitat_distribucion_geografica .fila1 {
  display: inline-flex;
}

.habitat_distribucion_geografica .fila4 {
  border-top: solid 2px #d0e4e1;
  margin-top: 20px;
}

.habitat_distribucion_geografica .fila1 .label {
  width: 200px;
}

.habitat_distribucion_geografica .fila1 .input {
  width: 300px;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_distribucion_geografica
  .fila
  input,
.fichaespecie .seccioncontent .subsec .medidas_conservacion_listado .fila input,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila input {
  width: 75%;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_habitat_listado
  .fila.fila4
  label {
  width: 30px;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_habitat_listado
  .fila.fila4
  input {
  width: 860px;
}

.habitat_habitat_listado #dis012 {
  max-width: 175px;
  width: 175px;
  background: transparent;
}

.fichaespecie .f-sec-bio .habitat_habitat_listado .label {
  width: auto;
}

.habitat_habitat_listado #dis013 {
  width: auto;
  min-width: 160px;
}

.habitat_habitat_listado .bloqueconbio {
}

.habitat_habitat_listado .altmin,
.habitat_habitat_listado .frumin,
.habitat_habitat_listado .flomin,
.habitat_habitat_listado .abumin {
  max-width: 900px;
  display: inline-flex;
}

.habitat_habitat_listado .altmin .fila,
.habitat_habitat_listado .frumin .fila,
.habitat_habitat_listado .flomin .fila,
.habitat_habitat_listado .abumin .fila {
  width: 450px;
}

.habitat_habitat_listado .altmax,
.habitat_habitat_listado .frumax,
.habitat_habitat_listado .flomax,
.habitat_habitat_listado .abumax {
  width: 450px;
}

.habitat_distribucion_geografica {
  max-height: 300px;
  overflow-y: scroll;
  margin: 0;
  padding: 20px 0;
  border-bottom: solid 2px #d0e4e1;
}

.habitat_distribucion_geografica_invasora label,
.habitat_distribucion_geografica_natural label {
  width: 100%;
}

.habitat_distribucion_geografica_invasora,
.habitat_distribucion_geografica_natural {
  width: 100%;
  background: transparent;
}

.fichaespecie .seccioncontent .habitat_distribucion_geografica_invasora input,
.fichaespecie .seccioncontent .habitat_distribucion_geografica_natural input {
  width: 95%;
}

.habitat_distribucion_geografica_invasora table,
.habitat_distribucion_geografica_natural table {
  width: 100%;
  background: transparent;
}

.habitat_distribucion_geografica_natural {
  background: #d0e4e1;
  padding: 10px;
  max-width: 1000px;
}

.habitat_distribucion_geografica .fila1 input {
  max-width: 200px;
}

.habitat_distribucion_geografica .fila1 label {
  text-align: left;
  max-width: 80px;
}

.habitat_habitat_descripcion table,
.habitat_descripcion_tendencia_poblacional table {
  width: 100%;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila2 input {
  width: 30%;
  margin-right: 1%;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila1 input {
  max-width: 200px;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila4 input {
  background: transparent;
  font-size: 20px;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila {
  padding-left: 5px;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila.fila1,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila.fila2,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila.fila3,
.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila.fila4 {
  max-width: 960px;
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila.fila4 {
  border-top: solid 2px #d6c1d6;
  padding-top: 10px;
}

.fichaespecie
  .seccioncontent
  .subsec
  .habitat_habitat_listado
  .bloqueconbio:nth-child(even) {
  background: rgba(223, 196, 235, 0.25);
}

.fichaespecie .seccioncontent .subsec .habitat_habitat_listado .fila4 #dis016 {
  background-color: transparent;
  font-size: 20px;
}

.fichaespecie .seccioncontent .subsec .demodatos {
  max-height: 300px;
  overflow-y: scroll;
}

.habitat_habitat_poblacion_listado1 .fila1 input,
.habitat_habitat_poblacion_listado2 .fila1 input {
  width: 20%;
  margin-right: 1%;
}

.habitat_habitat_poblacion_listado1 .fila2 input,
.habitat_habitat_poblacion_listado2 .fila2 input,
.habitat_habitat_poblacion_listado1 .fila3 input,
.habitat_habitat_poblacion_listado2 .fila3 input {
  width: 95%;
}

.habitat_habitat_poblacion_listado1 .fila1,
.habitat_habitat_poblacion_listado2 .fila1,
.habitat_habitat_poblacion_listado1 .fila2,
.habitat_habitat_poblacion_listado2 .fila2,
.habitat_habitat_poblacion_listado1 .fila3,
.habitat_habitat_poblacion_listado2 .fila3 {
  padding: 0;
}

.habitat_habitat_poblacion_listado1 .bloquecon {
  border-bottom: dashed 1px #949494;
}

.fichaespecie .seccioncontent .subsec .demografia1a .fila3 input,
.fichaespecie .seccioncontent .subsec .demografia1b .fila3 input,
.fichaespecie .seccioncontent .subsec .demografia1d .fila3 input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila4 input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila4b input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila5 input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila7 input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila8 input {
  background: transparent;
  font-size: 20px;
  width: 790px;
}

.fichaespecie .seccioncontent .subsec .demografia1a .fila2 input,
.fichaespecie .seccioncontent .subsec .demografia1b .fila2 input,
.fichaespecie .seccioncontent .subsec .demografia1d .fila2 input {
  background: transparent;
  font-size: 20px;
  width: 500px;
}

.fichaespecie .seccioncontent .subsec .demografia1a .fila1 input,
.fichaespecie .seccioncontent .subsec .demografia1b .fila1 input,
.fichaespecie .seccioncontent .subsec .demografia1d .fila1 input {
  width: 200px;
}

.fichaespecie .seccioncontent .subsec .demografia1a .fila6 input,
.fichaespecie .seccioncontent .subsec .demografia1a .fila9 input {
  max-width: 150px;
  margin: 0 5px;
}

.habitat_habitat_poblacion_listado1 table,
.habitat_habitat_poblacion_listado2 table {
  width: 100%;
}

.habitat_habitat_poblacion_listado3 {
}

.fichaespecie .seccioncontent .habitat_caracterizacion_ecologica_listado table {
  width: 100%;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila1
  input {
  width: 24%;
  margin-right: 1%;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila2
  input {
  width: 800px;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila1
  .fuenteinput {
  width: 100%;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila2 {
  width: 100%;
  display: inline-flex;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila2
  .label {
  width: 80px;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila2
  .input {
  width: 30%;
  margin: 0 2%;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila3 {
  display: inline-flex;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila3
  .label {
  width: 100px;
}

.fichaespecie
  .seccioncontent
  .habitat_caracterizacion_ecologica_listado
  .fila3
  .input {
  width: 120px;
}

.habitat_habitat_poblacion_listado3 .fila2 input,
.habitat_habitat_poblacion_listado3 .fila3 input {
  width: 95%;
}

.habitat_habitat_poblacion_listado3 .fila1,
.habitat_habitat_poblacion_listado3 .fila2,
.habitat_habitat_poblacion_listado3 .fila3 {
  padding: 0;
}

.habitat_habitat_poblacion_listado3 table {
  width: 100%;
}

.fichaespecie .seccioncontent .biologia_listado table,
.fichaespecie .seccioncontent .biologia_descripcion table {
  width: 100%;
}

.fichaespecie .seccioncontent .biologia_descripcion {
  margin-bottom: 20px;
}

.fichaespecie .seccioncontent .biologia_listado input {
  width: 85%;
}

.fichaespecie .seccioncontent .blistado3 .fila1 input {
  max-width: 100px;
}

.fichaespecie .seccioncontent .bibliografia table {
  width: 100%;
}

.fichaespecie .seccioncontent .bibliografia table tr:nth-child(odd) td {
  background-color: rgba(222, 192, 203, 0.5);
}

.fichaespecie .seccioncontent .bibliografia table tr td {
  padding-left: 10px;
}

.fichaespecie .seccioncontent .bibliografia input {
  width: 80%;
  display: inline-flex;
}

.fichaespecie .seccioncontent .bibliografia .label,
.fichaespecie .seccioncontent .bibliografia .input {
  display: block;
  max-width: 990px;
}

.fichaespecie .seccioncontent .bibliografia label {
  width: 100px;
  display: inline-flex;
  padding: 0;
}

.fichaespecie .seccioncontent .bibliografia .fila {
  padding: 0;
  margin-top: 20px;
}

.fichaespecie .seccioncontent .bibliografia {
  max-height: 300px;
  overflow-y: scroll;
}

.busquedalateral {
  position: fixed;
  left: -505px;
  z-index: 3;
  -webkit-transition: left 0.8s ease;
}

.infobtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: -34px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 0.8;
  content: "X";
  padding: 4px;
  top: 60px;
}

.infobtn.active {
  content: "X";
  font-size: 23px;
  background: #000;
  border-radius: 14px;
  border-radius: 0;
  width: 25px;
  height: 25px;
  top: 5px;
  margin-top: 0;
}

.infobtn.active img {
  display: none;
}

.infobtn.active:before {
  content: "X";
  font-size: 23px;
  top: 4px;
  position: relative;
}

.visorpage {
  background: url("../images/fondo-pagina.jpg");
  background: url("../images/map-blur.jpg");
  background-size: auto;
  background-size: cover;
  overflow-x: hidden;
  height: 100vh;
}

.visorpage .infobtn {
  top: 160px;
}

.visorpage .habitat_distribucion_geografica_natural {
  background: transparent;
}

.visorpage .habitat_distribucion_geografica_natural .label {
  width: 100%;
  font-size: 20px;
  margin-bottom: 20px;
}

.visorpage .infobtn.active,
.stats .infobtn.active {
  background: #cc092f;
  right: 0;
  border-radius: 50% 0 0 50%;
}

.visorpage .infobtn.active::before,
.stats .infobtn.active::before {
  background: url("../images/arrow-left.png");
  height: 15px;
  width: 15px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.visorpage .introvisor {
  background: rgba(255, 255, 255, 0.8);
  max-width: 800px;
  margin: 0 auto;
  margin-top: 100px;
  padding: 30px 30px 50px 30px;
  border: solid 1px #cc092f;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0 5px 5px 0;
  position: relative;
}

.visorpage .introvisor h4 {
  text-align: center;
  font-size: 35px;
}

/* stats */
.stats {
}

.stats .infolateral {
  width: inherit;
  height: inherit;
}

.stats .infolateral .menu-st-head {
  font-size: 40px;
  color: #cc092f;
  margin-bottom: 10px;
  text-align: center;
}

.stats .infolateral .menu-st-subhead {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}

.stats .infolateral .menu-st-cat {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0;
}
.stats .infolateral .menu-st-cat a {
  color: #000;
}

.stats .infolateral .menu-st-cat::before {
  display: block;
  color: #cc092f;
  background-image: url("../images/flecha.svg");
  background-size: content;
  height: 20px;
  width: 20px;
  content: "";
  display: inline-flex;
  margin-right: 10px;
}
.stats .infolateral .menu-st-cat a:hover,
.stats .infolateral .menu-st-subcat a:hover {
  color: #cc092f;
}
.stats .infolateral .menu-st-subcat {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0;
}
.stats .infolateral .menu-st-subcat a {
  cursor: pointer;
  color: #000;
}

.stats .infolateral .menu-st-subcat::before {
  margin-left: 50px;
  content: "·";
  color: #cc092f;
}

.stats .sideinfo {
  background-image: url("../images/fondo-stats-menu.jpg");
  width: 385px;
  height: 630px;
  border: solid 3px #cc092f;
  border-radius: 0 0 5px 5px;
}
.stats6 #table-container {
  font-size: 18px;
  margin-top: 50px;
}
.stats6 .textosseccion {
  margin-top: 80px;
}
.stats6 #table-container table thead td:nth-child(2) {
  background: #443d32;
  color: #fff;
}
.stats6 #table-container table thead td:nth-child(3) {
  background: #745a81;
  color: #fff;
}
.stats6 #table-container table thead td:nth-child(4) {
  background: #8a518d;
  color: #fff;
}
.stats6 #table-container table thead td:nth-child(5) {
  background: #a7341d;
}
.stats6 #table-container table thead td:nth-child(6) {
  background: #da833b;
}
.stats6 #table-container table thead td:nth-child(7) {
  background: #f1c538;
}
.stats6 #table-container table thead td:nth-child(8) {
  background: #98b833;
}
.stats6 #table-container table thead td:nth-child(9) {
  background: #6cb134;
}
.stats6 #table-container table thead td:nth-child(10) {
  background: #bcbcbc;
}
.stats6 #table-container thead td:nth-child(10) {
  background: #d8c3ee;
}
.stats6 #table-container tr td {
  width: 70px;
  text-align: center;
}
.stats6 #table-container tbody tr td:first-child {
  text-align: left;
  width: 100px;
}
.stats6 #table-container table td {
  border: solid 1px #dbe4e6;
  padding: 5px;
}
.stats6 #table-container table {
  border-spacing: 0;
  border-collapse: separate;
}
.stats6 #table-container table tr:nth-child(even) {
  background: #f3f8f4;
}
.stats6 #table-container table tr:nth-child(odd) {
}
.stats6 #table-container2 table {
  font-size: 16px;
  width: 100%;
}
.stats6 #table-container2 table td {
  padding: 5px;
}
.stats6 #table-container2 table tr:last-child {
}
.stats6 #table-container2 table tbody tr:nth-child(even) {
  background: #ddf0ed;
}
.stats6 #table-container2 table tbody tr:nth-child(odd) {
  background: #fff;
}
.stats6 #table-container2 table td:first-child {
  padding-right: 20px;
  font-style: italic;
}
.stats6 #table-container2 table td:nth-child(2) {
  text-align: center;
}
.stats6 #table-container2 table thead {
  background: #b2d9d2;
}
.stats9 table tr:last-child {
  display: none;
}

.contenidostats {
  width: 790px;
  right: 0;
  left: 50%;
  margin-left: -200px;
  margin-top: 50px;
  position: relative;
  -webkit-transition: margin-left 0.7s ease;
}
.bodyhome.stats {
  background-size: cover;
}
.contenidostats.active {
  left: 50%;
  margin-left: -345px;
}
.contenidostats .seccionstats .titleseccion {
  font-size: 30px;
  color: #cc092f;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 600;
}
.contenidostats .seccionstats .subtitleseccion {
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
}
.contenidostats .seccionstats .textosseccion,
.stats .textosseccion {
  font-size: 22px;
  text-align: center;
}
.stats .infolateral {
  left: -450px;
}
.myGrid {
  display: inline-block;
  margin-left: 10px;
  width: 300px;
}

.stats1 #chart-container {
  width: 800px;
  height: 500px;
  margin-bottom: 80px;
}
.stats1 #cat-bar {
  width: 800px;
  height: 500px;
}
.stats1 #cat-don {
  width: 650px;
  height: 500px;
  margin-top: 30px;
  max-width: 650px;
  margin: 0 auto;
}
.stats1 #table-container table {
  width: 100%;
  margin: 60px 0;
  border-collapse: collapse;
}
.stats1 #table-container table th,
.stats1 #table-container table td {
  text-align: center;
  font-size: 17px;
  max-width: 80px;
  padding: 10px 0;
}
.stats1 #table-container table th:nth-child(2) {
  background: #443d32;
  color: #fff;
}
.stats1 #table-container table th:nth-child(3) {
  background: #745a81;
  color: #fff;
}
.stats1 #table-container table th:nth-child(4) {
  background: #8a518d;
  color: #fff;
}
.stats1 #table-container table th:nth-child(5) {
  background: #a7341d;
}
.stats1 #table-container table th:nth-child(6) {
  background: #da833b;
}
.stats1 #table-container table th:nth-child(7) {
  background: #f1c538;
}
.stats1 #table-container table th:nth-child(8) {
  background: #98b833;
}
.stats1 #table-container table th:nth-child(9) {
  background: #6cb134;
}
.stats1 #table-container table th:nth-child(10) {
  background: #bcbcbc;
}
.stats1 #table-container table td {
  border: solid 1px #c0d2de;
}
.stats #table-container .pretable th:nth-child(2),
.stats #table-container .pretable th:nth-child(3),
.stats #table-container .pretable th:nth-child(4),
.stats #table-container .pretable th:nth-child(5),
.stats #table-container .pretable th:nth-child(6),
.stats #table-container .pretable th:nth-child(7),
.stats #table-container .pretable th:nth-child(8),
.stats #table-container .pretable th:nth-child(9),
.stats #table-container .pretable th:nth-child(10) {
  border: none;
  background: transparent;
}
.stats #table-container .pretable th:nth-child(5),
.stats #table-container .pretable th:nth-child(6),
.stats #table-container .pretable th:nth-child(7) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats #table-container .pretable th:nth-child(6):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}

.stats3 #table-container thead tr:first-child :nth-child(1),
.stats3 #table-container thead tr:first-child :nth-child(2),
.stats3 #table-container thead tr:first-child td:nth-child(3),
.stats3 #table-container thead tr:first-child td:nth-child(4),
.stats3 #table-container thead tr:first-child td:nth-child(5),
.stats3 #table-container thead tr:first-child td:nth-child(6),
.stats3 #table-container thead tr:first-child td:nth-child(7),
.stats3 #table-container thead tr:first-child td:nth-child(8),
.stats3 #table-container thead tr:first-child td:nth-child(9),
.stats3 #table-container thead tr:first-child td:nth-child(10),
.stats3 #table-container thead tr:first-child td:nth-child(11) {
  border: none;
  background: transparent;
}
.stats3 #table-container thead tr:first-child td:nth-child(5),
.stats3 #table-container thead tr:first-child td:nth-child(6),
.stats3 #table-container thead tr:first-child td:nth-child(7) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats3 #table-container thead tr:first-child td:nth-child(6):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}

.stats4 #table-container tr:first-child :nth-child(1),
.stats4 #table-container tr:first-child :nth-child(2),
.stats4 #table-container tr:first-child td:nth-child(3),
.stats4 #table-container tr:first-child td:nth-child(4),
.stats4 #table-container tr:first-child td:nth-child(5),
.stats4 #table-container tr:first-child td:nth-child(6),
.stats4 #table-container tr:first-child td:nth-child(7),
.stats4 #table-container tr:first-child td:nth-child(8),
.stats4 #table-container tr:first-child td:nth-child(9),
.stats4 #table-container tr:first-child td:nth-child(10) {
  border: none;
  background: transparent;
}
.stats4 #table-container thead tr:first-child td:nth-child(4),
.stats4 #table-container thead tr:first-child td:nth-child(5),
.stats4 #table-container thead tr:first-child td:nth-child(6) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats4 #table-container thead tr:first-child td:nth-child(5):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}

.stats6 #table-container thead tr:first-child :nth-child(1),
.stats6 #table-container thead tr:first-child :nth-child(2),
.stats6 #table-container thead tr:first-child td:nth-child(3),
.stats6 #table-container thead tr:first-child td:nth-child(4),
.stats6 #table-container thead tr:first-child td:nth-child(5),
.stats6 #table-container thead tr:first-child td:nth-child(6),
.stats6 #table-container thead tr:first-child td:nth-child(7),
.stats6 #table-container thead tr:first-child td:nth-child(8),
.stats6 #table-container thead tr:first-child td:nth-child(9),
.stats6 #table-container thead tr:first-child td:nth-child(10),
.stats6 #table-container thead tr:first-child td:nth-child(11) {
  border: none;
  background: transparent;
}
.stats6 #table-container thead tr:first-child td:nth-child(5),
.stats6 #table-container thead tr:first-child td:nth-child(6),
.stats6 #table-container thead tr:first-child td:nth-child(7) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats6 #table-container thead tr:first-child td:nth-child(6):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}

.stats #total-amenazadas,
.pietabala {
  font-size: 20px;
  text-align: center;
  top: -50px;
  position: relative;
  font-weight: 500;
}
.stats6 .pietabala {
  top: 20px;
}
.stats3 #table-container {
  font-size: 18px;
}
.stats3 #table-container thead td:nth-child(2),
.stats9 #table-container th:nth-child(2) {
  background: #443d32;
  color: #fff;
}
.stats3 #table-container thead td:nth-child(3),
.stats9 #table-container th:nth-child(3) {
  background: #745a81;
  color: #fff;
}
.stats3 #table-container thead td:nth-child(3),
.stats9 #table-container th:nth-child(4) {
  background: #8a518d;
  color: #fff;
}
.stats3 #table-container thead td:nth-child(4),
.stats9 #table-container th:nth-child(5) {
  background: #a7341d;
}
.stats3 #table-container thead td:nth-child(5),
.stats9 #table-container th:nth-child(6) {
  background: #da833b;
}
.stats3 #table-container thead td:nth-child(6),
.stats9 #table-container th:nth-child(7) {
  background: #f1c538;
}
.stats3 #table-container thead td:nth-child(7),
.stats9 #table-container th:nth-child(8) {
  background: #98b833;
}
.stats3 #table-container thead td:nth-child(8),
.stats9 #table-container th:nth-child(9) {
  background: #6cb134;
}
.stats3 #table-container thead td:nth-child(9),
.stats9 #table-container th:nth-child(10) {
  background: #bcbcbc;
}
.stats3 #table-container thead td:nth-child(10),
.stats9 #table-container th:nth-child(11) {
  background: #d8c3ee;
}
.stats3 #table-container tr td {
  width: 70px;
  text-align: center;
}
.stats3 #table-container tbody tr td:first-child {
  text-align: left;
  width: 100px;
}
.stats3 #table-container table td {
  border: solid 1px #dbe4e6;
  padding: 5px;
}
.stats3 #table-container table {
  border-spacing: 0;
  background: #fff;
  border-collapse: separate;
}
.stats3 #table-container table tr:nth-child(even) {
  background: #f3f8f4;
}
.stats3 #table-container table tr:nth-child(odd) {
}
.stats3 #table-container {
}
.stats3 #tabladatos {
}
.stats3 #tabladatos td,
.stats3 #tabladatos th {
  padding: 20px;
  font-size: 20px;
}
.stats5 #tabladatos td,
.stats5 #tabladatos th {
  padding: 10px;
  font-size: 17px;
  text-align: center;
}
.stats5 #tabladatos tr:last-child td,
.stats5 #tabladatos tr td:last-child {
  background: #e1eef0;
}
.stats5 #tabladatos tr:last-child td:last-child {
  background: #b8d3d8;
}
.stats3 #tabladatos th {
  background: #b8d3d8;
}
.stats3 #tabladatos tr:nth-child(2) th {
  background: #a7341d;
}
.stats3 #tabladatos tr:nth-child(3) th {
  background: #da833b;
}
.stats3 #tabladatos tr:nth-child(4) th {
  background: #f1c538;
}
.stats3 #tabladatos td {
  border: solid 1px;
}

.stats9 #table-container tr:first-child th,
.stats10 #table-container tr:first-child th {
  border: none;
  background: transparent;
}
.stats9 #table-container tr:first-child th:nth-child(5),
.stats9 #table-container tr:first-child th:nth-child(6),
.stats9 #table-container tr:first-child th:nth-child(7) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats9 #table-container tr:first-child th:nth-child(6):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}
.stats10 #table-container tr:first-child th,
.stats10 #table-container tr:first-child th {
  border: none;
  background: transparent;
}
.stats10 #table-container tr:first-child th:nth-child(4),
.stats10 #table-container tr:first-child th:nth-child(5),
.stats10 #table-container tr:first-child th:nth-child(6) {
  height: 20px;
  padding: 0;
  background: rgb(227, 191, 191);
}
.stats10 #table-container tr:first-child th:nth-child(5):after {
  content: "AMENAZADAS";
  font-size: 12px;
  position: absolute;
  margin-left: -45px;
  margin-top: -5px;
}

/* fin de stats */

.busquedalateral.busquedasig {
  position: relative;
}

.busquedalateral input {
  display: none;
}

.busquedalateral label {
  cursor: pointer;
  display: inline-block;
  border: 1px solid grey;
  border-radius: 0 5px 5px 0;
  background-image: url("../images/lupa.png");
  height: 50px;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}

.busquedalateral label:hover {
  opacity: 0.6;
}

.busquedalateral .sidesearch,
.sideinfo {
  -webkit-transition: left 0.3s ease;
  width: 1200px;
  height: 450px;
  background: #ebebeb;
  border: solid 1px #cc092f;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0 5px 5px 0;
  position: relative;
  background-image: url("../images/fondo-side-search.jpg");
  background-size: cover;
}
.busquedalateral .sidesearch .dropdownform .submitbtn {
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  border-radius: 5px;
  padding: 10px 40px;
}
.busquedalateral .sidesearch {
  width: 500px;
  height: 280px;
}
.busquedalateral .sidesearch h3 {
  text-align: center;
  padding: 20px;
}
.sidesearch #searchform .mainsearch #selectfield {
  margin: 0 auto;
}

.sidesearch #searchform .advschbttn {
  top: 50px;
}

.sideinfo {
  width: 400px;
  height: 800px;
  padding: 30px;
}

.sideinfo h3 {
  text-align: center;
  font-size: 20px;
}

.sideinfo p {
  font-size: 15px;
  text-align: justify;
  margin-bottom: 5px;
}

.infolateral {
  -webkit-transition: left 0.7s ease;
  width: 400px;
  height: 800px;
  position: fixed;
  left: -462px;
  z-index: 3;
}

.busquedalateral.active,
.infolateral.active {
  z-index: 4;
  left: 0;
}

#csearchadvbtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: -40px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 0.8;
  content: "X";
  padding: 4px;
  width: 30px;
  height: 30px;
}

#csearchadvbtn img {
  margin-top: 5px;
  width: 32px;
  height: 32px;
}

#csearchadvbtn-bkp:before {
  content: ">";
  font-size: 27px;
  color: #fff;
  position: absolute;
  margin-top: 4px;
  font-weight: bold;
  right: 6px;
}

#csearchadvbtn.active:before {
  content: "X";
  font-size: 23px;
  right: 8px;
  margin-top: 4px;
}

#csearchadvbtn.active img {
  display: none;
}

#csearchadvbtn.active {
  background: #000;
}

.busquedalateral input:checked + .searchmenu {
  width: 1000px;
  height: 440px;
}

.busquedalateral .searchmenu input {
  display: inline;
}

.searchmenu .csearchadvfields input {
  width: 23%;
}

.listadosig {
  background: rgba(255, 255, 255, 0.78);
  max-height: 90vh;
  overflow-y: scroll;
}

.listadosig ul li {
  list-style: none;
}

.listadosig ul li a {
  font-style: italic;
}

.mapasig iframe {
  width: 100%;
  height: 90vh;
}

#load {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  background: url("../images/loading.gif") no-repeat center center
    rgba(0, 0, 0, 0.25);
  background-size: 100px 100px;
}
/* MENÚ HAMBURGUESA */

#menu_on {
  display: inline-block;
  width: 30px;
  height: 20px;
  position: relative;
  z-index: 5;
}

#menu_on span {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  display: block;
  position: absolute;
  background: #fff;
  transition: all 0.25s ease; /* Propiedades a animar | Tiempo | Tipo animación*/
  transform-origin: 0px 100%;
}

#menu_on span:nth-child(2) {
  top: calc(50% - 2px);
}

#menu_on span:nth-child(3) {
  bottom: 0;
}
nav {
  position: fixed;
  top: 0;
  right: -300px; /* Escondemos nuestro menú con un valor negativo */
  width: 300px;
  z-index: 3;
  padding: 90px 10px 10px;
  background: #cb0a31f0;
  opacity: 0;
  transition: all 0.75s ease;
  font-size: 1.2em;
}
nav ul {
  list-style: none;
}
nav ul li img {
  max-width: 30px;
  margin-right: 20px;
}
nav ul li:first-child img {
  margin-left: 10px;
}
nav ul li {
  color: #fff;
}
nav a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all ease 0.25s;
}

nav a:hover {
  color: rgba(255, 255, 255, 1);
  border-bottom-color: rgba(255, 255, 255, 0.4);
}
.visible_menu span:nth-child(1) {
  transform: rotate(45deg) translate(-2px, 1px);
}

.visible_menu span:nth-child(2) {
  opacity: 0;
}

.visible_menu span:nth-child(3) {
  transform: rotate(-45deg) translate(-3px, 3px);
}

.visible_menu nav {
  right: 0;
  opacity: 1;
}
.visible_menu #content {
  transform: translateX(260px);
}
.bodyficha.visible_menu #content {
  transform: none;
}
.bodyficha .visible_menu .contentmenu {
  transform: translateX(260px);
}
#sub-menu {
  display: none;
  z-index: 2;
  left: -180px;
  position: absolute;
  top: 55px;
}

#sub-menu li {
  width: 225px;
  padding: 4px 4px 0 4px;
}

#participa:hover #sub-menu {
  display: block;
}
nav .submenu li a {
  font-size: 14px;
  margin-top: 10px;
}
/*RESPONSIVE*/
@media (max-width: 1500px) {
  .sitename h1 {
    font-size: 18px;
  }

  .menu ul li a {
    font-size: 10px;
    font-weight: 600;
  }
  .menu {
    right: 15px;
  }
}

@media (max-width: 1200px) {
  .menu {
    right: 8px;
  }
  .menu ul li a {
  }
  .menu ul li {
    margin: 0 5px;
  }
  .seccionhome.seccion3 {
    width: inherit;
  }
  .seccionhome.seccion3 .imagenseccion {
    display: none;
  }
  .stats .sideinfo {
    width: 270px;
  }
  .stats .infolateral {
    left: -294px;
  }
  .stats .infolateral.active {
    left: 0;
  }
  .stats .sideinfo {
    padding-left: 10px;
    padding-right: 10px;
  }
  .stats3 #tabladatos td,
  .stats3 #tabladatos th {
    padding: 15px;
    font-size: 16px;
  }
  .contenidostats {
    max-width: 700px;
  }
}

@media (max-width: 1350px) {
  .hamburg {
    display: block;
    position: absolute;
    right: 20px;
    padding: 20px;
    z-index: 5;
    top: 0;
  }
  nav {
    display: block;
  }
  .menu {
    display: none;
  }
  .footercierre {
    background-size: contain;
  }
}
@media (max-width: 1050px) {
  .csearchadvfields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 10px;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  .csearchadvfields .advsearch-col select {
    width: 100%;
  }
  .csearchadvfields .advsearch-col {
    width: auto;
  }
  .advsearch-col:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  .advsearch-col:nth-child(2) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  .advsearch-col:nth-child(3) {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
  }
  .advsearch-col:nth-child(4) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
  .advsearch-col:nth-child(5) {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }
  .fichaespecie .bloquedatos .input,
  .fichaespecie .bloquedatos .textarea,
  .fichaespecie .bloquedatos .fila .input,
  .fichaespecie .bloquedatos .fila .textarea,
  .fichaespecie .fila .label {
    max-width: 95%;
  }
  .fichaespecie .fila {
    max-width: 97%;
  }
  .fichaespecie .subsec4 .taxonomia_sinonimos.bloquedatos .input {
    margin-bottom: 10px;
  }
  .imagenficha {
    max-width: 100px;
    top: -80px;
    border: solid 5px #fff;
  }
  .imagenficha img {
    max-width: 100%;
  }
  .formintro.ficha {
    display: none;
  }
  .nombreespecie img {
    display: none;
  }
  .busquedalaterale .nombreespeciesig {
    position: relative;
    position: relative;
    top: 0;
    right: 0;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.65);
    padding: 10px 20px 10px 0;
  }
  .contenidostats {
    max-width: 650px;
  }
  .contenidostats #chart-container {
    max-width: 90%;
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }
  .stats .sideinfo {
    opacity: 0.9;
  }
  .contenidostats {
    left: 50%;
    margin-left: -345px;
  }
}
@media (max-width: 890px) {
  .sectitle .headtitle {
    font-size: 23px;
    margin-bottom: 10px;
    color: #cc092f;
    font-weight: 600;
  }
  .headbutton a {
    background: #cc092f;
  }
  .sectitle .headsubtitle {
    font-size: 12px;
    color: #000;
  }
  .sectitle {
    background: rgba(223, 223, 223, 0.9);
  }
  .separador-slider {
    top: -140px;
    height: 140px;
    margin-bottom: -140px;
  }
  .separador-slider img {
    height: 140px;
  }
  .sectitle {
    max-width: 100%;
    width: 500px;
    left: 50%;
    margin-left: -280px;
  }
  .seccionhome .bloquetextosseccion {
    max-width: 90%;
    margin: 0 auto;
  }
  .seccionhome.seccion1 {
    margin-top: 0;
  }
  .seccionhome {
    max-width: 90%;
    margin: 0 auto;
  }
  .seccionhome .bloquetextosseccion {
    max-width: 100%;
  }
  .seccionhome.seccion2 .bloquetextosseccion {
    max-width: 90%;
    margin: 0 auto;
    padding: 40px 20px;
  }
  .seccionhome.seccion4 {
    padding-top: 40px;
  }
  .seccionhome {
    background: rgba(255, 255, 255, 0.528);
  }
}
@media (max-width: 780px) {
  .listadoredrow .columnacriterios,
  .listadoredrow .columnafamilia,
  .listadoredrow .columnanombre,
  .listadoredrow .columnacategoria,
  .listadoredrow .columnaanio {
    width: auto;
    max-width: 80px;
    word-wrap: break-word;
    padding: 4px;
  }
  .listadored {
    max-width: 95%;
  }
  .listadored .botonera {
    display: block;
  }
  .contenidostats,
  .contenidostats.active {
    max-width: 95%;
    margin: 0 auto;
    left: 0;
    margin-top: 30px;
  }
  .contenidostats #chart-container {
    max-width: 100%;
    width: 100%;
  }
  .contenidostats table {
    max-width: 100%;
    font-size: 15px;
  }
  .contenidostats table td {
    width: auto !important;
  }
  .stats .infolateral .menu-st-head {
    font-size: 32px;
  }
  .stats3 #tabladatos {
    margin: 0 auto;
  }
  .stats #table-container table {
    margin: 0 auto;
  }
  .stats9 #table-container tr:first-child th:nth-child(5)::after,
  .stats10 #table-container tr:first-child th:nth-child(5)::after,
  .stats6 #table-container thead tr:first-child td:nth-child(5)::after,
  .stats3 #table-container thead tr:first-child td:nth-child(5)::after,
  .stats #table-container .pretable th:nth-child(5)::after {
    font-size: 8px;
    margin-left: -35px;
  }
  .stats #total-amenazadas,
  .pietabala {
    top: 0;
    margin: 20px 0;
  }
}
@media (max-width: 760px) {
  .seccionhome.seccion2 .seccioncontenido .imagenseccion {
    display: none;
  }
  .seccionhome.seccion2 .bloquetextosseccion {
    width: 100%;
    background: rgba(204, 234, 190, 0.548);
  }
  .tabsform {
    width: 100%;
  }
  .tabsform .tabbtn {
    width: 25%;
  }
  .fichaespecie .f-sec-tax .subsec5.fullwidth {
    max-width: 88%;
  }
}
@media (max-width: 725px) {
  .fichaespecie .f-sec-tax .subseccion1 {
    display: block;
  }
  .fichaespecie .f-sec-tax .subseccion1 .input {
    width: 100%;
  }
  .fichaespecie .f-sec-tax .subseccion2,
  .fichaespecie .f-sec-tax .subsec4,
  .taxonomia_sinonimos {
    float: inherit;
    width: 100%;
  }
  .stats3 #tabladatos td,
  .stats3 #tabladatos th {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .csearchadvfields {
    grid-template-columns: repeat(2, 1fr);
  }
  .csearchadvfields .advsearch-col select {
    width: 100%;
  }
  .csearchadvfields .advsearch-col {
    width: auto;
  }
  .advsearch-col:nth-child(1) {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
  }
  .advsearch-col:nth-child(2) {
    grid-row: 1 / 3;
    grid-column: 2 / 2;
  }
  .advsearch-col:nth-child(3) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
  .advsearch-col:nth-child(4) {
    grid-row: 2 / 3;
    grid-column: 2 / 2;
  }
  .advsearch-col:nth-child(5) {
    grid-row: 3 / 3;
    grid-column: 1 / 1;
  }
  .nombreespecie {
    font-size: 20px;
  }
}
@media (max-width: 590px) {
  .sectitle {
    width: 300px;
    margin-left: -180px;
  }
  .seccionhome.seccion5 input,
  .seccionhome.seccion5 textarea {
    padding: 10px 2px;
  }
}
@media (max-width: 570px) {
  .sitename h1 {
    width: 260px;
    font-size: 13px;
  }
  .seccionhome .titleseccion {
    font-size: 36px;
  }
  .seccionhome .subtitleseccion {
    font-size: 20px;
  }
  .bloquecons.crituicn .fila1,
  .bloquecons.crituicn .fila2 {
    display: block;
  }
  .bloquecons.crituicn .fila1 .input,
  .bloquecons.crituicn .fila2 .input,
  .bloquecons.crituicn .fila1 .label,
  .bloquecons.crituicn .fila2 .input,
  .bloquecons.crituicn .fila2 .label {
    width: 100%;
    margin-bottom: 5px;
  }
  .bloquecon3 .fila1 .input,
  .bloquecon3 .fila1 .label,
  .bloquecon3 .fila2 .input,
  .bloquecon3 .fila2 .label {
    width: 100%;
    margin-bottom: 5px;
  }
  .bloquecon3 .fila1,
  .bloquecon3 .fila2 {
    display: block;
  }
  .stats3 #tabladatos td,
  .stats3 #tabladatos th {
    padding: 7px;
    font-size: 12px;
  }
  .slider_section .img-box img {
    width: inherit;
    left: -50%;
    position: relative;
  }
  .slider_section.position-relative,
  #carouselExampleControls {
    max-height: 450px;
  }
  #acordeonswitchon {
    display: none;
  }
  .fichaespecie .sec-intro {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .sitename h1 {
    width: 200px;
    font-size: 15px;
  }
  .dropdownform select,
  .autocompfield,
  #selectfield {
    max-width: 280px;
  }
  .infoadsearch {
    font-size: 15px;
    line-height: 22px;
    padding: 10px;
  }
  .csearchadvfields {
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }
  .csearchadvfields .advsearch-col {
    margin: 15px 0;
  }
  .listadoresultadosalfa li {
    width: 100%;
    display: block;
    margin-right: 0;
  }
  .imagenficha {
    max-width: 180px;
    position: relative;
    margin: 0 auto;
    top: 0;
    right: -90px;
  }
  .fichaespecie .sec-intro {
    width: 100%;
    margin-left: 0;
  }
  #nom-cie.confoto {
    margin-right: 0;
  }
  #acordeonswitchon {
    top: 260px;
  }
  .bodyficha .content {
    padding-top: 0;
  }

  .bodyficha .subsectitle {
    text-align: left;
  }
  .fichaespecie .labelsec {
    font-size: 23px;
    word-wrap: break-word;
    max-width: 75%;
  }
  .fichaespecie .labelsec::before {
    right: -10px;
  }
  .dropdownform.dropdownformgis select {
    width: 100%;
    max-width: 100%;
  }
  .busquedalaterale .nombreespeciesig {
    font-size: 19px;
  }
  .contenidostats table {
    margin: 0 auto;
  }
  .contenidostats table td {
    font-size: 12px;
  }
  .contenidostats .seccionstats .titleseccion {
    font-size: 24px;
  }
  .stats1 #table-container table th,
  .stats1 #table-container table td {
    font-size: 11px;
  }
  .stats .infolateral .menu-st-head {
    font-size: 30px;
  }
  #fichaespecie {
    margin-top: 20px;
  }
}
@media (max-width: 436px) {
  .logo {
    width: 68px;
    overflow: hidden;
  }
  .logo img {
    width: 155px;
  }
  .sitename {
    padding: 0 10px;
  }
  .infolateral {
    display: none;
  }
  .stats .infolateral {
    display: block;
  }
  .contenidostats table td {
    font-size: 11px;
    max-width: 80px;
    word-wrap: break-word;
  }
  .stats3 #tabladatos td,
  .stats3 #tabladatos th {
    padding: 4px;
    font-size: 10px;
  }
}
@media (max-width: 406px) {
  .listadoredrow .columnacriterios,
  .listadoredrow .columnafamilia,
  .listadoredrow .columnanombre,
  .listadoredrow .columnacategoria,
  .listadoredrow .columnaanio {
    font-size: 11px;
    max-width: 50px;
  }
  .stats #table-container .pretable th:nth-child(5)::after {
    font-size: 9px;
    margin-left: -33px;
  }
}
@media (max-width: 380px) {
  .nombreespecie {
    text-align: center;
  }
  .imagenficha {
    max-width: 125px;
  }
  #acordeonswitchon {
    top: 180px;
  }
  .contenidostats table td {
    font-size: 10px;
    max-width: 60px;
  }
}
@media (max-width: 350px) {
  .sitename h1 {
    width: 145px;
    font-size: 11px;
    line-height: 15px;
    padding-top: 13px;
  }
  .dropdownform select,
  .autocompfield,
  #selectfield {
    max-width: 240px;
  }
  .separador-slider {
  }
  .sectitle {
    width: 260px;
    margin-left: -160px;
  }
  .sectitle .headtitle {
    font-size: 23px;
    font-weight: 600;
  }
  .sectitle .headsubtitle {
    font-size: 15px;
  }
  .fichaespecie .labelsec {
    font-size: 20px;
    max-width: 65%;
  }
  .fichaespecie .labelsec::before {
    right: -15px;
  }
  .contenidostats table td {
    font-size: 9px;
    max-width: 50px;
  }
  .stats1 #table-container table th,
  .stats1 #table-container table td {
    font-size: 10px;
  }
  .stats3 #tabladatos td,
  .stats3 #tabladatos th {
    padding: 3px;
    font-size: 9px;
  }
  .sectitle {
    width: 250px;
    margin-left: -155px;
  }
  .seccionhome .titleseccion {
    font-size: 30px;
  }
  .busquedalateral .sidesearch {
    width: 280px;
  }
  .busquedalateral {
    left: -285px;
  }
  .busquedalateral.active #csearchadvbtn {
    right: 0;
  }
  .busquedalateral .dropdownform {
    margin-top: 0;
  }
}