.buttonGreen {
  background-color: #7ac43d;
  box-shadow: inset 0 2px 0 0 #74EE0F, inset 0 -4px 0 0 #63B024, inset 0 4px 0 0 #BDF98C;
  border: solid 3px #63B024;
  cursor: pointer;
}
.buttonGreen:hover {
  border: solid 3px #7ac43d;
}
.buttonGreen:active {
  background-color: #63B024;
  box-shadow: inset 0 0 0 0 #63B024, inset 0px 2px 0 0 #BDF98C;
  border: solid 3px #63B024;
}
.buttonOrange {
  background-color: #FBA62D;
  box-shadow: inset 0 2px 0 0 #e98320, inset 0 -4px 0 0 #e98320, inset 0 4px 0 0 #ffefd2;
  border: solid 3px #ea7415;
  cursor: pointer;
}
.buttonOrange:hover {
  border: solid 3px #FBA62D;
}
.buttonOrange:active {
  background-color: #ea7415;
  box-shadow: inset 0 0 0 0 #ea7415, inset 0px 2px 0 0 #ffefd2;
  border: solid 3px #ea7415;
}
.buttonBlue {
  background-color: #42B2FC;
  box-shadow: inset 0 2px 0 0 #7fc7f7, inset 0 -4px 0 0 #30A2ED, inset 0 4px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
  cursor: pointer;
}
.buttonBlue:hover {
  border: solid 3px #42B2FC;
}
.buttonBlue:active {
  background-color: #1482FD;
  box-shadow: inset 0 0 0 0 #1482FD, inset 0px 2px 0 0 #B9E3FF;
  border: solid 3px #1482FD;
}
.buttonViolet {
  background-color: #9C77CF;
  box-shadow: inset 0 2px 0 0 #B58EEC, inset 0 -4px 0 0 #8b66bd, inset 0 4px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
  cursor: pointer;
}
.buttonViolet:hover {
  border: solid 3px #9C77CF;
}
.buttonViolet:active {
  background-color: #835BBA;
  box-shadow: inset 0 0 0 0 #835BBA, inset 0px 2px 0 0 #D7BBFE;
  border: solid 3px #835BBA;
}
.buttonRed {
  background-color: #ff5a5f;
  box-shadow: inset 0 2px 0 0 #ec494e, inset 0 -4px 0 0 #ec494e, inset 0 4px 0 0 #ff9093;
  border: solid 3px #e9464b;
  cursor: pointer;
}
.buttonRed:hover {
  border: solid 3px #ff5a5f;
}
.buttonRed:active {
  background-color: #e9464b;
  box-shadow: inset 0 0 0 0 #e9464b, inset 0px 2px 0 0 #ff9093;
  border: solid 3px #e9464b;
}
.buttonOrangeDiploma {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 2px -2.3px 0 0 #df6c0f, inset 1.7px 3.6px 0 0 #ffd69c, inset 0px -6.5px 0 0 #e98320;
  background-image: linear-gradient(to bottom, #ffd700, #fba62d, #f19d25);
  border: solid 4px #1ebfcf;
}
.buttonOrangeDiploma:hover {
  background-image: linear-gradient(#ffb348, #ffb348);
}
.buttonOrangeDiploma:active {
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.76), inset 0.7px -0.8px 0 0 #df6c0f, inset 0.2px 0.5px 0 0 #ffd69c;
  background-image: linear-gradient(#ee870e, #ee870e);
}
.iconButton {
  border-width: 2px;
}
.scrollBar {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar::-webkit-scrollbar {
  width: 24px;
}
.scrollBar::-webkit-scrollbar-track {
  border-radius: 12px;
  background-color: #232628;
  border: 11px solid #6483bc;
  box-shadow: 0 0 0 1px hsl(216, 100%, 84%);
}
.scrollBar::-webkit-scrollbar-thumb {
  width: 18px;
  border-radius: 12px;
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #9ccdff, #cce8ff);
  border: 3px solid transparent;
  background-clip: content-box;
}
.scrollBar::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #b7d9ff, #e1eeff);
}
.scrollBar.golden {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scrollBar.golden::-webkit-scrollbar-track {
  background-color: #634730;
  border: 11px solid #826044;
  box-shadow: 0 0 0 1px #f5c28f;
}
.scrollBar.golden::-webkit-scrollbar-thumb {
  box-shadow: 0px 0.5px 0.5px 0 rgba(60, 74, 137, 0.71) inset;
  background-image: linear-gradient(to top, #c3955a, #ffe4a2);
}
.scrollBar.golden::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(to top, #c3a475, #ffefc1);
}
#commonFooter {
  background-image: linear-gradient(to top, #3a3b3b, #474747);
  background-color: #3a3b3b;
  color: white;
  margin: auto;
}
#commonFooter .generalContent {
  max-width: 1250px;
  padding: 10px 0 20px;
  margin: auto;
  border-bottom: 1px solid #cecece;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
}
#commonFooter .col {
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
#commonFooter .col.col-legal {
  font-size: 14px;
}
#commonFooter .col.col-info {
  font-size: 12px;
}
#commonFooter .col.col-social {
  font-size: 14px;
  text-align: center;
}
#commonFooter .col.col-social .iconosRedesSociales {
  white-space: nowrap;
}
#commonFooter .col .col-content {
  display: inline-block;
  text-align: left;
}
#commonFooter .col .col-content.center {
  text-align: center;
}
#commonFooter .col .col-content .not-decorated {
  text-decoration: none;
}
@media (max-width: 800px) {
  #commonFooter .col {
    flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
  }
}
@media (max-width: 600px) {
  #commonFooter .col {
    flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
  }
  #commonFooter .col .col-content {
    text-align: center;
  }
}
#commonFooter a,
#commonFooter a:hover,
#commonFooter a:visited,
#commonFooter a:link,
#commonFooter a:active {
  text-decoration: underline;
  color: white;
}
#commonFooter a.imglink,
#commonFooter a.imglink:hover,
#commonFooter a.imglink:visited,
#commonFooter a.imglink:link,
#commonFooter a.imglink:active {
  text-decoration: none;
}
#commonFooter .footerLink {
  cursor: pointer;
  display: block;
  white-space: nowrap;
}
#commonFooter .logoFooter {
  display: inline-block;
  background: url("/images/logos/negativo-blanco-442x161.png") no-repeat center center;
  background-size: contain;
  height: 60px;
  width: 200px;
}
#commonFooter .social--iconos {
  display: inline-block;
  margin: 10px 1px 0;
  height: auto;
  width: 31px;
  text-decoration: none;
}
#commonFooter .divFooterCopyright {
  margin: auto;
  max-width: 1000px;
  padding-bottom: 30px;
}
#commonFooter .divFooterCopyright .footerCopyright {
  padding: 20px 10px 20px;
  font-size: 12px;
  float: left;
}
#commonFooter .divFooterCopyright .footerCopyright span {
  white-space: nowrap;
}
@media (max-width: 550px) {
  #commonFooter .divFooterCopyright .footerCopyright {
    display: block;
    float: none;
    text-align: center;
  }
  #commonFooter .divFooterCopyright .footerCopyright span {
    display: block;
  }
}
#commonFooter .divFooterCopyright .footerCountry {
  display: inline-block;
  float: right;
}
@media (max-width: 550px) {
  #commonFooter .divFooterCopyright .footerCountry {
    display: block;
    float: none;
    text-align: center;
  }
}
#commonFooter .divFooterCopyright .currentL10n {
  border: solid 1px #d9e1eb;
  border-radius: 20px;
  display: inline-block;
  padding: 2px;
  text-decoration: none;
  cursor: pointer;
  margin: 5px auto;
}
@media (max-width: 1200px) and (min-width: 550px) {
  #commonFooter .divFooterCopyright .currentL10n {
    margin-right: 80px;
  }
}
#commonFooter .divFooterCopyright .currentL10n span {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 5px;
  text-decoration: underline;
}
#commonFooter .divFooterCopyright .currentL10n img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
#commonFooter .divFooterCopyright .currentL10n:hover {
  background-color: #ffffff20;
}
#commonFooter .divFooterCopyright .currentL10n:active {
  background-color: #080808;
}
.navbar {
  background-color: white;
  box-shadow: 0 5px 5px -4px #dfdfdf;
}
.logoCabeceraNoHome {
  margin-left: 210px;
  width: 160px;
  height: 49px;
  margin-right: 100px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100%;
  overflow: hidden;
  z-index: 50;
}
@media (max-width: 1200px) {
  .logoCabeceraNoHome {
    margin-left: 50px;
  }
}
@media (max-width: 600px) {
  .logoCabeceraNoHome {
    margin-left: 20px;
  }
}
@media (max-width: 800px) {
  .contenedorSocial {
    width: 250px;
  }
}
.clearfix {
  clear: both;
}