.globus{
    display:none;
    background-color:#fff2bb;
    padding:5px;
    border-radius: 3px;
    max-width: 200px;
}

.button {
    position:relative;
    background-color: #8692a0;
    width:9.7vw;
    height:1.2vw; 
    line-height: 1.2vw;
    top:0.44vw;
    left:0.42vw;
    border:0.08vw dotted white;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.marc {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    /* text-align: center; */
    border: 1px solid #f1c40f;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    margin-bottom: 60px;
}
#marc{
    display:block;
    width:90%;
    margin:0 auto;
    margin-top:40px;
    /*text-align:center;*/
    text-align:justify;
    border:1px solid green;
    border-radius: 4px;
    /*padding:10px;*/
    /* Ha de ser igual que el margin top del contenidor */
    margin-bottom:60px;
    /****************************************************/
}
.titol-marc{
    display:block;
    float:left;
    font-family: Montserrat;
    padding:0 5px;
    margin:-1em 0 0 30px;
    background:#fff;
    color:#f1c40f;        
}
/* css for the shiny buttons */
.btn {
  cursor: pointer;
  margin: 10px;
  border-radius: 5px;
  text-decoration: none;
  font-family:'Montserrat';
  padding: 10px;
  font-size: 22px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  display: inline-block;
}

.btn:hover {
  //cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto;
}
.blue {
  color: #55acee;
  border: 2px #55acee solid;
}

.blue:hover {
  background-color: #55acee;
  color: #fff
}
.black {
  color: #000000;
  border: 2px #000000 solid;
}

.black:hover {
  background-color: #000000;
  color: #fff
}
.green {
  color: #2ecc71;
  border: 2px #2ecc71 solid;
}

.green:hover {
  color: #fff;
  background-color: #2ecc71;
}
.red {
  color: #e74c3c;
  border: 2px #e74c3c solid;
}

.red:hover {
  color: #fff;
  background-color: #e74c3c;
}

.purple {
  color: #9b59b6;
  border: 2px #9b59b6 solid;
}

.purple:hover {
  color: #fff;
  background-color: #9b59b6;
}

.orange {
  color: #e67e22;
  border: 2px #e67e22 solid;
}

.orange:hover {
  color: #fff;
  background-color: #e67e22;
}

.yellow {
  color: #f1c40f;
  border: 2px #f1c40f solid;
}

.yellow:hover {
  color: #fff;
  background-color: #f1c40f;
}
.gold {
  color: #b08f4c;
  border: 2px #f1c40f solid;
}

.gold:hover {
  color: #b08f4c;
  background-color: #f1c40f;
}

.buttons {
  padding-top: 10px;
  text-align: center;
}