

@font-face {
    font-family:'Gotham Medium' ;
    src: url(../fonts/GOTHAM/GOTHAM-MEDIUM.TTF);
}
@font-face {
    font-family:'Gotham Light' ;
    src: url(../fonts/GOTHAM/GOTHAM-LIGHT.TTF);
}

.backpop{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  display: none;
  overflow: hidden;
  outline: 0;
  background-color: rgba(47,165,174,.8);

}

.body_popup{

    width: 350px;
    /*height: 748.82px;*/
    border: 2px solid #D5D0D0;
    border-radius: 6px;
    display: flex;
    /*justify-content: center;*/
    background-color: #fff;
    margin: 0 auto;
    transform: translate(0%,2%);

}

.flecha_izq{


    float: left;
    width: 38.7px;
    height: 527px;

}

.boton_anterior{


    background-image: url(../images/btn_left_normal.svg);
    background-repeat: no-repeat;
    float: left;
    width: 25px;
    height: 30px;
    margin-top: 298px;
    margin-left: 10px;
}

.principal{

    float: left;
    width: 272px;
    height: auto;
}

.flecha_der{

    float: left;
    width: 38.7px;
    height: 527px;

}

.cerrar{

    background-image: url(../images/btn_close_normal.svg);
    background-size: cover;
    width: 26.36px;
    height: 26.36px;
    margin-left: 5px;
    margin-top: 7px;


}

.boton_siguiente{

    /*border: 1px solid white;*/
    background-image: url(../images/btn_right_normal.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;

    margin-top: 265px;
    margin-left: 12px;

}

.foto{

    /*float: left;
    height: 217.82px;
    width: 349.76px;
    margin-top: 12px;

    height: 217.82px;
    width: 380px;*/
    margin-top: 12px;
    position: relative;


}

.foto_embajador{

  height: 280px !important;
  min-width: 280px !important;
  margin: 0 auto;

}

.datos{


    float: left;
    height: 180px;
    width: 256px;
    position: relative;
    overflow: auto;

}

.encabezado
{


    position: absolute;
    z-index: 11;
    width: 90%;
    text-align:center;

}

.encabezado div{

  /*background-color: #3AB9BF;*/
  color: #3AB9BF;
  font-size: 13px;
  font-family: 'Gotham Medium';
  /*padding: 10px;*/
  position: relative;
  top: 12px;
  display: inline;
  /* border-top:3px solid  #3AB9BF;*/


}



.experiencia{

  height: auto;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  font-family: 'Gotham Medium';
  color: #31BD9C;
  text-align: left;
  display: table;

}

.testimonio{
  display: table-cell;
  vertical-align: middle;
  font-style: italic;
}

.persona1, .persona2{


  /* height: 116px; */
  width: 208px;
  margin-top: 20px;
  /* margin-left: 46px; */
   font-size: 15px;
  font-family: 'Gotham Medium';
  color: #506667;
  line-height: 15px;
  text-align: left;

}

.redes_sociales ul{


  list-style:none;

}

.redes_sociales li{
  margin-right: 73px;
  display: inline-block;
}



.redes_sociales{

    height: 44px;
    width: 252.32px;
}

.facebook{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 80px;
    margin-top: 22px;
    background-image: url(../images/btn_sn_facebook_normal.svg);
    background-size: cover;
    border-radius: 50%;

}

.twiter{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 120px;
    margin-top: -22px;
    background-image: url(../images/btn_sn_twitter_normal.svg);
    background-size: cover;
    border-radius: 50%;


}

.instagram{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 160px;
    margin-top: -22px;
    background-image: url(../images/btn_sn_instagram_normal.svg);
    background-size: cover;
}

.facebook_2{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 80px;
    margin-top: 22px;
    background-image: url(../images/btn_sn_facebook_normal.svg);
    background-size: cover;
    border-radius: 50%;

}

.twiter_2{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 120px;
    margin-top: -22px;
    background-image: url(../images/btn_sn_twitter_normal.svg);
    background-size: cover;
    border-radius: 50%;

}

.instagram_2{

    border: 1px solid white;
    height: 20px;
    width: 20px;
    margin-left: 160px;
    margin-top: -22px;
    background-image: url(../images/btn_sn_instagram_normal.svg);
    background-size: cover;

}
