/*! -- MENÚ SOCIOS --*/

#sidebarPartners {
  display: none;
}

#sociosMenu > li {
  float: left;
  clear: left;
  width: 100%;
}

#sociosMenu > li > a {
  float: left;
  clear: left;
  width: 100%;
  padding: 8px 15px;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1.15em;
  border-bottom: solid 1px #eee;
}

#sociosMenu > li > a > span {
  font-weight: 100;
  font-style: italic;
  color: #63c2e3;
  font-size: 0.95em;
}

#sociosMenu > li > a:hover {
  background: #d6e8f6;
}
#sociosMenu > li > a.active {
  background: #ffd000;
}

/*! */
/*! -- MAPA --*/

.mapCrop {
  width: 810px;
  height: 475px;
  overflow: hidden;
}
/* OLD */
/*.fixHeightRef {
  position: relative;
  height: 490px;
  background: #747c98;
}*/
.fixHeightRef {
  position: relative;
  height: 490px;
  overflow: hidden;
  background: #747c98;
}
/* OLD */
/*#map {
	position: relative;
	width: 498px;
	height: inherit;
	float: right;
}*/
#map {
  position: relative;
  width: 100%;
  height: inherit;
  /* float: right; */
  /* top: -58%; */
}
/* OLD */
/*#map img {
	float: right;
	height: 100%;
}*/

#map img {
  /* float: right; */
  height: 176%;
  width: 100%;
  position: relative;
  top: -61%;
  left: 0%;
}

.defaultMarker {
  top: 78.2%;
  left: 29.2%;
  position: absolute;
  z-index: 2000;
  margin-left: -4px;
  margin-top: -4px;
  width: 20px;
  height: 20px;
  background: #ea9422;
  border: 4px solid #fff;
  cursor: pointer;
  border-radius: 200px 200px 200px 200px;
}

.defaultMarker:hover {
  background: #024da1;
}
.mapLine {
  position: absolute;
  z-index: 3500;
  background: #bcc4ea;
}

.mapLine.horizontal {
  z-index: 1;
  top: 0;
  width: 100%;
  height: 2px;
  left: 0;
  margin-top: -1px;
  -webkit-transition: top 0.15s ease-in-out 0s;
  -moz-transition: top 0.15s ease-in-out 0s;
  transition: top 0.15s ease-in-out 0s;
}
.mapLine.vertical {
  /* 		left: 48.9%; */
  left: 0;
  z-index: 1;
  width: 2px;
  height: 100%;
  top: 0;
  overflow: visible;
  -webkit-transition: left 0.35s ease-in-out 0s;
  -moz-transition: left 0.35s ease-in-out 0s;
  transition: left 0.35s ease-in-out 0s;
}

.mapMarker {
  top: 43.3%;

  left: 55%;
  position: absolute;
  z-index: 3000;
  margin-left: -5px;
  margin-top: -5px;
  width: 20px;
  height: 20px;
  background: #134473;
  border: 4px solid #fff;
  /*box-shadow: 0 0 15px #9c5ba1,0 0 20px #9c5ba1, 0 0 25px #9c5ba1, 0 0 30px #9c5ba1, 0 0 40px #9c5ba1, 0 0 50px #9c5ba1, 0 0 50px #9c5ba1, 0 0 15px #9c5ba1,0 0 20px #9c5ba1, 0 0 25px #9c5ba1, 0 0 30px #9c5ba1, 0 0 40px #9c5ba1, 0 0 50px #9c5ba1, 0 0 50px #9c5ba1;*/

  -webkit-transition: top 0.15s ease-in-out 0s, left 0.35s ease-in-out 0s;
  -moz-transition: top 0.15s ease-in-out 0s, left 0.35s ease-in-out 0s;
  transition: top 0.15s ease-in-out 0s, left 0.35s ease-in-out 0s;
  border-radius: 200px 200px 200px 200px;
}

.mapCity {
  position: absolute;
  z-index: 4000;
  top: 40.6%;
  left: 50%;
  padding: 5px 10px;
  background: #ef8001;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 1em;
  line-height: 1.15em;
  color: white;
  max-width: 130px;
  opacity: 0.8;
  cursor: pointer;
}

#blip {
  display: none;
}

#mapInfo {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 0;
  padding-top: 20%;
}

#mapInfo a {
  position: absolute;
  top: 80px;
  left: 20px;
  width: 100%;
}
#mapInfo a img {
  width: 100%;
}
/*#sociosInfo {
  position: absolute;
  z-index: 10000;
  top: 20px;
  left: 20px;
  width: 150px;
  padding: 3px;
  background: #024da1;
  color: white;
  left: 79%;
}*/
#sociosInfo {
  position: absolute;
  z-index: 10000;
  top: 20px;
  left: 20px;
  width: 222px;
  height: 125px;
  padding: 6px;
  background: #024da1;
  color: white;
  left: 71%;
}
#sociosContent {
  margin-top: 10px;
  font-size: 1em;
  font-family: "Share Tech";
}

#sociosContent strong {
  font-size: 0.8em;
  color: #63c2e3;
}

/*#sociosLogo {
  width: 100%;
  border: solid 5px white;
  height: 0;
  padding-top: 75%;
  background-color: white;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}*/
#sociosLogo {
  /* width: 100%; */
  border: solid 5px white;
  height: 112px;
  padding-top: 47%;
  background-color: white;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sociosUrl {
  display: inline-block;
  margin-top: 10px;
  font-size: 1em;
  font-family: "Share Tech";
  color: #ffd000;
}
.sociosUrl:hover {
  color: white;
}

/*! */
/*! -- FICHA SOCIO --*/
a.partnerSite {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 20px;
  padding: 5px 0;
  text-align: center;
  background: #006fb8;
  color: white;
  font-family: "Open Sans";
  font-size: 1.25em;
}
a.partnerSite:hover {
  background: black;
}

.logo-default {
  padding: 30px 20px;
  background: #ccc;
}

/*#profile {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 250px;
  height: 300px;
  background: transparent;
  overflow: hidden;
  overflow-y: scroll;
  padding-right: 10px;
}*/
#profile {
  /*position: absolute;
    left: 3%;
    bottom: 26%;*/
    width: auto;
    height: auto;
    background: transparent;
    overflow: hidden;
    overflow-y: initial;
    padding-right: 10px;
    margin-left: 17px;
    margin-right: 50px;
}

#profile p {
  font-size: 1em;
  line-height: 2em;
  text-align: left;
}

#profile * {
  color: #fff;
}

#profile .inst_title {
  font-weight: 700;
}

#profile .inst_country {
  font-weight: 300;
  font-style: italic;
}

.profilePhoto {
  float: left;
  width: 100%;
}

.profileLogo {
  float: left;
  width: 100%;
  padding: 10px;
  border: solid 1px #ddd;
  text-align: center;
}
.profileLogo img {
  width: 100%;
  max-width: 200px;
}

#profile h2 {
  font-size: 1.5em;
  font-weight: 100;
  letter-spacing: 1px;
}

.arrows {
  cursor: pointer;
  position: absolute;
  color: #807db9;
  text-align: center;
  font-size: 2em;
  width: 50px;
  height: 50px;
  z-index: 99999;
}
.arrows i {
  font-size: 2em;
}

#arrow_up {
  top: 40px;
  right: 190px;
}

#arrow_down {
  bottom: -525px;
  right: 190px;
}

.member {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.member * {
  color: #fff;
}

.memberAvatar {
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 90%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.memberAvatar.default {
  background-size: 100%;
  background-color: #fff;
}
.memberInfo strong.memberName {
  font-size: 1.25em;
}
.memberBio {
  text-align: justify;
  font-size: 0.85em;
}

.memberBio a {
  font-size: 1em;
  font-weight: 400;
}

#map_Wrapper {
  background: #024da1;
  padding-bottom: 40px;
  padding-left: 30px;
  margin: 20px 0;
}

#partners_intro {
  color: #ea9422;
  font-size: 2.25em;
  font-weight: 500;
  padding: 20px 20px 20px 0;
}

@media screen and (min-width: 1201px) {
  #sidebarPartners {
    display: block;
    height: 100%;
    overflow: hidden;
    max-height: 490px;
  }
}

@media screen and (max-width: 1200px) {
  /*#sociosInfo {
    display: none;
  }*/

  /*.mapLine,
  .mapMarker,
  .mapCity {
    display: none;
  }*/
}
@media screen and (max-width: 768px) {
}

.parther-selected {
  color: #fffe00;
  background: #024da1;
  opacity: 1;
  cursor: auto;
}
.defaultMarker:hover + .mapCity {
  opacity: 1;
}

.markerColor-default {
  background: #ea9422;
}
.markerColor-active {
  background: #024da1;
}

.mapCity-default {
  opacity: 0.8;
}
.mapCity-active {
  opacity: 1;
}
@media screen and (max-width: 1270px) {
  #map {
    width: 786.67px;
    height: 490px;
  }
  .fixHeightRef {
    width: 786.67px;
    height: 490px;
  }
  #sidebarPartners {
    width: 28.333333%;
  }
  .mapLine, .mapMarker, .mapCity {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  #sidebarPartners {
    width: 26.333333%;
    float: left;
    overflow: hidden;
    height: 490px;
    display: block;
  }
}
@media screen and (max-width: 1128px) {
  #sidebarPartners {
    width: 23.333333%;
    float: left;
    overflow: hidden;
    height: 490px;
    display: block;
  }
  #arrow_up {
    top: 40px;
    right: 128px;
  }
  #arrow_down {
    bottom: -525px;
    right: 128px;
  }
}
@media screen and (max-width: 1090px) {
  #sidebarPartners {
    width: 20.333333%;
    float: left;
    overflow: hidden;
    height: 490px;
    display: block;
  }
}