/* Desaparecidos y Homenaje | Buscador - Página principal. */
.btn{
  background: #ffffff;
  width: 382px;
  text-transform: uppercase;
  padding: 10px;
  margin: 0 5px 2px 0;
  text-align: left;
  outline: none;
  font-size: 32px;
  color:#ffffff;
  border-radius: 5px;
  letter-spacing: 1px;
  z-index: 1;
  position: relative;
  transition: all 0.4s ease 0s;
}

.btn:before,
.btn:after{
  content: "";
  width: 0;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 5px;
  left: 5px;
  transition: all 0.4s ease 0s;
}

.btn:after{
  top: auto;
  left: auto;
  bottom: 5px;
  right: 5px;
}

.btn:hover:before,
.btn:hover:after{
  width: 50%;
}

.btn.btn-sm:before,
.btn.btn-sm:after{
  height: 2px;
  top: 3px;
}

.btn.btn-sm:after{
  top: auto;
  bottom: 3px;
}

.btn.btn-xs:before,
.btn.btn-xs:after{
  height: 1px;
  top: 2px;
}

.btn.btn-xs:after{
  top: auto;
  bottom: 2px;
}

.btn.orange{
  color: #626262;
  border: 1px solid #626262;
}

.btn.orange:hover{
  background: #626262;
  color: #fff;
}

@media only screen and (max-width: 767px){
  .btn{ margin-bottom: 20px; }
}

.panel {
  align: left;
  padding: 0 1px;
  display: none;
  width: 374px;
  background-color: white;
  overflow: hidden;
}
/* Final  Desaparecidos y Homenaje | Buscador - Página principal. */

/* Link Hover Effect | Desaparecidos | Buscador - Página principal. */
.link{
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
.link span{
    color: #505050;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    padding: 0 5px;
    display: block;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link:hover span{ color: #505050; }
.link:before,
.link:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #505050;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link:after{
    left: auto;
    right: 0;
}
.link:hover:before,
.link:hover:after{
    width: 50%;
}
@media only screen and (max-width: 990px){
    .link span{ font-size: 16px; }
}
@media only screen and (max-width: 767px){
    .link{ margin-bottom: 16px; }
}
/* Final Link Hover Effect | Desaparecidos | Buscador - Página principal. */

/* Link Hover Effect | Desaparecidos | Buscador - Grupos Exhumaciones. */
.link1{
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
.link1 span{
    color: #505050;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    padding: 0 5px;
    display: block;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link1:hover span{ color: #505050; }
.link1:before,
.link1:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #505050;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link1:after{
    left: auto;
    right: 0;
}
.link1:hover:before,
.link1:hover:after{
    width: 50%;
}
@media only screen and (max-width: 990px){
    .link1 span{ font-size: 16px; }
}
@media only screen and (max-width: 767px){
    .link1{ margin-bottom: 16px; }
}
/* Final Link Hover Effect | Desaparecidos | Buscador - Grupos Exhumaciones */

/* Link Hover Effect | Homenaje | Buscador - Página principal. */
.link2{
    display: inline-block;
    position: relative;
    font-size: 100%;
    text-transform: none;
}
.link2 span{
    color: #888a88;
    font-size: 100%;
    text-transform: none;
    text-align: center;
    display: inline-block;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link2:hover span{ color: #505050; }
.link2:before,
.link2:after{
    content: '';
    height: 3px;
    width: 0;
    background-color: #505050;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s cubic-bezier(0.815, 1.400, 0.600, 0.180);
}
.link2:after{
    left: auto;
    right: 0;
}
.link2:hover:before,
.link2:hover:after{
    width: 50%;
}
@media only screen and (max-width: 990px){
    .link2 span{ font-size: 100%; }
}
@media only screen and (max-width: 767px){
    .link2{ margin-bottom: 100%; }
}
/* Final Link Hover Effect | Homenaje | Buscador - Página principal. */

/* Toltip Hover Effect | Homenaje | Buscador - Página principal. */
/* Abel Sánchez Antón. */
.toltip {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip .toltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -40px;
}

.toltip:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Abel Sánchez Antón. */

/* Antonino Muñoz Antón. */
.toltip1 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip1 .toltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -78px;
}

.toltip1:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Antonino Muñoz Antón. */

/* Antonio Moliner Domínguez. */
.toltip2 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip2 .toltiptext {
  visibility: hidden;
  width: 210px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -108px;
}

.toltip2:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Antonio Moliner Domínguez. */

/* Benita Moliner Pastor. */
.toltip3 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip3 .toltiptext {
  visibility: hidden;
  width: 310px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -148px;
}

.toltip3:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Benita Moliner Pastor. */

/* Crescencio López Pastor. */
.toltip4 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip4 .toltiptext {
  visibility: hidden;
  width: 230px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -108px;
}

.toltip4:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Crescencio López Pastor. */

/* Cristóbal Miguel Calvet. */
.toltip5 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip5 .toltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -98px;
}

.toltip5:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Cristóbal Miguel Calvet. */

/* Emilio Argilés Jarque. */
.toltip6 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip6 .toltiptext {
  visibility: hidden;
  width: 90px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -50px;
}

.toltip6:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Emilio Argilés Jarque. */

/* Fermín Pérez. */
.toltip7 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip7 .toltiptext {
  visibility: hidden;
  width: 480px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -148px;
}

.toltip7:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Fermín Pérez. */

/* Germán Sánchez. */
.toltip8 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip8 .toltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -56px;
}

.toltip8:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Germán Sánchez. */

/* José Sánchez Antón. */
.toltip9 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip9 .toltiptext {
  visibility: hidden;
  width: 258px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -118px;
}

.toltip9:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final José Sánchez Antón. */

/* Manuel Antón Martínez. */
.toltip10 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip10 .toltiptext {
  visibility: hidden;
  width: 330px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -148px;
}

.toltip10:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Manuel Antón Martínez. */

/* Miguel Ramos Ramos. */
.toltip11 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip11 .toltiptext {
  visibility: hidden;
  width: 268px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -138px;
}

.toltip11:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Miguel Ramos Ramos. */

/* Pedro Alcorisa Peinado. */
.toltip12 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.toltip12 .toltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #505050;
  font-size: 14px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 5px 5px;
  
  /* Position the tooltip */
  position: absolute;
  text-decoration: none;
  z-index: 1;
  bottom: 22px;
  left: 50%;
  margin-left: -128px;
}

.toltip12:hover .toltiptext {
  visibility: visible;
  text-decoration: none;
  color: #ffffff;
}
/* Final Pedro Alcorisa Peinado. */
/* Final Toltip Hover Effect | Homenaje | Buscador - Página principal. */