@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@font-face {
  font-family: 'ClearfaceStd-Regular';
  src: url("webfont/ClearfaceStd-Regular.eot?#iefix") format("embedded-opentype"), url("webfont/ClearfaceStd-Regular.otf") format("opentype"), url("webfont/ClearfaceStd-Regular.woff") format("woff"), url("webfont/ClearfaceStd-Regular.ttf") format("truetype"), url("webfont/ClearfaceStd-Regular.svg#ClearfaceStd-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ClearfaceStd-Bold';
  src: url("webfont/ClearfaceStd-Bold.eot?#iefix") format("embedded-opentype"), url("webfont/ClearfaceStd-Bold.otf") format("opentype"), url("webfont/ClearfaceStd-Bold.woff") format("woff"), url("webfont/ClearfaceStd-Bold.ttf") format("truetype"), url("webfont/ClearfaceStd-Bold.svg#ClearfaceStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:700');*/
#gola-books {
  text-align: center; }
  #gola-books #cabeceraVideo {
    background: url(/sites/default/files/files/cabecera-gola-books.jpg);
    background-size: cover;
    min-height: 50em;
    background-position: bottom;
    position: relative; }
    #gola-books #cabeceraVideo:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(transparent));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
      bottom: 0; }
    #gola-books #cabeceraVideo > div.row {
      position: relative;
      z-index: 2; }
    #gola-books #cabeceraVideo h1 span {
      display: none; }
    #gola-books #cabeceraVideo h2 {
      color: #fff;
      font-size: 4em;
      font-family: 'ClearfaceStd-Bold';
      font-weight: normal; }
  #gola-books #TextoGola {
    font-family: 'ClearfaceStd-Regular';
    color: #233362; }
    #gola-books #TextoGola h2 {
      font-family: 'ClearfaceStd-Regular';
      font-weight: normal;
      font-size: 2em;
      color: #233362; }
      #gola-books #TextoGola h2 .golasvg {
        width: 190px; }
        #gola-books #TextoGola h2 .golasvg path {
          fill: #233362; }
    #gola-books #TextoGola p {
      max-width: 54%;
      margin: 2em auto;
      font-size: 1.3em; }
  #gola-books #DescargaBooks {
    margin: 4em 0 0 0; }
    #gola-books #DescargaBooks .book {
      padding: 0 0 20px 0;
      -webkit-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      transition: all 0.8s ease; }
      #gola-books #DescargaBooks .book a {
        color: #233362;
        text-decoration: none; }
        #gola-books #DescargaBooks .book a img {
          margin: 0 0 1em 0; }
        #gola-books #DescargaBooks .book a span {
          border: solid 2px #233362;
          font-size: 0.9em;
          padding: 5px 10px;
          -webkit-transition: all 0.8s ease;
          -o-transition: all 0.8s ease;
          transition: all 0.8s ease; }
        #gola-books #DescargaBooks .book a:hover span {
          background: #233362;
          color: #fff;
          -webkit-transition: all 0.8s ease;
          -o-transition: all 0.8s ease;
          transition: all 0.8s ease; }
    #gola-books #DescargaBooks #capaDescarga:hover #book1, #gola-books #DescargaBooks #capaDescarga:hover #book2, #gola-books #DescargaBooks #capaDescarga:hover #book3, #gola-books #DescargaBooks #capaDescarga:hover #book4 {
      opacity: 0.5; }
    #gola-books #DescargaBooks #capaDescarga #book1:hover, #gola-books #DescargaBooks #capaDescarga #book2:hover, #gola-books #DescargaBooks #capaDescarga #book3:hover, #gola-books #DescargaBooks #capaDescarga #book4:hover {
      opacity: 1; }
    #gola-books #DescargaBooks .large-12 {
      margin: 5em 0 2em 0; }

@-webkit-keyframes gira {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes gira {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

#tapCompartir {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase; }

#tapCompartir:not(.fixed) {
  position: relative;
  width: auto;
  display: inline-block; }

#tapCompartir.fixed {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #eee;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 1em;
  padding-right: 1em; }

#tapCompartir ul {
  margin: 1em 0 0 0;
  padding: 0;
  list-style: none; }

#tapCompartir ul li {
  display: inline-block;
  margin-bottom: 1em; }

#tapCompartir ul li a {
  position: relative;
  width: auto;
  max-width: 10em;
  background: #eee;
  display: inline-block;
  font-size: .66em;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  margin-right: .75em;
  padding: .6em 1.85em .6em 2.75em;
  white-space: nowrap;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden; }

#tapCompartir ul li a:before {
  position: absolute;
  top: 0.2em;
  left: 0.75em;
  bottom: auto;
  right: auto;
  font-family: fontawesome;
  display: inline-block;
  font-size: 1.4em;
  -webkit-transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78);
  -o-transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78);
  transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78); }

#tapCompartir ul li a:after {
  position: absolute;
  top: 3.5em;
  left: 0.75em;
  bottom: auto;
  right: auto;
  font-family: fontawesome;
  content: '\f110';
  -webkit-transform-origin: 50% calc(50% + 1px);
  -ms-transform-origin: 50% calc(50% + 1px);
  transform-origin: 50% calc(50% + 1px);
  display: inline-block;
  font-size: 1.25em;
  -webkit-transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78);
  -o-transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78);
  transition: top 0.35s cubic-bezier(0.375, 1.495, 0.61, 0.78);
  -webkit-animation: gira 1s infinite steps(8);
  animation: gira 1s infinite steps(8); }

#tapCompartir ul li a span {
  position: relative;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  pointer-events: none; }

#tapCompartir ul li a.load:before {
  top: -3.1em; }

#tapCompartir ul li a.load:after {
  top: .2em; }

#tapCompartir ul li a.a-facebook {
  color: #3c5b9a;
  border: 1px solid #3c5b9a; }

#tapCompartir ul li a.a-facebook.activo,
#tapCompartir ul li a.a-facebook:hover {
  background: #3c5b9a;
  color: #fff; }

#tapCompartir ul li a.a-twitter {
  color: #2eabe1;
  border: 1px solid #2eabe1; }

#tapCompartir ul li a.a-twitter.activo,
#tapCompartir ul li a.a-twitter:hover {
  background: #2eabe1;
  color: #fff; }

#tapCompartir ul li a.a-pinterest {
  color: #cf2f36;
  border: 1px solid #cf2f36; }

#tapCompartir ul li a.a-pinterest.activo,
#tapCompartir ul li a.a-pinterest:hover {
  background: #cf2f36;
  color: #fff; }

#tapCompartir ul li a.a-whatsapp {
  color: #1ebea5;
  border: 1px solid #1ebea5; }

#tapCompartir ul li a.a-whatsapp.activo,
#tapCompartir ul li a.a-whatsapp:hover {
  background: #1ebea5;
  color: #fff; }

#tapCompartir ul li a.a-google {
  color: #db4437;
  border: 1px solid #db4437; }

#tapCompartir ul li a.a-google.activo,
#tapCompartir ul li a.a-google:hover {
  background: #db4437;
  color: #fff; }

#tapCompartir ul li a.a-linkedin {
  color: #0077b5;
  border: 1px solid #0077b5; }

#tapCompartir ul li a.a-linkedin.activo,
#tapCompartir ul li a.a-linkedin:hover {
  background: #0077b5;
  color: #fff; }

#tapCompartir ul li a.a-email {
  color: #333;
  border: 1px solid #333; }

#tapCompartir ul li a.a-email.activo,
#tapCompartir ul li a.a-email:hover {
  background: #333;
  color: #fff; }

#tapCompartir ul li a.a-facebook:before {
  content: "";
  margin-left: .1em; }

#tapCompartir ul li a.a-twitter:before {
  content: ""; }

#tapCompartir ul li a.a-pinterest:before {
  content: ""; }

#tapCompartir ul li a.a-whatsapp:before {
  content: ""; }

#tapCompartir ul li a.a-google:before {
  content: ""; }

#tapCompartir ul li a.a-linkedin:before {
  content: ""; }

#tapCompartir ul li a.a-email:before {
  content: "";
  margin-left: -.2em; }

/*@media screen and (min-width: 480px){#tapCompartir ul li a.a-whatsapp{width:0;padding-left:0;padding-right:0;border:0;margin:0}}*/
@media screen and (max-width: 480px) {
  #tapCompartir ul li a {
    padding-left: 1.75em; }
  #tapCompartir ul li a,
  #tapCompartir ul li a.a-whatsapp {
    width: 3.5em;
    height: 3.5em;
    display: inline-block; }
  #tapCompartir ul li a:before {
    top: .175em;
    left: .65em;
    font-size: 1.75em; }
  #tapCompartir ul li a span {
    opacity: 0; } }

#dm-compartir-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  display: table;
  opacity: 0;
  overflow: hidden;
  z-index: 1001;
  cursor: url("http://www.tapmetrik.com/compartir/img/x.png"), auto;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1) 0.5s, opacity 0.5s linear 0.5s;
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1) 0.5s, opacity 0.5s linear 0.5s;
  transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1) 0.5s, opacity 0.5s linear 0.5s; }

#dm-compartir-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  clear: both;
  background: #000;
  opacity: .5;
  z-index: -1; }

#dm-compartir-wrapper #dm-compartir-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  display: table-cell;
  vertical-align: middle; }

#dm-compartir-wrapper #dm-compartir-inner #dm-compartir {
  position: relative;
  width: calc(100% - 2em);
  max-width: 500px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  padding: 0;
  border-radius: 1em;
  overflow: hidden;
  opacity: 0;
  cursor: auto;
  -webkit-transition: opacity .5s linear, padding .5s linear .5s;
  -o-transition: opacity .5s linear, padding .5s linear .5s;
  transition: opacity .5s linear, padding .5s linear .5s; }

#dm-compartir-wrapper #dm-compartir-inner #dm-compartir:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  clear: both;
  background: #000;
  opacity: .5;
  z-index: -1; }

#dm-compartir-wrapper #dm-compartir-inner #dm-compartir input,
#dm-compartir-wrapper #dm-compartir-inner #dm-compartir textarea,
#dm-compartir-wrapper #dm-compartir-inner #dm-compartir select {
  width: 100%;
  background: #e4e4e4;
  color: #000;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'Open Sans', sans-serif;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  padding: .5em; }

#dm-compartir-wrapper #dm-compartir-inner #dm-compartir button[type=submit] {
  position: relative;
  border-radius: 4px;
  padding: 1em 2em;
  display: inline-block;
  background: #00b3a9;
  border: 1px solid #00b3a9;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  -webkit-transition: all .35s linear;
  -o-transition: all .35s linear;
  transition: all .35s linear;
  overflow: hidden;
  text-transform: uppercase; }

#dm-compartir-wrapper #dm-compartir-inner #dm-compartir button[type=submit]:hover {
  background: #008079; }

#dm-compartir-wrapper.on {
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1), opacity 0.5s linear;
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1), opacity 0.5s linear;
  transition: all 0.5s cubic-bezier(0.6, 0, 0.4, 1), opacity 0.5s linear; }

#dm-compartir-wrapper.on #dm-compartir-inner #dm-compartir {
  padding: 1em;
  opacity: 1;
  -webkit-transition: opacity .5s linear .5s;
  -o-transition: opacity .5s linear .5s;
  transition: opacity .5s linear .5s; }

.form-item-captcha-response,
.form-item-captcha-response > label {
  color: white !important; }

div.form-item-captcha-response label {
  display: inline !important;
  margin-right: 3px; }

div.form-item-captcha-response label[for$="edit-captcha-response"]::after {
  content: ":" !important; }

.form-item-captcha-response {
  font-weight: bold !important; }

.description span.has-tip.tip-top {
  color: #A9A9A9 !important;
  display: inline;
  font-size: 12px; }

div.form-item-captcha-response .description {
  display: inline; }

.tooltip {
  z-index: 10000; }

div.form-item-captcha-response input {
  margin-bottom: 5px;
  width: 15% !important;
  display: inline;
  padding: 3px 5px !important;
  font-size: 13px; }

.block-dm-compartir-dm-compartir {
  text-align: center; }