/* Add some margin to the page and set a default font and colour */

body {
  background: #31303e;

}
.arrastra{
  color: #fff;
    text-align: center;
      font-family: 'Lora', serif;
}
#content{
  padding: 20px;
}
#link_cuartel{
  display:block;
  width: 100px;
}
#link_cuartel img{
  max-width: 100%;
}
#titulo_esta{
  color:#c5baa8;
  text-align: center;
  font-size: 40px;
  font-family: 'Lora', serif;
}
.texto-Barlow{
  font-family: 'Barlow', sans-serif;
  font-weight: 200;
  color:#fff;
}
.texto-Barlow-bold{
  font-family: 'Barlow', sans-serif;
  font-weight: 800;
  color:#fff;
}



#interior-nome p,#interior-me p{
  text-align: right;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 20px;
  padding-right: 30px;
}
#interior-nome-texto,#interior-me-texto{
  background: transparent url(../imagenes/flecha_izq.png) bottom right no-repeat;
  background-size: 148px;
  padding-top: 60px;
padding-bottom: 30px;

}
#interior-nome,#interior-me{
  background: transparent url(../imagenes/circulo_left.png) top left no-repeat;
  background-size: 148px;
}
#interior-me{
  background: transparent url(../imagenes/circulo_rigth2.png) top right no-repeat;
background-size: 148px;
}

/*
#interior-me p{
  text-align: left;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 20px;
  padding-left: 30px;
}

#interior-me-texto{
  background: transparent url(../imagenes/circulo_right.png) bottom left no-repeat;
  background-size: 148px;
  padding-bottom: 28px;
  padding-top: 30px;

}
#interior-me{
  background: transparent url(../imagenes/flecha_der.png) top right no-repeat;
  background-size: 148px;
}*/
#interior-me-texto p{
  text-align: left;
}
#interior-me-texto {
    background: transparent url(../imagenes/flecha_der2.png) bottom left no-repeat;
    background-size: 148px;
  }

.p0{
  padding-left: 0px;
  padding-right: 0px;
}
.carta{
  /*max-width: 100%;*/
    max-height: 456px;
    vertical-align: top;
    margin: 0px auto;
    display: block;
}
#col-nome-declaro,#col-me-declaro{
  padding-top: 85%;
}
/*
#col-me-declaro{
  padding-top: 100%;
}*/

/*DROP*/







#cardSlots div.hovered, #cardSlots2 div.hovered {
  background: #aaa;
}









/* Individually coloured cards */

#card1.correct { background: red; }
#card2.correct { background: brown; }
#card3.correct { background: orange; }
#card4.correct { background: yellow; }
#card5.correct { background: green; }
#card6.correct { background: cyan; }
#card7.correct { background: blue; }
#card8.correct { background: indigo; }
#card9.correct { background: purple; }
#card10.correct { background: violet; }
.divCard.correct{
  display: none;
}
#cardPile div.ui-draggable {
position: absolute  !important;



}
#cardPile div.ui-draggable-dragging {
  position: absolute  !important;
}

.prue4ba div{
  margin: auto; /* Center the item vertically & horizontally */
  display: block;
  top: 0; left: 0; bottom: 0; right: 0; /* Set the bounds in which to center it, relative to its parent/container */

}

#cardPile  {
    height: 40em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
}



.dots{
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
}
  .dots .active a{

       -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);

   }
      .dots .active a:after{
      height: 100%;

      }

        .disabled {
         pointer-events: none;
         cursor: default;
      }

  .dots li{
    position: relative;
    display: block;
    float: left;
    margin: 0 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}
  .dots li  a{
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none;
      border-radius: 50%;
      border-color: #cabbaa;
      text-indent: -999em;
      cursor: pointer;
      position: absolute;
      overflow: hidden;
      background-color: transparent;
      box-shadow: inset 0 0 0 2px #cabbaa;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);

    }
      .dots li a:after{
        content: '';
        position: absolute;
        bottom: 0;
        height: 0;
        left: 0;
        width: 100%;
        border-color: #cabbaa;
        background-color: #cabbaa;
        box-shadow: 0 0 1px #cabbaa;
        -webkit-transition: height 0.3s ease;
        transition: height 0.3s ease;

  }


  #cuentaCartas {
    padding-top: 15px;
  }

/**** RESOLUCION **********/
.resolucion-container {
  background-color: white;
  margin-top: 5%;
  padding-top: 5%;
  padding-left: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
  width: 60%;
}

.resolucion-comparte {
  margin-top: 20%;
  padding-top: 5%;
  padding-left: 4%;
  padding-right: 4%;
  width: 40%;

}

.titulo-resolucion{
  color:#cabbaa;
  text-align: center;
  font-size: 30px;
  font-family: 'Barlow', sans-serif;
  font-weight: 800;
  padding-bottom: 4%;
}

.texto-Barlow-resolucion{
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  color:#31303e;
  font-size: 20px;
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.texto-Barlow-cartas{
  font-family: 'Barlow', sans-serif;
  font-weight: 800;
  color: #31303e;
  font-size: 20px;
  line-height: 22px;
  font-style:italic;
}

.texto-comparte{
  font-family: 'Barlow', sans-serif;
  font-weight: 800;
  color: #cabbaa;
  font-size: 50px;
  line-height: 50px;
  border-top: 1px;
  border-top-color: #cabbaa;
  border-top-style: solid;
  padding-top: 20px;
}


.texto-Barlow-cartas ul {
  list-style-type: none;
}

.texto-Barlow-cartas ul > li:before {
  content: "–"; /* en dash */
  position: absolute;
  margin-left: -1.1em;
}

.botones-link-social {
margin-right: 5px;
}

.botones-link-social img{
   width: 2000%;

}

.botones-link-descarga img{
  width: 100%;

}

.botones-enlaces-link {
  padding-top: 25px;
}


#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}