html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#fff;
   background-image: url(../img/fondo-piano-teclas.png);
   background-repeat: no-repeat;
   background-position: center top;
}
#body {
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#fff;
}

#footer p{font-family: 'Josefin Slab', sans-serif; color: #999; font-size: 15px; text-align: right;}
a:focus, a:hover{color: inherit !important; text-decoration: none !important;;}
h2{font-family: 'Josefin Slab', serif; font-size: 72px; color: #000;}
p{font-family: 'Raleway', sans-serif; font-size: 14px; color: #333333; line-height: 26px;}
#audio_player{float: right; position: fixed; right: 60px; top: 20px; z-index: 10;}
.color2{background-color: #EDEDED;}
.unlink{text-decoration: none; color: inherit;}
.unlink:hover{text-decoration: none; color: inherit;}
.lang{font-family: 'Raleway', sans-serif; font-size: 14px; color: #999;}
.menu{font-family: 'Josefin Slab', serif; font-size: 21px; color: #000;}
.menu ul li a:hover{color: #999;}
.menu > li{padding-right: 0; padding-left: 35px;    margin-bottom: 2%;}
.last{font-family: 'Josefin Slab', serif; font-size: 16px; color: #666666; text-align: right;}
.playlist{font-family: 'Josefin Slab', serif; font-size: 16px; text-align: right;}
.playlist ul{list-style: none; margin: 0; padding: 0;}
.playlist ul li{background: url(../img/play.png) no-repeat 18px 14px; list-style: none; margin: 0; padding: 20px 0px 28px 59px; vertical-align: middle; display:inline; color:#B4B4B4; line-height: 40px;}
.negative-image{margin-top: -94px;}
.negative-title{margin-top: -57px;}
.ptop{margin-top: 62px;}
.altoh2{height: 48px;}
.altoh2-2{height: 48px; z-index: 2; position: relative;}
.vmiddle{vertical-align: middle;}
.list-footer{font-family: 'Josefin Slab', serif; font-size: 14px; color: #A3A3A3;}
#topcontrol{z-index: 1;}


/* MARGINS */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}
.mt200{margin-top: 200px;}
.mt250{margin-top: 250px;}
.mb90{margin-bottom: 90px;}

.pl35{padding-left: 35px !important;}

/* SLIDER */
.swiper-container {
  width: 100%;
  height: 300px;
  margin: 20px auto;
  cursor: -webkit-grab;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

@media (max-width: 767px){
  #audio_player{right: 0}
  h2{font-size: 34px;}
  .altoh2{height: 17px;}
  .altoh2-2{height: 17px;}
  .negative-title{margin-top: 10px;}
}