@import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900);
/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script|PT+Sans|Open+Sans|Patua+One);

a {
    background-color:transparent;
    color:#929497;
    text-decoration:none;
}
a:active, a:hover {
    outline:0;
    color:#1c256c

}

* .contenedor * {
    box-sizing:border-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
.icon {
    display:inline-block;
    width:1em;
    height:1em;
    stroke-width:0;
    stroke:currentColor; 
    fill:currentColor
}

.contenedor {
    width:100%;
    max-width:1200px;
    margin:0 auto
}
.grupo:after, .grupo:before {
    content:"";
    display:table;
    clear:both
}
.header-t {
  margin-left:-10px;
}

.col-10 {
    width:100%
}
.video {
    height:0;
    overflow:hidden;
    padding-bottom:56.25%
}
.video>iframe, .video>object, .video>video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

body {
    padding: 0;
    margin: 0;
    font-size: 13px;
    background: #DDD;
    background-image:url("https://i.imgur.com/0ZR2cvE.png");
    font-family: 'Maven Pro';
    font-weight: normal;
}
.contenedor {
    max-width: 1000px;
}
/** header **/
.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    height: 50px;
    vertical-align: baseline;
}
.header-fixet {
    background: #475e88;
    border-bottom: 1px dotted #fff;
}
.top-superior {
    height: 40px;
}
.top-superior .socialframe {
    padding-top: 10px;
    float: right;
    padding-right: 20px;
}
.top-superior .social {
    padding-top: 0px;
    float: right;
}
.top-superior .social a {
    padding-left: 30px;
    display: block;
    color: #000;
    width: 120px;
    float: left;
    position: relative;
    font-size: 1em;
}
.top-superior .social a b {
    display: block;
    font-size: 0.8em;
    line-height: 7px;
    margin-top: 10px;
}
.top-superior .social a svg {
    color: red;
    position: absolute;
    top: 8px;
    left: 0px;
    width: 1.8em;
    height: 1.8em;
}
.header {
    height: 36px;
    padding: 5px;
    position: relative;
    margin-top: 1px;
}
.header .bailando {
    position: absolute;
    top: -39px;
    left: 0px;
}
.header .bailando svg {
    width: 10em;
    height: 3.2em;
}
.header .logo {
    float: left;
    display: block;
    width: 247px;
    height: 50px;
    margin-top: -5px;
    margin-right: 15px;
    text-align: right;
    position: relative;
}
.header .logo a {
    font-family: 'Kaushan Script', cursive;
    color: #fff;
    font-size: 2.5em;
    position: absolute;
    right: 0px;
}
.header .buscador {
    float: left;
    width: calc(100% - 480px);
}
.header .buscador form {
    background: #FFF;
    display: block;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:3px;
    height: 35px;
    margin-top: 3px;
}
.header .buscador .t {
    padding: 7px;
    border:none;
    width: calc(100% - 80px);
}
.header .buscador .b {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #3F3F41;
    color:#fff;
    font-weight: bold;
    border:none;
    cursor: pointer;
    padding: 7px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.rotate {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite
}
.header .menu {
    float: right;
    width: 180px;
    position: relative;
}
.header .menu svg {
    cursor: pointer;
}
.header .menu svg.cd, .header .menu svg.satelite {
    width: 2.2em;
    height: 2.2em;
    color: #fff;
    margin-top: 3px;
    margin-right: 15px;
}
.header .menu svg.satelite {
    height: 2.5em;
    width: 1.9em;
}
.header .menu svg:hover {
    color: #000;
}
.header .menu .bt-menu {
    border: 2px solid #fff;
    background: #3F3F41;
    color: #Fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 8px;
    padding-right: 25px;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
.header .menu .bt-menu .icon {
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    right: 5px;
    top: 8px;
}
.header .menu .bt-menu:hover {
    background: #c00101;
}

.cont-tags {
    font-family: 'PT Sans', sans-serif;
    background: #EFEFEF;
    border-bottom: 1px solid #ccc;
    padding: 7px;
    margin-top:4px;
}
.cont-tags .info {
    float: left;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 230px;
}
.cont-tags .cont {
    padding-left: 9px;
    float: left;
    width: calc(100% - 250px);
    border: 0px solid rgba(255, 255, 255, 0);
}
.cont-tags .cont b {
    float: left;
    display: block;
    color: #444;
    margin-top: 1px;
}
.cont-tags .cont .cat-tags {
    margin-left: 15px;
    margin-top: -5px;
    float: left;
    width: calc(100% - 100px);

}
.cont-tags .cont .cat-tags span {
    float: left;
    cursor: pointer;
    display: block;
    position: relative;
    width: 15px;
    height: 25px;
}
.cont-tags .cont .cat-tags span svg {
    position: absolute;
    top: 4px;
    color: red;
    width: 1.5em;
    height: 1.5em;
}
.cont-tags .cont .cat-tags .slide {
    float: left;
    overflow:hidden;
    width: calc(100% - 35px );
    padding-left: 5px;
}
.cont-tags .cont .cat-tags .slide .capa {
    background: rgba(255, 255, 255, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 3px;
    overflow:hidden;
}
.cont-tags .cont .cat-tags ul {
    width: 100%;
    margin: 0px;
    padding: -33px;
    list-style: none;
    font-size: 0px;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}
.cont-tags .cont .cat-tags ul li {
    display: inline-block;
    margin: 5px;
    padding-right: 10px;
    text-align: left;
    font-size: 12px;
    position: relative;
}
.cont-tags .cont .cat-tags ul li:after {
    content: '-';
    position: absolute;
    top: 0px;
    right: 0px;
}
.cont-tags .cont .cat-tags ul li a {
    color: #000;
    display: block;
    font-family: "PT Sans";
    font-size: 13px;
    margin-top:-1px
}
.cont-tags .cont .cat-tags ul li a:hover {
    color: #C00101;
}

.menu-fx {
    display: none;
}
.tmpfx {
    position: absolute;
    left: 0px;
    top: 45px;
    width: 100%;
    min-height: 350px;
    background: #000;
    z-index: 99999;
}
.tmpfx ul {

    list-style: none;
    padding: 0px;
    margin: 0px;
}
.tmpfx ul li {
    display: block;
}

.cont{
  background: #fff;
  border: 3px solid #929497;
}
.cont .cont-videos {
  background: rgba(255, 255, 255, 0);

}
.cont-video {
  border-bottom: dashed  2px rgb(221, 221, 221);
  margin-top: -143px;
  margin-right:10px;
  width: 380px;
  float:right;
}
.cont .cont-videos .img-video{
  height:225px
}
.cont .cont-videos .img-video h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  width: 380px;
  margin-top: -3px;
  margin-right:10px;
}
.cont .cont-videos .img-video img {
  width: 380px;
  margin-top: 1px;
  margin-left:10px;
}
.cont .cont-videos{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
}

.cont .cont-videos ul li img {
  background:#000;
  width: 185px;
  margin-left:10px;
  margin-top: 25px;
}

.cont .cont-videos .cont-titles {
  position:absolute;
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  margin-top: -3px;
  margin-left: 10px;
  /* background: #000; */
  width: 185;
}

.tmpfx ul li .cont {
   display: none;
   position: absolute;
   top: 0px;
   right: 180px;
   height: 732px;
   width: 438px;
}

.cont ul li a{
  font-weight: bold;
  font-size:12px !important;
  color:#000 !important;
  margin-top:-6px
}
.cont  a:hover {
 text-decoration: underline;
 background: rgba(255, 255, 255, 0) !important;
}

.cont ul li a span{
  font-weight: bold;
  color:#898989 !important;
  
}
.cont h3 {
  color:#000;
  font-size:19px;
  margin-top:-5px;
  float:right;
  margin-right:-8px;
  width:147px;
  height:165px;
}
.cont h3:hover {
 text-decoration: underline
}
.cont a img{
  width:220px;
  height: 147px;
}
.tmpfx ul li:hover .cont {
    display: block;

}
.tmpfx ul li a {
    display: block;
    color: #fff;
    padding: 10px 15px;
    font-size: 1.3em;
    border-bottom: dashed 1px rgba(206, 207, 208, 0.49);
}

.tmpfx ul li a:hover {
    background: #303030;
}

.tagstop {
    padding: 10px 0;
    padding-bottom: 0;
    text-align: right;
}
.tagstop .more {
    background: #c00101;
    color: #fff;
    padding: 2px 5px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
}
.tagstop ul {
    overflow:hidden;
    list-style: none;
    padding: 0;
    margin:0;
    height: 23px;
    width: calc(100% - 50px);
    float: left;
}
.tagstop ul li {
    display: inline-block;
    padding-right: 5px;
}
.tagstop ul li a {
    display: block;
    background: #8693A0;
    color: #fff;
    padding: 2px 5px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tagstop ul li a:hover {
    background: #C00101;
}


/*** mobil **/

@media screen and (max-width:767px){

.social, .header .logo a { display: none; }
.header .logo {
    position:absolute;
}
.header .menu {
    width: 80px;
}
.header .buscador {
    width: calc(100% - 80px);
}
.cont-tags .info {
    display: none;
}
.cont-tags .cont {
    width: calc(100% - 10px);
}
.tmpfx {
    right: 0px;
    left: auto;
    width: 130px;
}
.header .menu svg.cd, .header .menu svg.satelite {
    display: none;
}
.cont-tags .cont .cat-tags .slide {
    margin-top: -2px;
}
.cont-tags {
    padding: 14px 0px;
}

}
/** Fin header **/
.contenido {
    float: left;
    width: -webkit-calc(100% - 300px);
    width: -moz-calc(100% - 300px);
    width: calc(1000px - 0px);
    padding: 5px;-
    index: 999;
}

.sidebar {
    float: left;
    width: 300px;
    padding-top: 5px;
}

.main {
    background: #Fff;
    margin-top: 12px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}
.cont-ba {
  background-image: url(https://previews.123rf.com/images/rastudio/rastudio1103/rastudio110300015/9060049-Old-Paper-Texture-Stock-Photo-jazz-microphone-paper.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #d0d0d0;
  margin-top
}

@media screen and (max-width: 767px) {
    .contenido,.sidebar {
        width:100%
    }
}

.fotter {
  border: -1px solid #ddd;
  height: 680px;
  padding: -1px;
  /* margin-bottom: 31px; */
  background: #221F20;
  margin-top: -18px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}

.fotters {
  border: -1px solid #ddd;
  height: 32px;
  padding: -1px;
  /* margin-bottom: 31px; */
  background: #221F20;
  margin-top: -18px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}
.fotter p {
    padding: 0px;
    margin-top: 58px;
    font-size: 1.0em;
}
.fotter p a b {
    color: #2C9B3E
}

.title h2 {
    padding: 0;
    margin: 0;
    color: #FFF;
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -10px;
}
.title h2 svg, .postlist h1 svg {
    color: #c00101;
    width: 24px;
    height: 21px;
    position: absolute;
}
.title .icon-radio:before {
    content: "\ea55";
    margin-right: 5px
}

.title .icon-phone:before {
    content: "\e910";
    margin-right: 5px
}
/* Listado de artistas */

.lista-artista .div-art {
    float: left;
    margin: 1px 0px 1px 2px;
    position: relative;
    width: 110%;
    color:#929497 !important;
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    line-height:25px;
    border-bottom:dashed 1px #cecfd0;
    background:url(../svg/artista2.svg) no-repeat;
    padding-left: 27px;
    top:8px;
}
.lista-artista .div-art:nth-child(1) {
    border-top:dashed 1px #cecfd0;
}

.lista-artista .div-art:hover {
    background:url(../svg/play2.svg) no-repeat;
    
}
.lista-artista .div-art:hover .art-ho{
    background-color: #2f4375;
    color: white;
    padding: 0px 2px;
    text-decoration: none;
    display: inline-block;
    border-radius:5px;
    font-family: 'PT Sans', sans-serif;
    width: 154px;

}

.lista-artista .div-art:hover i {
    position: absolute;
    left: 155px;
    background:url(../svg/menu.svg) no-repeat;
    width: 25px;
    height: 25px;
    border-radius:10px

}
/* Lista albumes */ 

.lista-albumes {
  float: left;
  position:relative;
}
.div-album {
  float: left;
  position:relative;
}
.lista-albumes .div-album {
    margin: 1px 0px 1px 2px;
    width: 197px;
    color:#929497 !important;
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    line-height:25px;
    border-bottom:dashed 1px #cecfd0;
    padding-left: 27px;
    top:7px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lista-albumes .div-album3 {
    margin: 1px 0px 1px 2px;
    width: 197px;
    color:#929497 !important;
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    line-height:25px;
    border-bottom:dashed 1px #cecfd0;
    background:url(../svg/album3.svg) no-repeat;
    padding-left: 27px;
    top:7px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lista-albumes .div-album:nth-child(1) {
      border-top:dashed 1px #cecfd0;

}

.lista-albumes .div-album:hover {
    
}
.lista-albumes .div-album:hover .art-ho{
    background-color: #2f4375;
    color: white;
    padding: 0px 5px;
    text-decoration: none;
    display: inline-block;
    border-radius:5px;
    font-family: 'PT Sans', sans-serif;
    width: 165px;

}

.lista-albumes .div-album:hover i {
    position: absolute;
    left: 155px;
    background:url(../svg/menu.svg) no-repeat;
    width: 25px;
    height: 25px;
    border-radius:10px

}

/* Inicia  canciomes */

.lista-cancion a {
    float: left;
    margin: 1px 2px 1px 2px;
    position: relative;
    width: 320px;
    float:left;
    color:#2a769a;
    font-size:14px;
    font-family: 'PT Sans', sans-serif;
    line-height:25px;
    border-bottom:dashed 1px #cecfd0;
    background:url(../svg/canciones.svg) no-repeat;
    padding-left:23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.lista-cancion a:hover {
    background:url(../svg/play2.svg) no-repeat;
    
}
.lista-cancion a:hover .art-ho {
    background-color: #2f4375;
    color:#fdfdfd;
    padding: 0px 5px;
    text-decoration: none;
    display: inline-block;
    border-radius:5px;
    font-family: 'PT Sans', sans-serif;
    width: 260px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin:0px 0px 0px 5px
}


.lista-cancion a:hover i {
    position: absolute;
    right: 4px;
    background:url(../svg/menu.svg) no-repeat;
    width: 25px;
    height: 25px;
    border-radius:10px;
  
}
/* Fin canciones */

.destitu {
  text-align:center;
  font-size: 41px;
  font-family:'Oswald', sans-serif;
  line-height: 1.1;
  /* background:#ddd; */
  /* height: 93px; */
  min-height: 45px;
  min-height: 93;
  color: #3f3f41;
  font-weight: bold;
  margin-top: 2px;
  }
.destitu1 {
  margin-bottom: 10px;
  font-family: sans-serif;
  font-weight:normal;
  font-size: 22px;
  color: #004C67!important;
  margin-left:10px;
  text-align:center

}
.destitu2 {
  margin-left:10px;
  margin-top:-10px
  
}
.destitu2  strong {
  color:#2f4375
}
/* Publicidad */ 
.box-publicidad {
    text-align:center;
    margin-top: 14px;
    height: 114px;
    margin-left: -1px;
    margin-right: 3px;
    background-color:#fff;
    /* border:1px dotted #3e3636; */
    border-radius:14px;
    font-family:Arial,Helvetica,sans-serif;
    padding:20px 0 10px 0;
    }
.publicidad1 {
    float:left;
    width: 765px;
    /* background: #95aab4; */
    height: 100px;
    margin-left: 5px;
    margin-top: -10px;
    border-radius: 10px;
}
.publicidad1 span {
 display: block;
 text-align: left;
 color: #999 !important;
 font-size: 0.6rem;
 line-height: 2;
 margin-top: -22px;
 margin-left: 11px;
}
.publicidad1 .anunciotext1 {
  margin-top: 4px;
  margin-left: -20px;
}
.publicidad2 {
    float:right;
    width:200px;
    /* background: #95aab4; */
    height: 100px;
    margin-right: 0px;
    margin-top: -10px;
    border-radius:10px;
}
.publicidad2 .anunciotext2 {
  margin-top: 4px;
  
}

.anunciotext {
    display: block;
    text-align: center;
    /* color: #999 !important; */
    font-size: 0.6rem;
    line-height: 2;
    margin-top: -20px;
    z-index: 999;
}

/* Inicia Bloque izquierda */ 
.izquierda {
    width: 680px;
    /* height: 1; */
    float: left;
    margin-top:-15px;
}
.title_111 {
  margin-left: 0px !important;
  color: #FFF;
  background:#6e7178;
  font-family: 'Maven Pro';
  font-size: 20px;
  padding: 5px 10px;
  margin: 5px 0;
  border-radius:5px
  /*border-bottom-right-radius*/;
}


.contenedors * {
    box-sizing:border-box
}

.contenidoss .cds {
    list-style:none;
    padding:0
}
.contenidoss .cds li {
    padding: 3px;
    float:left;
    width:50%;
    margin-top: -0px;
}
@media screen and (min-width: 768px) {
    .contenidoss .cds li {
        width:25%

    }
}
@media screen and (min-width: 1024px) {
    .contenidoss .cds li {
        width:20%;

    }
}
.contenidoss .cds li a {
    display:block;
    background:#686b73;
    border-radius:10px


}
.contenidoss .cds li a .img {
    width:100%;
    overflow:hidden;
    position:relative;
    display:block;
    padding-bottom:90.25%;
    border-radius:10px
    
}
.contenidoss .cds li a .img.icon-pause:before, .contenidoss .cds li a .img.visible:before {
    display:block
}
.contenidoss .cds li a .img:before {
    position:absolute;
    z-index:1;
    font-size:4em;
    color:#FFF;
    display:none;
    background:rgba(0, 0, 0, 0.62);
    width:100%;
    height:100%;
    text-align:center;
    padding-top:30%
}
.contenidoss .cds li a .img:hover:before {
    display:block
}
.contenidoss .cds li a .img img {
    position:absolute;
    width:100%;
    min-height:100%;
    top:0px;
    left:0px
}
.contenidoss .cds li a .title, .contenidoss .cds li a .artista {
    padding:5px 10px;
    display:block;
    color:#fff;
    filter:alpha(opactiy=70);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    
}
.i-artistas{
  float:left;
  width:300px;
  height:534px;
}
.lista_artistas {
   margin: 3px 0 3px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   font-size:13px
}
.lista_artistas li:hover {
  position:relative;
  border: 0px solid #cec0c0;
  border-radius:10px;
  background:#ddd
  }
.a_players {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 370px!important;
  float:right;
  height: 591px;
}
.derecha {
  width: 300px;
  height: 600px;
  float: right;
  /* background-color: #916b6b; */
  margin-top: -9px;
}
.t-centro {
    background-color: #fafafa;
    width: 988px;
    float: left;
}
.t-centros {
    /* background-color: #fafafa; */
    width: 988px;
    float: left;
    margin-top: 13px;
}
.fanpage{
  margin-top:-10px;
  background: #d0d3da;
  height:250px
}
.raya {
  border-bottom:dashed 1px #d0cece;
  margin-top:10px;
  width: 1000px!important;
  float:right;


}

.lista-canciones ul {
    overflow:hidden;
    margin-left: -42px;
    
}
.lista-canciones ul li {
    display:block;
    width: 220px;
    float:left;
    height:30px;
    background:url(http://datamusical.club/mpc/svg/play-songs.png) no-repeat;
    padding: 2px 0px 0px 38px;
    text-align:left;
    line-height:26px;
    border-bottom:dashed 1px #cecfd0;
    font-family: 'Maven Pro';
}
.lista-canciones ul li:hover {
    background:url(http://datamusical.club/mpc/svg/play-songs-hover.png) no-repeat
}
.lista-canciones ul li a {
    height:26px;
    width:100%;
    float:left;
    color:#222;
    overflow:hidden;
    white-space:nowrap; 
    text-overflow: ellipsis;
}
.curva {
    font-size: 12px;
    font-style: italic;
    color: #999;
    padding-left: 5px;
}
.curvas {
    font-size: 14px;
    font-style: italic;
    color: #999;
    padding-left: 5px;
}
.nave {
    padding: 1px 0;
    padding-bottom: 0;
    text-align: right;
    margin-top: -32px;
}

.nave ul {
    overflow:hidden;
    list-style: none;
    padding: 0;
    margin:0;
    height: 23px;
    width: calc(100% - 50px);
    float: left;
}
.nave ul li {
    display: inline-block;
    padding-right: 5px;
}
.nave ul li a {
    display: block;
    /* background: #8693A0; */
    color: #fff;
    padding: 2px 5px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size:15px
}
.nave ul li a:hover {
    background: #C00101;
}

nav {
  margin-top: -5px;
  padding: 4px;
  text-align: right;
  width: 1000px;
  margin-left: -5px;
}

#nav-3 {

background:#475e88;

border-top-right-radius:10px;

border-top-left-radius:10px;

margin-top: -27px;

height: 39px;
}

.link-3 {
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 0  10px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin-right: -13px;
  margin-top:10px;
  text-transform: uppercase;
}
.link-tops {

color: #EDBF0E;

font-size: 22px;

padding: 0  5px;

font-family: 'Oswald', sans-serif;

font-weight: 500;

margin-right: -12px;
}
.link-nav {
  float:left;
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 0  -10px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  /* margin-right: 301px; */
}
.link-dmca {
  color: #ffca01;
  font-size: 22px;
  text-decoration: none;
  padding: 0  10px;
  font-family: 'Open Sans Condensed', sans-serif;
  margin-right: -6px;
}
.link-anadidas {
  float:right;
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 0  -10px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin-right: -10px;
}
.link-anadidas:hover {
   color: #ffca01;
 
}
.link-albumes {
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  padding: 0  10px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;  margin-right: -12px;
}
.link-4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  padding: 0px  16px;
  font-family: 'Open Sans Condensed', sans-serif;
  margin-right: 162px;
}
.link-3:hover {
    color:#ffca01;
    /*box-shadow:inset 0 1px 6px -1px rgba(0, 0, 0, 0.4), inset 0 -1px rgba(255, 255, 255, 0.6), 1px 0 rgba(255, 255, 255, 0.6), -1px 0 rgba(255, 255, 255, 0.6);
    */padding: 8px 10px;

}
.link-albumes:hover {
    color:#ffca01;
    /*box-shadow:inset 0 1px 6px -1px rgba(0, 0, 0, 0.4), inset 0 -1px rgba(255, 255, 255, 0.6), 1px 0 rgba(255, 255, 255, 0.6), -1px 0 rgba(255, 255, 255, 0.6);
    */padding: 8px 10px;
    
}
.link-dmca:hover {
    color:#ffca01;
    padding: 7px 10px;
    border-top-right-radius:10px

}
#artista-svg {
     width: 30px;
     height: 25px;
}
#noti-svg {
     width: 27px;
     height: 21px;
     color:#f1484f;
     margin-left:-10px;
     margin-top: 8px;
}
#flecha-svg {
     width: 30px;
     height: 25px;

    }
    #artista-svg:hover path {
        fill: #ffca01;
    }


    .mueves {
      margin-bottom:-4px;
      margin-right:-2px;
      color:#fff;

      
    }
/* Slider */
.wrapper-slider {
   /* background: #ddd; */
   position: relative;
   width: 972px;
   height: 203px;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   padding-left: 1px;
   /* margin-top: 16px; */
}
.wrapper-slider .arrow-left,
.wrapper-slider .arrow-right {
    position: absolute;
    /* top: -6%; */
    margin-top: -16px;
    margin-right: -1px;
    height: 30px;
    width: 30px;
    /* z-index: 999; */
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    right: 28px;
    background: url(../svg/atras.svg) no-repeat center center;
    background-color: #FFF;
}
.wrapper-slider .arrow-right {
    right: -11px;
    left: auto;
    background-image: url(../svg/adelante.svg);
}
.wrapper-slider .arrow-left:hover,
.wrapper-slider .arrow-right:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    background-color: #f1f1f1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.items {
    width: 978px;
    margin-left:15px;
    margin-top: 0px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    height: 226px;
}
.items-art {
    width: 978px;
    margin-left:15px;
    margin-top: 0px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    height: 234px;
}

.items .item {
    width: 196px;
    height: 207px;
    position:relative;
    display: inline-flex;
    padding: 0px 0px 0px 10px;
}
.items-art  .item {
    width: 196px;
    height: 207px;
    position:relative;
    display: inline-flex;
    padding: 0px 0px 0px 10px;
}
.items .item4 {
    width: 200px;
    height: 207px;
    position:relative;
    display: inline-flex;
    padding: 0px 0px 0px 10px;
}

.items .item2 {
     background:#F1F2F2;
     height: 209px;
     border-radius: 25px;
     border: 1px solid #edbf0e;
     margin-top: 2px;
}
.items .item3 {
     width: 200px;
     /* background:#F1F2F2; */
     height: 209px;
     border-radius: 25px;
     margin-top: 2px;
}
/* Fin slider */
.artistas-top {
       border-bottom:dashed 1px #f68f93;
       width: 981px;
       margin-left: 5px;
       margin-top: 2px;
       margin-bottom:1px;
}
.artistas-top .top-artistas2{
   float:right;
   font-size:16px;
   color: #9599a0;
   font-size:17px;
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   margin-right: -3px;
   margin-top: 21px;
}

.artistas-top .top-artistas3{
   float:right;
   font-size:16px;
   color: #9599a0;
   font-size:17px;
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   margin-right: -5px;
   margin-top: 36px;
}

.artistas-top .top-artistas  {
    /* position: absolute; */
    color: #F48480;
    padding: 2px 11px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:6px;
    font-family: 'Kaushan Script', cursive;
    font-size: 2.6em;
    margin-bottom: -7px;
}

.itemart2 {
  float: left;
  position: relative;
  margin-top: 19px;
  margin-left: -1px;
}
.itemart7 {
  float: left;
   position: relative;
   margin-top: 19px;
   margin-left: -1px;
}
/* Slider */
.artista-slider {
    position: relative;
    width: 970px;
    height: 158px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    top: -10px;
    margin-left:5px;
}
.artista-slider .artista-arrow-left,
.artista-slider .artista-arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    margin-right: 917px;
    height: 30px;
    width: 30px;
    z-index: 999;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    right: 28px;
    background: url(../svg/atras.svg) no-repeat center center;
    background-color: #FFF;
}
.artista-slider .artista-arrow-right {
    right: -935px;
    left: auto;
    background-image: url(../svg/adelante.svg);
}
.artista-slider .artista-arrow-left:hover,
.artista-slider .artista-arrow-right:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    background-color: #f1f1f1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.s-artistas {
    width: 94%;
    /* height: 157px; */
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 10px;
    /* margin-top: -28px; */
    margin-left: 23px;
    /* margin-right: 6px; */
}
.s-artistas .itemart {
    text-align:center;
    width: 153px;
    transform: scale(0.97);
    color:#928787;
    font-size:16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

/* Fin slider */

/* Artistas efect */ 
.ih-item {

  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;

}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 150px;
  height: inherit;
  border-radius: 50%;
  top:5px;
  margin-right:65px

}
.ih-item.circle .img {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;

}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .infos {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .infos {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.ih-item.circle.effect10 .img {
  z-index: 11;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .infos {
  background: #da4848;
}
.ih-item.circle.effect10 .infos {
  background: #333333;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .infos h3 {
  color: #fff;
  font-family: "PT Sans";
  text-transform: uppercase;
  position: relative;
  font-size: 18px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .infos p {
  color: #fff;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-family: 'Oswald', sans-serif;

}
.ih-item.circle.effect10 a:hover .infos {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect10.top_to_bottom .infos h3 {
  margin: 0 30px;
  padding: 25px 0 0 0;
  height: 78px;

}
.ih-item.circle.effect10.top_to_bottom .infos p {
  margin: 0 0px;
  padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px) scale(0.5);
  -moz-transform: translateY(50px) scale(0.5);
  -ms-transform: translateY(50px) scale(0.5);
  -o-transform: translateY(50px) scale(0.5);
  transform: translateY(50px) scale(0.5);
  
}

.ih-item.circle.effect10.bottom_to_top .infos h3 {
  margin: 38px 3px 0;
  padding: 40px 0 0 0;
  height: 58px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ih-item.circle.effect10.bottom_to_top .infos p {
  margin: 0 12px;
  padding: 0px;
  margin-top:10px
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
  bottom:-17px
}

/* Fin artistas efect */
.row {
  margin-right: -125px;
}
.cambiaimg {
  position:absolute;
  margin-left:-25px;
  margin-top:4px
}

.cambiaimg3 {
  position:absolute;
  margin-left:-54px;
  margin-top:4px
}

/* Nuevo player */ 

#player {
    background: #FFCA01;
    color: #fff;
    height: 30px;
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 25px;
    box-sizing: border-box;
    /* border-top-right-radius:10px; */
    /* border-top-left-radius:10px; */
}
#player:before,#player:after {
    content:"";
    display: table ;
    clear:both;
}
.control {
    position: absolute;
    padding: 6px;
    float: left;
    margin-bottom: -9px;
    margin-left: 106px;
}
.timer {
    font-size:18px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
}
.total {
    font-size: 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.control span {
    cursor: pointer;
    float:left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #F48480;
    border: thick solid #cccbd2;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -21px;
    text-align: center;
    position: relative;
    margin-right: 2px;
    z-index:999;
}
.control span:hover {
    background: rgba(224, 37, 37, 0.8);
    border-color: #ffffff;
}
.control span.play {
    width: 35px;
    height: 35px;
    margin-top: -14px;
}
.control span.play i {
    position: absolute;
    top: -19px;
    left: 25px;
    color: #000;
    width: 100px;
    padding-left: 26px;
}
.control span.play i svg {
    height: 20px;
    width: 25px;
    fill: #E91E63;
    top: 1px !important;
    left: 7px !important;
}
.control span.play svg {
    top: 5px;
    left: 7px;
}
.control span.play svg.ipause {
      width: 40px;
      height: 40px;
      margin-top: 2px;
      margin-left: -1px;
}
.control .anterior svg {
    left: 3px;
    width:35px;
    height:35px
    }
.control .siguiente svg {
    left: 3px;
    width:35px;
    height:35px
}
.control span svg{
    position: absolute;
    width: 50px;
    height: auto;
    fill: #fff;
    left: -4px;
    top: 2px;
}
.control .repetir {
    margin-left: 2px;
}
.control .repetir, .control .randon {
    background: none;
    border:none;
    opacity: 0.6;
    margin-top: -9px;
}
.control .repetir:hover, .control .randon:hover {
    background: none;
    opacity: 1;
}
.control .repetir.activo, .control .randon.activo {
    opacity: 1;
}
.control .repetir svg {
    height: 15px;
    top: 11px;
    margin-left:15px
}
.control .randon svg {
    height: 18px;
    top: 10px;
}
.proceso {
    float: left;
    width: calc( 100% - 310px);
    padding-top: 10px;
}
.proceso .barra {
    width: 100%;
    height: 8px;
    background: #e2e2e2;
}
.proceso .barra .barrita {
    height: 8px;
    background: #f1f0ef;
}
.datos {
    float: left;
    padding-right: 7px;
    font-size: 12px;
    /* font-family:"Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif; */
    width: 99px;
    margin: 2px 0px 0px 0px;
    /* padding-top:6px; */
    text-align: right;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin-top: 0px;
}
.datos .l {
    font-size: 1.6em;
}

.ipause {
    display: none;
}
@-webkit-keyframes mymove {
    from {background-color: #717608; border-color: #A3AC00;}
    to {background-color: #A3AC00; border-color: #717608;}
}
@keyframes mymove {
    from {background-color: #e62117;border-color: #e02e2e;}
    to {background-color: #F48480;border-color: rgb(253, 251, 251);}
}
.spin {
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 1s infinite;
    width: 65px !important;
    height: 65px !important;
    margin-top: -33px !important;
}
.spin svg {
    top: 5px !important;
    left: 9px !important;
}
.play_listaR {
    max-width: 100%;
    width: 100%;
    margin: -22px auto 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    min-height: 200px;
    max-height: 441px;
}
.play_li {
    max-width: 100%;
    width: 100%;
    margin: -22px auto 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    min-height: 200px;
    max-height: 441px;
    height: 442px;
}
.play_listaR li:after,.play_listaR li:before {
    content: "";
    display: table;
    clear: both
}

.play_listaR li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: block;
    font-size: 13px;
    background-color: #f5f3f3;
    padding: 8px;
    position: relative
}

.play_listaR li.active,.play_listaR li:hover .t-artista {
    padding-left: 5px;
    color: #ddd
}

.play_listaR li.active,.play_listaR li:hover {
    background: #da5154;
    padding-left: 5px;
    color: #fff
}

.play_listaR li i {
    position: absolute;
    left: 3px;
    top: 5px;
    background-color: #CCC;
    -webkit-mask: url(../svg/icon-circle.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-circle.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover
}

.play_listaR li.active i {
    background: url(http://masmusicacristiana.org/img/playing.gif) no-repeat;
    -webkit-mask: url(http://masmusicacristiana.org/img/playing.gif) no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    left: 2px
}

.play_listaR li .title {
    float: left;
    margin-left: 16px;
    width: 93%;
    overflow: hidden
}

.play_listaR li .t-artista {
    font-size: 12px;
    font-style: italic;
    color: #999;
    padding-left: 5px
}

.jp-playlist a,.jp-playlist li {
    font-size: 13px;
    position: relative
}

.play_listaR li.active .t-artista {
    color: #ddd
}

.play_listaR li .opcion svg {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 17px;
    height: 17px;
    stroke-width: 0
}

.play_listaR li .opcion {
    position: absolute;
    right: 5px;
    top: 5px
}

.play_listaR li .opcion .t {
    background-color: #000;
    -webkit-mask: url(../svg/icon-ctrl.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-ctrl.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover
}

.play_listaR li .opcion .b {
    display: none;
    margin-top: 5px
}

.play_listaR li .opcion .block {
    display: block
}

.play_listaR li .opcion .none {
    display: none
}

.play_listaR li .contenido:after,.play_listaR li .contenido:before {
    content: "";
    display: table;
    clear: both
}

.play_listaR li .contenido {
    margin-top: 20px;
    background: #FFF;
    color: #000;
    padding: 5px;
    text-align: center
}
.play_lista {
    max-width: 100%;
    width: 100%;
    margin: -22px auto 0;
    list-style: none;
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    min-height: 200px;
    max-height: 553px;
}

.play_lista li:after,.play_lista li:before {
    content: "";
    display: table;
    clear: both
}

.play_lista li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: block;
    font-size: 13px;
    background-color: #f5f3f3;
    padding: 8px;
    position: relative
}

.play_lista li.active,.play_lista li:hover .t-artista {
    padding-left: 5px;
    color: #ddd
}

.play_lista li.active,.play_lista li:hover {
    background: #da5154;
    padding-left: 5px;
    color: #fff
}

.play_lista li i {
    position: absolute;
    left: 3px;
    top: 5px;
    background-color: #CCC;
    -webkit-mask: url(../svg/icon-circle.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-circle.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover
}

.play_lista li.active i {
    background: url(http://masmusicacristiana.org/img/playing.gif) no-repeat;
    -webkit-mask: url(http://masmusicacristiana.org/img/playing.gif) no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    left: 2px
}

.play_lista li .title {
    float: left;
    margin-left: 16px;
    width: 93%;
    overflow: hidden
}

.play_lista li .t-artista {
    font-size: 12px;
    font-style: italic;
    color: #999;
    padding-left: 5px
}

.jp-playlist a,.jp-playlist li {
    font-size: 13px;
    position: relative
}

.play_lista li.active .t-artista {
    color: #ddd
}

.play_lista li .opcion svg {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 17px;
    height: 17px;
    stroke-width: 0
}

.play_lista li .opcion {
    position: absolute;
    right: 5px;
    top: 5px
}

.play_lista li .opcion .t {
    background-color: #000;
    -webkit-mask: url(../svg/icon-ctrl.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-ctrl.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover
}

.play_lista li .opcion .b {
    display: none;
    margin-top: 5px
}

.play_lista li .opcion .block {
    display: block
}

.play_lista li .opcion .none {
    display: none
}

.play_lista li .contenido:after,.play_lista li .contenido:before {
    content: "";
    display: table;
    clear: both
}

.play_lista li .contenido {
    margin-top: 20px;
    background: #FFF;
    color: #000;
    padding: 5px;
    text-align: center
}

.fixedflos {
     position: fixed;
     top: 14px;
     z-index:9999;
     background: rgba(144, 148, 152, 0) !important;
}
    

::-webkit-scrollbar {
    width: 12px!important
}

::-webkit-scrollbar-thumb {
    background: rgb(130, 130, 130);
}

::-webkit-scrollbar-track {
    background: rgba(0,0,0,.2);
}

.fixedflo .repetir svg {
 padding: 5px;
 margin-top: -114px;
 margin-left: -10px
 
}
.fixedflo .proceso .barra .barrita {
 margin-top: -90px;
 
}
.fixedflo .play_lista {
}
/* Fin player*/
.iplay {
  margin-top:-3px;
  margin-left:-1px
}
.fixed .buscador {
  float:left;
  width: calc(100% - 480px);
  margin-left:1px
}
/* NUEVO ABC */
#menu_abc {
     margin-top:15px

}

#menu_abc ul {
     margin: -3px;
     padding: 1px 5px;
     list-style: none;
     height: auto;
     width: 110%;
}

#menu_abc li {
     display: inline;
     padding: -1px;
}

#menu_abc a {
     color: #FFF;
     text-decoration: none;
     background-color: #f48480;
     margin-left: 3.50px;
     padding: 0px 6px;
     border-radius: 5px;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size:20px;
     width: 13px;
}

#menu_abc a:hover {
    background:#647b98;
}

#menu_abc li .activex {
     background-color: #647b98;
     color: #FFF;
     font-size: 20px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
}
#menu_abc li .activex2 {
     background-color: rgba(0, 148, 217, 0);
     color: #909193;
     font-size: 20px;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
}
#menu_abc li .activex2:hover {
 color:#475e88
}
#menu_abc li .activex3 {
     background-color: #53a175;
     color: #ededed;
     font-size: 20px;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
}#menu_abc li .activex3:hover {
     background-color: #3f3f41;
     color: #ffffff;
}
#menu_abc li .activex:hover {
   background-color: #f5811e;
}

/* nav flat */ 

.breadcrumb {
    /*centering*/
    display: inline-block;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag; 
    margin-top:10px;
}

/* Nueva lista canciones */
.songs {
      margin-top:12px;
}
.songs ul {
    padding:0;
    margin:0;

}
.songs ul li {
    height:30px;
    display:block;
    margin: 1px 2px 1px 2px;
    position: relative;
    line-height:25px;
    border-bottom:dashed 1px #f68f93 ;
    /*border-style: dotted solid dashed*/
    /*background:url(../svg/artista2.svg) no-repeat;*/
    padding-left: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.songs ul li:nth-child(1) {
    border-top:dashed 1px #f68f93;
}

.songs ul li:hover {
    border-bottom:dashed 1px #050fa7 ;
}
.songs ul li span {
    position:absolute;
}
.songs ul li span.songs-num {
    width:31%;
    font-family: Verdana,sans-serif; 
    font-style: italic;
    font-size:27px;
    color:#cfd1d3 ;
    overflow:hidden;
   /*background:url(../svg/.svg) no-repeat;*/

}
.songs ul li span.cancion {
    width: 42%;
    left: 5%;
    font-size:22px;
    font-family: 'Oswald', sans-serif;
    overflow:hidden;
    color:#6b6c6f;
    text-transform: uppercase;
    background:url(../svg/can-a.svg) no-repeat;
    background-position:right;
}
.songs ul li .cancion:hover {
  color:#1b95e0;
  background:url(../svg/play-3.svg) no-repeat;
  background-position:right;
}

.songs ul li .album {
    left: 57%;
    width:46%;
    height:25px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size:17px;
    color:#a4a6a8;
    background:url(../svg/album3.svg) no-repeat;
    padding-left: 35px;
}
.songs ul li .album .i-album {
    position: absolute;
    background:url(../svg/flecha.svg) no-repeat;
    width: 53px;
    height: 25px;
    margin-left: -22%;
}
.songs ul li .album:hover {
    color:#3F51B5;

.lista-cancion a:hover .art-ho {
    background-color: #2f4375;
    color:#fdfdfd;
    padding: 0px 5px;
    text-decoration: none;
    display: inline-block;
    border-radius:5px;
    font-family: 'PT Sans', sans-serif;
    width: 260px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin:0px 0px 0px 5px
}


.lista-cancion a:hover i {
    position: absolute;
    right: 4px;
    background:url(../svg/menu.svg) no-repeat;
    width: 25px;
    height: 25px;
    border-radius:10px;
  
}
/* Fin canciones */

.repro1 {
    width: 705px;
    /* height: 70px; */
    margin: 150px auto;
    color: #fff;
    position: relative;
}
.li-nav {
  color:#fff;
  margin: 0px -4px 0px 0px;
  font-size:23px
}}

.songs ul li .artista {
    left: 82%;
    width:46%;
    height:25px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size:17px;
    color:#a4a6a8;
    background:url(../svg/artista3.svg) no-repeat;
    padding-left: 35px;
}
.songs ul li .artista .i-artista {
    position: absolute;
    background:url(../svg/flecha.svg) no-repeat;
    width: 50px;
    height: 25px;
    margin-left: -18%;
}
.songs ul li .artista:hover {
    color:#FF5722;
    background:url(../svg/play-3.svg) no-repeat;

}
.bac-f {
    /* border: 1px solid #a1a1a1; */
    background: #cccccc;
    border-radius: 25px;
    height: 87px;
    position: relative;
    width: 980px;
    top: 38px;
    margin-left: 19px;
}
.g-album {
    position:absolute;
    border: 1px solid #a1a1a1;
    background: #486E6C;
    border-radius: 25px;
    height: 73px;
    position: relative;
    width: 983px;
    margin:15px 0px 40px 0px;
    border-top:10px 10px 10px 10px;
    margin-top: 32px;
}
.salto-div {
  margin-top: 25px;
  height: 0px;
  margin-top: 15px;
}

.lista-div {
    display: -webkit-flex;
    display: flex;
    width: 973px;
    list-style-type: square;
    list-style:none;
    margin-left: -34px;
    margin-top: -5px;
}

.cdcover {
  width: 125px;
  height: 125px;
  -webkit-border-radius:100%;
  border-radius:100%;
  border:2px solid #f6f6f6;
  margin-left: 8px;
  margin-top: -20px;
  margin-right: -31px;
}

.artcover {
  width: 139px;
  height: 139px;
  border-radius:100%;
  border:2px solid #f6f6f6;
  margin-left: 8px;
  margin-top: -20px;
  margin-right: -31px;

  
}

.cdhole{
  border: 10px solid #8E8E8F;
  position:relative;
  top: -83px;
  left: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #cacaca;
}
.arthole{
  position:relative;
  top: -83px;
  left: 50px;
  border-radius: 50%;
}

.cdcover:hover {
  -webkit-animation: rotation 8s 4 linear;
}
.artcover:hover {
  -webkit-animation: rotation 8s 4 linear;
}

@-webkit-keyframes rotation {
  to {
    -webkit-transform: rotate(359deg);
  }
}

#caja-slider {
  width: 1001px;
  overflow: hidden;
  margin-left: -15px;
  margin-top: -9px;
}
#caja-sliders {
  width: 999px;
  overflow: hidden;
  margin-left: -15px;
  margin-top: -26px;
}
#list-caja-slider {
  overflow: hidden;
  margin-top: -62px;
  margin-left: 31px;
  height: 160;
}
#list-caja-sliders {
  overflow: hidden;
  margin-top: -102px;
  margin-left: 30px;
}
.list {
  min-width: 11111111111;
  /* float: left; */
}
#arrowR {
   /* position: absolute; */
   float:right;
   /* position:absolute; */
   margin-top: -114px;
   margin-left: 600px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   /* right: 75px; */
   /* margin-left: 100; */
   background: url(../svg/adelante.svg) no-repeat center center;
}
#arrowL   {
   float: left;
   position:absolute;
   margin-top: -114px;
   margin-left: 1px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#albumR {
   position: absolute;
   float:right;
   /* position:absolute; */
   margin-top: -133px;
   margin-left: 600px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   /* right: 75px; */
   /* margin-left: 100; */
   background: url(../svg/adelante.svg) no-repeat center center;
}
#albumL   {
   float: left;
   position:absolute;
   margin-top: -133px;
   margin-left: 1px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#relaext {
   /* position: absolute; */
   float:right;
   /* position:absolute; */
   margin-top: -114px;
   margin-left: 600px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   /* right: 75px; */
   /* margin-left: 100; */
   background: url(../svg/adelante.svg) no-repeat center center;
}
#relacopre   {
   float: left;
   position:absolute;
   margin-top: -114px;
   margin-left: -4px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}
#artnext {
   position: relative;
   float: right;
   margin-top: -120px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: 8px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#artpre   {
   float: left;
   position:absolute;
   margin-top: -120px;
   margin-left: 2px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#letnext {
   position: relative;
   float: right;
   margin-top: -120px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: 8px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#letpre   {
   float: left;
   position:absolute;
   margin-top: -120px;
   margin-left: 8px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}


.itemslider
        {
   float: left;
   position: relative;
   text-align: center;
   margin-top: 19px;
}
.itemart5 {
   float: left;
   position: relative;
   margin-top: 18px;
   margin-left: -1px;
}
.bac-ff {
   /* border: 1px solid #a1a1a1; */
   background: #CCCCCC;
   border-radius: 10px;
   height: 68px;
   position: relative;
   width: 980px;
   top: 36px;
   margin-left: 20px;
}

.g-titles {

color:#928787;

display: inline-block;

border-radius:5px;

width: 90px;

height: 39px;

margin: -44px;

font-size:16px;

font-family: 'Oswald', sans-serif;

font-weight: 300;

overflow:hidden;

white-space:nowrap;

text-overflow: ellipsis;

margin-left: 2px;
}
.art-titles {

position: absolute;

color:#928787;

display: inline-block;

border-radius:5px;

width: 113px;

height: 40px;

margin: -44px;

margin-top: -3px;

font-size:16px;

font-family: 'Oswald', sans-serif;

font-weight: 300;

overflow:hidden;

white-space:nowrap;

text-overflow: ellipsis;

margin-left: -42px;
}

.cont-noti {
  width: 994px;
  margin-top: 14px;
  display: flex;
  margin-left: -4px;
  background:#fff;
}
.cont-noti .line-no {
  margin-left: 22px;
  color: #9f9f9f !important;
  }
.cont-noti .social-noti span {
  color:#f1484f;
  font-size:18px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform:uppercase;
}
.cont-noti .infonoticias {
  width: 235px;
  height: 262px;
  margin-right: 13px;
}
.cont-noti .infonoticias p {
  color:#000;
  font-family: 'Maven Pro';
  font-weight: 400;
  margin-top: 2px;
}
.cont-noti .infonoticias a {
  color:#000;
  font-family: 'Maven Pro';
  font-weight: 400;
  margin-top:2px;
  
}
.cont-noti .infonoticias a:hover {
  color:#767171;
  font-family: 'Maven Pro';
  font-weight: 400;
  margin-top:2px;
  
}
.cont-noti .infonoticias img {
  width: 283px;
  height:127px;
  margin-top:-10px;
}
.cont-noti .infonoticias h2 {
  width:242px;
  font-weight:bold;
  font-size: 17px;
  margin-top:-1px;
  font-family: 'Oswald', sans-serif;
  /* font-weight: 500; */
  line-height:20px;
}


#social {
  float;
  float: right;
  margin-top: 5px;
}

/* Inicia slider  Album */

.itemart3 {
   float: left;
   position: relative;
   margin-top: 11px;
   margin-left: -1px;
}

#alnext {
   position: relative;
   float: right;
   margin-top: 151px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: -3px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#alpre   {
   float: left;
   position:absolute;
   margin-top: 151px;
   margin-left: -3px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#lenext {
   position: relative;
   float: right;
   margin-top: -311px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: -3px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#lepre   {
   float: left;
   position:absolute;
   margin-top: -311px;
   margin-left: -3px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#next {
   position: relative;
   float: right;
   margin-top: -137px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: -3px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#pre   {
   float: left;
   position
   :absolute;
   margin-top: -137px;
   margin-left: -3px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}

#conext {
   position: relative;
   float: right;
   margin-top: -137px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: -3px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#copre   {
   float: left;
   position
   :absolute;
   margin-top: -137px;
   margin-left: -3px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}


#nonext {
   position: relative;
   float: right;
   margin-top: -140px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   right: -3px;
   background: url(../svg/adelante.svg) no-repeat center center;
}
#nopre   {
   float: left;
   position:absolute;
   margin-top: -141px;
   margin-left: -3px;
   height: 30px;
   width: 30px;
   z-index: 999;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
   cursor: pointer;
   background: url(../svg/atras.svg) no-repeat center center;
}



.sociales {
  float: right;
  margin-top: -27px;
  position: absolute;
  margin-left: 140px;
}
.sociales a {
    /* position: relative; */
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left:1.50px;
    background-color: #b3b3b3;
}
.sociales .facebook {
    -webkit-mask: url(../svg/f.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.facebook:hover {
      -webkit-mask: url(../svg/f.svg) no-repeat 50% 50%;
    mask: url(../svg/f.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#3b5998

}
.sociales .twitter {
    -webkit-mask: url(../svg/t.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.twitter:hover {
      -webkit-mask: url(../svg/t.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#55acee

}
.sociales .google {
    -webkit-mask: url(../svg/g.svg) no-repeat 50% 50%;
    mask: url(../svg/g.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.google:hover {
      -webkit-mask: url(../svg/g.svg) no-repeat 50% 50%;
    mask: url(../svg/g.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#dd4b39

}
.sociales .pinterest {
    -webkit-mask: url(../svg/p.svg) no-repeat 50% 50%;
    mask: url(../svg/p.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.pinterest:hover {
      -webkit-mask: url(../svg/p.svg) no-repeat 50% 50%;
    mask: url(../svg/p.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#cb2027

}
.footer-sociales {
  float: right;
  margin-top: 13px;
  /* position: absolute; */
  /* margin-left: 595px; */
  margin-right: 16px;
}
.footer-sociales a {
    /* position: relative; */
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left:5px;
    background-color: #ffca01;
}
.footer-sociales .facebook {
    content: '';
    -webkit-mask: url(../svg/f.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;

}
.facebook:hover {
      -webkit-mask: url(../svg/f.svg) no-repeat 50% 50%;
    mask: url(../svg/f.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#3b5998

}
.footer-sociales .twitter {
    -webkit-mask: url(../svg/t.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.twitter:hover {
      -webkit-mask: url(../svg/t.svg) no-repeat 50% 50%;
    mask: url(../svg/t.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#55acee

}
.footer-sociales .google {
    -webkit-mask: url(../svg/g.svg) no-repeat 50% 50%;
    mask: url(../svg/g.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.google:hover {
      -webkit-mask: url(../svg/g.svg) no-repeat 50% 50%;
    mask: url(../svg/g.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#dd4b39

}
.footer-sociales .pinterest {
    -webkit-mask: url(../svg/p.svg) no-repeat 50% 50%;
    mask: url(../svg/p.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
}
.pinterest:hover {
      -webkit-mask: url(../svg/p.svg) no-repeat 50% 50%;
    mask: url(../svg/p.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-mask-size: cover;
    background:#cb2027

}
   
/* Slider Noticias  */ 
.list-noticias {
   overflow: hidden;
   width: 989px;
   margin-left: 11px;
}
.caja-noticias {
    background: #fff;
    min-width: 113400px;
    float: left;
    /* margin-top: -9px; */
}
.infonoticias {
    width: 140px;
    float: left;
    position: relative;      
}

#top-videos {
    position:absolute;
    width: 1000px;
    margin-top: 18px;
    display: flex;
    margin-left: -4px;

}
#top-videos .contvideo img {
  width:233px;
  height:130px;
  
}
.contvideo {
  float:left;
  margin-left: 14px;
  position: relative; 
}
.contvideo1 {
  float:left;
  margin-left: 14px;
  position: relative; 
}
#top-videos p {
  float:left;
  width: 233px;
  font-family: 'PT Sans', sans-serif;
  margin: 0px 0px 0px 2px;
  font-size:14px;
  font-weight: 100;
  color:#040404;
  margin-left: 1px;
}
.icon-videos:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/play-video.svg) no-repeat 50% 50%;
 mask: url(../svg/play-video.svg) no-repeat 50% 50%;
 width: 35px;
 height: 35px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px

}
.footer-videos:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/play-video.svg) no-repeat 50% 50%;
 mask: url(../svg/play-video.svg) no-repeat 50% 50%;
 width: 30px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;

}

.icon-noticias:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 width: 29px;
 height: 29px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}
.footer-noticias:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 width: 29px;
 height: 29px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;

}
.footer-conciertos:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
 mask: url(../svg/boleto.svg) no-repeat 50% 50%;
 width: 32px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -5px;
 margin-top: -8px;
}
.icon-email:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/email.svg) no-repeat 50% 50%;
 mask: url(../svg/email.svg) no-repeat 50% 50%;
 width: 23px;
 height: 23px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom: -5px;
 margin-top: -8px;
 margin-right:2px
}
.icon-copy:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/copy.svg) no-repeat 50% 50%;
 mask: url(../svg/copy.svg) no-repeat 50% 50%;
 width: 23px;
 height: 23px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom: -5px;
 margin-top: -8px;
 margin-right:2px
}
.icon-terminos:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/terminos.svg) no-repeat 50% 50%;
 mask: url(../svg/terminos.svg) no-repeat 50% 50%;
 width: 23px;
 height: 23px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom: -5px;
 margin-top: -8px;
 margin-right:2px
}
.icon-nosotros:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/question.svg) no-repeat 50% 50%;
 mask: url(../svg/question.svg) no-repeat 50% 50%;
 width: 23px;
 height: 23px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom: -5px;
 margin-top: -8px;
 margin-right:2px
}

.icon-google:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/playstore.svg) no-repeat 50% 50%;
 mask: url(../svg/playstore.svg) no-repeat 50% 50%;
 width: 53px;
 height: 53px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 48px;
 margin-bottom: -19px;
 margin-top: 15px;
 margin-right:2px;
}

.footer-letras:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 29px;
 height: 29px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -8px;
 margin-top: -8px;
}

.footer-acordes:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/guitar.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 35px;
 height: 35px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -8px;
 margin-top: -8px;
 margin-right: -8px;
}
.footer-caratulas:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
 mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
 width: 34px;
 height: 29px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -4px;
 margin-bottom: -8px;
 margin-top: -8px;
}
.footer-fotos:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/photo.svg) no-repeat 50% 50%;
 mask: url(../svg/photo.svg) no-repeat 50% 50%;
 width: 34px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -5px;
 margin-top: -8px;
}
.icon-albumes2:before {
 position:absolute;
 content: '';
 background-color: #F4837F;
 -webkit-mask: url(../svg/album2.svg) no-repeat 50% 50%;
 mask: url(../svg/album2.svg) no-repeat 50% 50%;
 width: 22px;
 height: 25px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:-26px;
}


.icon-albumes3:before {
 position:absolute;
 content: '';
 background-color: #53a175;
 -webkit-mask: url(../svg/album2.svg) no-repeat 50% 50%;
 mask: url(../svg/album2.svg) no-repeat 50% 50%;
 width: 22px;
 height: 25px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:-26px;
}
.icon-fotos:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/photo.svg) no-repeat 50% 50%;
  mask: url(../svg/photo.svg) no-repeat 50% 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left:-3px;
  margin-top: -44px;
}
.icon-subir:before {
  position:absolute;
  content: '';
  background-color: #ffca01;
  -webkit-mask: url(../svg/subir.svg) no-repeat 50% 50%;
  mask: url(../svg/subir.svg) no-repeat 50% 50%;
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 2px;
  margin-top: -34px;
}
.icon-conciertos:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
  mask: url(../svg/boleto.svg) no-repeat 50% 50%;
  width: 50px;
  height: 37px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 18px;
  margin-top:-35px;
}
#lista-opciones  a .icon-conciertos:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
  mask: url(../svg/boleto.svg) no-repeat 50% 50%;
  width: 50px;
  height: 37px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 18px;
  margin-top:-35px;
  }
.icon-news:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/news.svg) no-repeat 50% 50%;
  mask: url(../svg/news.svg) no-repeat 50% 50%;
  width: 50px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 8px;
  margin-top:-43px;
}
#lista-opciones  a .icon-news:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/news.svg) no-repeat 50% 50%;
  mask: url(../svg/news.svg) no-repeat 50% 50%;
  width: 50px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 8px;
  margin-top:-43px;
}
.icon-acordes:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/guitar.svg) no-repeat 50% 50%;
  mask: url(../svg/guitar.svg) no-repeat 50% 50%;
  width: 48px;
  height: 47px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 8px;
  margin-top:-45px;
}
#lista-opciones  a .icon-acordes:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/guitar.svg) no-repeat 50% 50%;
  mask: url(../svg/guitar.svg) no-repeat 50% 50%;
  width: 48px;
  height: 47px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 8px;
  margin-top:-45px;
}
.icon-video:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/play-video.svg) no-repeat 50% 50%;
  mask: url(../svg/play-video.svg) no-repeat 50% 50%;
  width: 42px;
  height: 42px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 3px;
  margin-top:-40px;
}
#lista-opciones  a .icon-video:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/play-video.svg) no-repeat 50% 50%;
  mask: url(../svg/play-video.svg) no-repeat 50% 50%;
  width: 42px;
  height: 42px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 3px;
  margin-top:-40px;
}
.icon-musica:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/speaker.svg) no-repeat 50% 50%;
  mask: url(../svg/speaker.svg) no-repeat 50% 50%;
  width: 48px;
  height: 44px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 5px;
  margin-top:-40px;
}
#lista-opciones  a .icon-musica:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/speaker.svg) no-repeat 50% 50%;
  mask: url(../svg/speaker.svg) no-repeat 50% 50%;
  width: 48px;
  height: 44px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 5px;
  margin-top:-40px;
}
.icon-caratulas:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
  mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
  width: 53px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 19px;
  margin-top:-41px;
}
#lista-opciones  a .icon-caratulas:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
  mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
  width: 53px;
  height: 45px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 19px;
  margin-top:-41px;
}
.icon-letra:before {
  position:absolute;
  content: '';
  background-color: #6B8BC7;
  -webkit-mask: url(../svg/lyrics.svg) no-repeat 50% 50%;
  mask: url(../svg/lyrics.svg) no-repeat 50% 50%;
  width: 39px;
  height: 38px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 5px;
  margin-top:-37px;
}
#lista-opciones  a .icon-letra:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/lyrics.svg) no-repeat 50% 50%;
  mask: url(../svg/lyrics.svg) no-repeat 50% 50%;
  width: 39px;
  height: 38px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: 5px;
  margin-top:-37px;
}
.icon-stats:before {
  position:absolute;
  content: '';
  background-color: #FFCA01;
  -webkit-mask: url(../svg/stats.svg) no-repeat 50% 50%;
  mask: url(../svg/stats.svg) no-repeat 50% 50%;
  width: 42px;
  height: 41px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left: -44px;
  margin-top:-4px;
}

#lista-opciones  a:hover  {
  color: #f48480;
  
}
#lista-opciones .cont-ho a .icon-fotos:hover   {
  position:absolute;
  content: '';
  background-color: #f48480;
  -webkit-mask: url(../svg/photo.svg) no-repeat 50% 50%;
  mask: url(../svg/photo.svg) no-repeat 50% 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-size: cover;
  -webkit-mask-size: cover;
  margin-left:-3px;
  margin-top: -44px;
  }

.icon-noticias2:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 width: 49px;
 height: 47px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:-10px
}

.icon-albumes:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/icono-album-2.svg) no-repeat 50% 50%;
 mask: url(../svg/icono-album-2.svg) no-repeat 50% 50%;
 width: 41px;
 height: 37px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}

.icon-canciones:before {
 content: '';
 background-color: #F48480;
 -webkit-mask: url(../svg/album2.svg) no-repeat 50% 50%;
 mask: url(../svg/album2.svg) no-repeat 50% 50%;
 width: 44px;
 height: 44px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}
.icon-users2:before {
 content: '';
 background-color: #F48480;
 -webkit-mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 width: 44px;
 height: 44px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -9px;
 margin-bottom: -8px;
 margin-top: 9px;
}
.cont-icon-art:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.icon-circle:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/redondo.svg) no-repeat 50% 50%;
 mask: url(../svg/redondo.svg) no-repeat 50% 50%;
 width: 5px;
 height: 5px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.cont-icon-busca:before {
 content: '';
 position:absolute;
 background-color: #fff;
 -webkit-mask: url(../svg/busca.svg) no-repeat 50% 50%;
 mask: url(../svg/busca.svg) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -40px;
 margin-top: 5px;
}
.cont-icon-albumes:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/album2.svg) no-repeat 50% 50%;
 mask: url(../svg/album2.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.cont-icon-canciones:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.icon-song:before {
 content: '';
 background-color: #F48480;
 -webkit-mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 5px;
 margin-bottom:-8px;
}
.icon-songs:before {
 content: '';
 background-color: #f48480;
 -webkit-mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 mask: url(../svg/speaker.svg) no-repeat 50% 50%;
 width: 38px;
 height: 38px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 5px;
 margin-bottom:-8px;
}
.icon-punto:before {
 content: '';
 background-color: #000;
 -webkit-mask: url(../svg/redondo.svg) no-repeat 50% 50%;
 mask: url(../svg/redondo.svg) no-repeat 50% 50%;
 width: 5px;
 height: 5px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom:2px;
 margin-right: 10
}
.icon-acorde:before {
 content: '';
 background-color: #F48480;
 -webkit-mask: url(../svg/guitar.svg) no-repeat 50% 50%;
 mask: url(../svg/guitar.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom:-8px
}
.icon-lyrics:before {
 content: '';
 background-color: #F48480;
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 20px;
 height: 20px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom:-8px
}

.cont-icon-videos:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/videos.svg) no-repeat 50% 50%;
 mask: url(../svg/videos.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 margin-top: 0px;
 margin-right: 10px;
}

.cont-icon-noticias:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -9px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.cont-icon-letras:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.cont-icon-conciertos:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 25px;
 height: 18px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -4px;
 /* margin-top: 9px; */
 margin-right: 10px;
}
.cont-icon-acordes:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/guitar.svg) no-repeat 50% 50%;
 mask: url(../svg/guitar.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}

.cont-icon-caratulas:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
 mask: url(../svg/editable-cd.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -8px;
 /* margin-top: 9px; */
 margin-right: 10px;
}

.cont-icon-fotos:before {
 content: '';
 background-color: #fff;
 -webkit-mask: url(../svg/photo.svg) no-repeat 50% 50%;
 mask: url(../svg/photo.svg) no-repeat 50% 50%;
 width: 25px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 9px;
 margin-bottom: -6px;
 /* margin-top: 9px; */
 margin-right: 10px;
}



.icon-users:before {
 position:absolute;
 content: '';
 background-color: rgba(249, 160, 156, 0.25);
 -webkit-mask: url(../svg/users.svg) no-repeat 50% 50%;
 mask: url(../svg/users.svg) no-repeat 50% 50%;
 width: 127px;
 height: 124px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 89px;
 margin-bottom:-4px;
 margin-top: -12px;
}
.icon-abajo:before {
 position:absolute;
 content: '';
 background-color: #FFECA3;
 -webkit-mask: url(../svg/abajo.svg) no-repeat 50% 50%;
 mask: url(../svg/abajo.svg) no-repeat 50% 50%;
 width: 95px;
 height: 79px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: 237px;
 margin-bottom:-4px;
 margin-top: -35px;
 -ms-transform: rotate(89deg); /* IE 9 */
 -webkit-transform: rotate(89deg); /* Chrome, Safari, Opera */
 transform: rotate(89deg);
}
.icon-letras:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 31px;
 height: 31px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}

.icon-letras2:before {
 content: '';
 position:absolute;
 background-color: rgba(255, 255, 255, 0.3);
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 40px;
 height: 40px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:67px;
 margin-bottom:-4px;
 margin-top: 78px;
}
.icon-letras3:before {
 content: '';
 position:absolute;
 background-color: rgb(255, 255, 255);
 -webkit-mask: url(../svg/letras.svg) no-repeat 50% 50%;
 mask: url(../svg/letras.svg) no-repeat 50% 50%;
 width: 40px;
 height: 40px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:67px;
 margin-bottom:-4px;
 margin-top: -76px;
}

.icon-artistas:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 width: 38px;
 height: 32px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}

.icon-boleto:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
 mask: url(../svg/boleto.svg) no-repeat 50% 50%;
 width: 41px;
 height: 29px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-top:10px;
}
.icon-geo:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/geo.svg) no-repeat 50% 50%;
 mask: url(../svg/geo.svg) no-repeat 50% 50%;
 width: 15px;
 height: 19px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom:-4px;
 margin-top:-10px

}
.icon-lugar:before {
 content: '';
 position:absolute;
 background-color: #F48480;
 -webkit-mask: url(../svg/lugar.svg) no-repeat 50% 50%;
 mask: url(../svg/lugar.svg) no-repeat 50% 50%;
 width: 20px;
 height: 25px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom: -26px;
 margin-top: 6px;
}

.icon-micro:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/micro.svg) no-repeat 50% 50%;
 mask: url(../svg/micro.svg) no-repeat 50% 50%;
 width: 15px;
 height: 19px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom:0px;
 margin-top:-10px

}

.icon-artistas2:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 width: 34px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -2px;
 margin-bottom: -8px;
 margin-top:-10px;
}

.footer-musica:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/canciones.svg) no-repeat 50% 50%;
 mask: url(../svg/canciones.svg) no-repeat 50% 50%;
 width: 34px;
 height: 33px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -8px;
 margin-top: -8px;
}
.footer-albumes:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/album4.svg) no-repeat 50% 50%;
 mask: url(../svg/album4.svg) no-repeat 50% 50%;
 width: 34px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -8px;
 margin-top:-10px;
}
.footer-videos:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/videos.svg) no-repeat 50% 50%;
 mask: url(../svg/videos.svg) no-repeat 50% 50%;
 width: 34px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -1px;
 margin-bottom: -8px;
 margin-top:-10px;
}
.footer-noticias:before {
 content: '';
 background-color: #FFCA01;
 -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 mask: url(../svg/noticias.svg) no-repeat 50% 50%;
 width: 30px;
 height: 30px;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-left: -3px;
 margin-bottom: -8px;
 margin-top:-10px;
}

.icon-artistas3:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 mask: url(../svg/artista2.svg) no-repeat 50% 50%;
 width: 22px;
 height: 18px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:10px;
 margin-bottom:-4px;
 margin-top:-10px

}

.icon-play:before {
   content: '';
   position:absolute;
   background-color: rgba(255, 255, 255, 0.58);
   -webkit-mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   width: 67px;
   height: 67px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: 82px;
   margin-bottom:-4px;
   margin-top: 32px;
}

.icon-capa:before {
   content: '';
   position:absolute;
   background-color: #fff;
   -webkit-mask: url(../svg/capa.svg) no-repeat 50% 50%;
   mask: url(../svg/capa.svg) no-repeat 50% 50%;
   width:235px;
   height:130px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   
}
.icon-capa2:before {
   content: '';
   position:absolute;
   background-color: #fff;
   -webkit-mask: url(../svg/capa.svg) no-repeat 50% 50%;
   mask: url(../svg/capa.svg) no-repeat 50% 50%;
   width: 242px;
   height: 136px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: 14px;
   margin-top: 38px;
}

.icon-play2:before {
   content: '';
   position:absolute;
   background-color: #fff;
   -webkit-mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   width: 67px;
   height: 67px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: -35px;
   margin-bottom:-4px;
   margin-top: -34px;
}

.icon-play3:before {
   content: '';
   position:absolute;
   background-color: #fff;
   -webkit-mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   mask: url(../svg/bt-play.svg) no-repeat 50% 50%;
   width: 55px;
   height: 55px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: 35px;
   margin-bottom:-4px;
   margin-top: -66px;
}

.icon-geo1:before {
   content: '';
   position:absolute;
   background-color: #fff;
   -webkit-mask: url(../svg/boleto.svg) no-repeat 50% 50%;
   mask: url(../svg/boleto.svg) no-repeat 50% 50%;
   width: 76px;
   height: 56px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: -35px;
   margin-bottom:-4px;
   margin-top: -23px;
}
/*
.icon-noti:before {
   content: '';
   position:absolute;
   background-color: rgba(255, 255, 255, 0.58);
   -webkit-mask: url(../svg/noticias.svg) no-repeat 50% 50%;
   mask: url(../svg/noticias.svg) no-repeat 50% 50%;
   width: 85px;
   height: 85px;
   display: inline-block;
   background-size: cover;
   -webkit-mask-size: cover;
   margin-left: 80px;
   margin-bottom:-4px;
   margin-top: 85px;
}
*/
.icon-flecha:before {
 content: '';
 background-color: #db365d;
 -webkit-mask: url(../svg/double-right.svg) no-repeat 50% 50%;
 mask: url(../svg/double-right.svg) no-repeat 50% 50%;
 width: 27px;
 height: 24px;
 display: inline-block;
 background-size: cover;
-webkit-mask-size: cover;
 margin-left:-10px;
 margin-bottom:-4px;
 margin-left:1px
 }

.icon-derecha:before {
 content: '';
 background-color: #ff0101;
 -webkit-mask: url(../svg/ctrl-derecha.svg) no-repeat 50% 50%;
 mask: url(../svg/ctrl-derecha.svg) no-repeat 50% 50%;
 width: 1.5em;
 height: 1.5em;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-bottom: -5px;
 margin-left: -11px;
 margin-right: 4px;
 }

.icon-izquierda:before {
 content: '';
 background-color: #ff0101;
 -webkit-mask: url(../svg/ctrl-izquierda.svg) no-repeat 50% 50%;
 mask: url(../svg/ctrl-izquierda.svg) no-repeat 50% 50%;
 width: 1.5em;
    height: 1.5em;
 display: inline-block;
 background-size: cover;
 -webkit-mask-size: cover;
 margin-bottom: -5px;
 margin-left: 3px;
 margin-right:-8px
 }

#sli-videos{width:988px;overflow:hidden;position:relative;height: 207px;margin-top: -11px;} 

/* estilo hover  noticias */

.image-ho {
    position: relative;
  width: 233px;
}

.image {
  opacity: 1;
  display: block;
  width: 233px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.image-ho:hover .middle {
  opacity: 1;
}
/* estilo hover  videos */

.image-ho {
  position: relative;
  width: 233px;
}
.image {
  opacity: 1;
  width: 233px;
  height: auto;
}
.middle {
  position: absolute;
  top: 50%;
  left: 50%;
}
.image-ho:hover .image {}.image-ho:hover .middle {}.icon-play:hover {}
.toltip {
    position: absolute;
    display: none;
    right: 5px;
    top: 32px;
    background: #2f4375;
    z-index: 55555;
    width: 137px;
    border-radius:155px;
}
.toltip .i {
    background-color: #000;
    -webkit-mask: url(../svg/icon-ctrll.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-ctrll.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    position: absolute;
    top: -10px;
    right: -5px;
}
.toltip ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.toltip ul li, .toltip ul li:hover {
    display: block;
    background: none;
    padding: 0;
    border:none;
}
.toltip ul li a {
    display: block;
    padding: 10px;
    background: #2f4375;
    color:#fff;
    border-bottom: 1px solid #a5a5a5;
    border-radius:4px

}
.toltip ul li a:hover {
    background: #da4848;
    color: #fff;
}

/* Tooltip **/


.tooltip {
    position: absolute;
    display: none;
    right: 5px;
    top: 32px;
    background: #2f4375;
    z-index: 55555;
    width: 137px;
    border-radius:155px;
    
}
.tooltip .i {
    background-color: #000;
    -webkit-mask: url(../svg/icon-ctrll.svg) no-repeat 50% 50%;
    mask: url(../svg/icon-ctrll.svg) no-repeat 50% 50%;
    width: 15px;
    height: 1.5em;
    display: inline-block;
    background-size: cover;
    -webkit-mask-size: cover;
    position: absolute;
    top: -10px;
    right: -5px;
}
.tooltip ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.tooltip ul li, .tooltip ul li:hover {
    display: block;
    background: none;
    padding: 0;
    border:none;
}
.tooltip ul li a {
    display: block;
    padding: 10px;
    background: #2f4375;
    color:#fff;
    border-bottom: 1px solid #a5a5a5;
    border-radius:4px

}
.tooltip ul li a:hover {
    background: #da4848;
    color: #fff;
}

/* Fin tooltip */

.nav-menu  {
  display: none; 
  position:absolute;
  width:96px;
  height:140;
  margin-left:190px;
   background:#000;
   z-index:55
 }

 .nav-menu ul {
    float:right;
    list-style: none;
    padding: 0px;
    margin-top: 15px;

 }

.nav-menu ul li a{
    padding: 10px;
    background: #2f4375;
    color:#fff;
    border-bottom: 1px solid #a5a5a5;
    border-radius:4px

}


.c-inicio {
  
width: 100%;
  
margin-left: -42px;
  
text-transform: uppercase;
  
margin-top: 5px;
}
.c-inicio  ul{
    display: flex;
    list-style:none;
    margin-top: -23px;
    font-family: 'PT Sans', sans-serif;
}

.c-inicio ul li a {
    margin-left: 9px;
    color: #6b8bc7;
    /* color:#928787; */
    font-size: 12px;
}
.c-inicio ul li a:hover {
   font-size:12px;
   text-decoration: underline;
   -moz-text-decoration-color: #929497; /* Code for Firefox */
    text-decoration-color: #929497;
}

.c-inicio .c-active  a{
    margin-left: 5px;
    color: #f48480;
    font-size: 12px;
    margin-top: 10px;
}
.c-inicio .c-active:hover  a{
  color:#3F51B5
  text-decoration: underline;

}
.c-inicio .c-home  a{
    margin-left: 7px;
    color: #6b8bc7;
    font-size: 12px;
    text-align:center;
}
.video-ti {
    width:232px;
    font-size:18px;
    font-family: 'Oswald', sans-serif;
    color: #000000;
    text-decoration: none;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.videos-art {
    color:#696A6A;
    margin-left: -8px;
    font-size:15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    width:154px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase ;
}
.so-video {
    position:absolute;
    margin-left:160px;
    margin-top:-20px

}
/* Inicia lista artistas */

.top-letras {
  display:flex;
  width:997px;
  height: 376px;
  margin-left:-2px;
  margin-top:10px;
}
.top-letras .letras-txt {
  margin-top: -26px;
  text-align:center;
}
.top-letras .letras-txt .letras-cancion {
  font-size:18;
  color: #606163;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
.top-letras .letras-txt .letras-artista {
  margin-top:-30px;
  font-size:18;
  color: #606163;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}
.top-letras ul {
  list-style:none;
  display: flex;

}
.top-letras ul li img {
  border-radius: 50%;
  width:154px;
  height:154px;
  margin-left:10px

}

.top-letras ul li img:hover {
  color:#000
}
.letra-icon {
  opacity: 0;
}
.letras-ho:hover .letra-icon {
  opacity: 1;
}
/* Final lista artistas */

/* Inicia lista letras con efecto */



.arti-item img {
  width: 100%;
  height: 100%;
}

.arti-item.arti-circle {
  position: relative;
  width: 154px;
  height: 154px;
  border-radius: 50%;
  margin-left:10px
}

.arti-item.arti-circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.arti-item.arti-circle .img img {
  border-radius: 50%;
}
.arti-item.arti-circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.arti-item.arti-circle.effect-art .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.arti-item.arti-circle.effect-art.blackcolor .info .info-arti {
    background: #1a4a72;
}

.arti-item.arti-circle.effect-art .info .info-arti {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
}
.arti-item.arti-circle.effect-art .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 18px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.arti-item.arti-circle.effect-art .info p {
  color: #bbb;
  padding: -10px 5px;
  font-style: italic;
  margin: -10px 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.arti-item.arti-circle.effect-art a:hover .img {
  opacity: 0;
}
.arti-item.arti-circle.effect-art a:hover .info .info-arti {
  opacity: 1;
  visibility: visible;
}

.arti-item.arti-circle.effect-art.top_to_bottom .info .info-arti {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.arti-item.arti-circle.effect-art.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.arti-item.arti-circle.effect-art.top_to_bottom a:hover .info .info-arti {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.arti-item.arti-circle.effect-art.bottom_to_top .info .info-arti {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.arti-item.arti-circle.effect-art.bottom_to_top a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.arti-item.arti-circle.effect-art.bottom_to_top a:hover .info .info-arti {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}


/* Fin letras con efecto */


/* inicia  info artista*/

.info-derecha {
   float:right;
   height: 586px;
   width: 204px;
   overflow: overlay;
   margin-right: 12px;
   /* position: absolute; */
} 
.info-derecha ul {
  list-style:none;
  margin-left: -38px;
}
.info-derecha ul li .info-nombre {
 color: #F58244;
 font-size:15px;
 display: block !important;
   font-family: 'Oswald', sans-serif;
   font-weight: 230;
}
.info-detalle {
  margin-left:12px;
  color: #4D4D4D
  /* margin-left:10 */
}
.info-detalle a{
  color: #4D4D4D
  /* margin-left:10 */
}
.info-detalle a:hover{
  /* margin-left:10 */
   text-decoration: underline;
   -moz-text-decoration-color: #475e88; /* Code for Firefox */
    text-decoration-color: #475e88;
}
/* Inicia info y player */
.info-centro {
  float:left;
  width: 768px;
  height: 588px;
  margin-left: 4px;
}
.info-title h1 {
    font-family: 'Kaushan Script', cursive;
    color: #929497;
    font-size: 4.6em;
    right: 0px;
    margin-top: -22px;
    font-weight: normal;
}
.info-title h5 {
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   color: #F48480;
   font-size: 35px;
   /* left: 2px; */
   margin-top: -65px;
   height: 40px;
   margin-left: 6px;
} 
.info-player {
  width: 384px;
  margin-top: -23px;
}
.info-cover {
  float:right;
  margin-top: -43.1em;
  margin-right: 52px;
}
.info-bio {
  float:right;
  margin-right: 10px;
  width:365px;
  margin-top: -16.0em;
}
.info-bio h1 {
    font-family: 'Kaushan Script', cursive;
    color: #929497;
    font-size: 2.4em;
    right: 0px;
    margin-top: -59px;
    font-weight: normal;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.info-bio .cont-bio {

  margin-top:-10px;
  font-size:18px;
  font-family: 'Open Sans Condensed', sans-serif;

}
.info-bio .cont-bio span {
  background: #FCDBD9;
  color: #F48480;
  float:right;
  font-size:18px;
  line-height:23px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  width:145px;
  text-align:center;
  border-radius:5px
}
.info-bio .cont-bio span:hover {
  background: #475e88;
  color: #ffffff
}
.info-perfil {
    float:right;
    font-family: 'Kaushan Script', cursive;
    color: #FFCA01;
    font-size: 2.6em;
    margin-top: -2px;
    margin-left: 672px;
    position:absolute;
}
.arti-items * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.arti-items img {
  width: 100%;
  height: 100%;
}

.arti-items.arti-circles {
  position: relative;
  width: 284px;
  height: 284px;
  border-radius: 50%;
}

.arti-items.arti-circles .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.arti-items.arti-circles .img img {
  border-radius: 50%;
}
.arti-items.arti-circles .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.arti-items.arti-circles.effect-arts .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.arti-items.arti-circles.effect-arts.blackcolors .info .info-arti {
  background: #475e88;
}

.arti-items.arti-circles.effect-arts .info .info-arti {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.arti-items.arti-circles.effect-arts .info h3 {
  color: #FFF;
  padding: 30px 5px;
  margin: 0 85px;
  font-size: 29px;
  font-family: 'Oswald', sans-serif;
  font-weight: 200;
  border-top: 0px solid rgba(255, 255, 255, 0.5);
}
.arti-items.arti-circles.effect-arts .info p {
  color: #bbb;
   margin: -28 30px;
  font-size: 12px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  border-top: 3px solid #fff;
}
.arti-items.arti-circles.effect-arts a:hover .img {
  opacity: 0;
}
.arti-items.arti-circles.effect-arts a:hover .info .info-arti {
  opacity: 1;
  visibility: visible;
}

.arti-items.arti-circles.effect-arts.top_to_bottom .info .info-arti {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.arti-items.arti-circles.effect-arts.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.arti-items.arti-circles.effect-arts.top_to_bottom a:hover .info .info-arti {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.arti-items.arti-circles.effect-arts.bottom_to_tops .info .info-arti {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.arti-items.arti-circles.effect-arts.bottom_to_tops a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.arti-items.arti-circles.effect-arts.bottom_to_tops a:hover .info .info-arti {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.info-tags {
    padding-bottom: 0;
    margin-top:1px;
    height:12px;
    width:450px;
}
.info-tags .info-titles {
  margin-top:-10px;
  margin-bottom:10px
}

.album-publi {
  float:right;
  margin-right: 5px;
  width: 336px;
  height: 280;
  /* background: #95aab4 */
}
.caja-albumes {
  overflow:hidden;
  float:left;
  width: 612px;
  height: 262px;
  margin-left: 5px;
  margin-top: 30px;
}
.caja-albumes  ul  {
  margin-left: -24px;
  display:flex;
  list-style:none;
}
.caja-albumes ul li a {
   font-size:20px;
   color: #6B8BC7;
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   margin-left:10px;
}
.sta-lista {
 
 position:absolute;
 margin-top:-28px
}
.info-arti ul li{
  display:flex;
  position:relative;
 list-style:none;  
 margin-left:6px;
}
.info-arti ul li .stats-num {
   color: #ffca01;
   font-size:25px;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top:-10px;
   margin-right: 4px;
   width:70px;
   text-align:right;
}
.info-arti ul li .stats-name {
   color: #fff;
   font-size:25px;
   font-family: 'Oswald', sans-serif;
   font-weight: 200;
   margin-top:-10px;
   }
  .info-titles1 {
     float:right;
     font-family: 'Kaushan Script', cursive;
     font-weight: 200;
     color: rgba(158, 158, 158, 0.28);
     font-size: 30px;
     margin-top: -20px;
     margin-left: 47px;
     position:absolute;
  }
 .showhim {
   overflow:hidden;
   color: #fff;
 }
 .showme{ 
   display: none;
 }
 .showhim:hover .showme{

   display : block;
 }
 .showhim:hover .ok{
   display : none;
 }
 .caja-album1 {
 }
 .publicidad-grande {
   /* background:#ddd; */
   width: 970px;
   height:250;
   margin-left:10px;
 }

.list-letras {
  display:flex;
  width: 970px;
  margin-left:5px;

}

.list-letras ul {
  width: 320px;
  overflow:hidden;
  white-space:nowrap;
  margin-left: 10px;
  margin-right: 0px;
  list-style: none;
}
.list-letras ul li {
  margin-left: -40px;
  width: 327px;
}
.list-letras ul li i {
    font-family: Verdana,sans-serif; 
    font-family: 'PT Sans', sans-serif;
    font-size:22px;
    color:#cfd1d3 ;
    text-align: right;

}
.list-letras ul li a {
    width:150px;
    color: #525355;
    font-size:16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;

  }
.list-letras ul li span {
  color: #999;
  font-size:14px;
  font-family: 'PT Sans', sans-serif;
  font-style: italic;

}
.list-letras ul li:hover i {
  color:#FF9800
}
.list-letras ul li:hover span {
  color:#FF9800
}
.list-letras ul li:hover a {
  color:#FF9800
}

.footer-ti{
  float:left;
  width:980px;
  height:70px;

}
.footer-ti h5{
  margin-top: 18px;
  margin-left:10px;
  font-size:27px;
  color:#FFCD00;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}
.fotter .footer-line {
  border-bottom:dashed 1px #FFCD00;
  margin-top: 14px;
  margin-right:10px;
  width: 980px!important;
  float:right;
}
.fotter ul {
  margin-top:20px;
  float:left;
  display: flex; 
  list-style:none;
  margin-left:-19px;

}
.fotter ul li {
  width:180px;
  margin-right: 16px;
  text-decoration: none;
  font-size:22px;
  color:#FFCD00;
}
.fotter .footer-lista li {
  display:flex-wrap;
  margin-right:10px;
  margin-left:10px;
  margin-top:-25px;
}
.fotter .footer-lista li a{
  color:#fff;
  font-size:18px;

}

.fotter .footer-nosotros ul{
  margin-top:2px;  
  display: inline;
  margin-left:-30px;
 
}
 .fotter .footer-nosotros ul li{
   width: 370px;
   font-size:17px;
   margin-top:10px;
   
}

.fotter .footer-siguenos {
     margin-left: 241px;
     text-align:center;
     font-family: 'Kaushan Script', cursive;
     color: #fff;
     font-size: 32px;
 }

.fotter .footer-social span{
  width:180px;
  margin-right: 16px;
  text-decoration: none;
  font-size:22px;
  color:#FFCD00;
}
.fotter p {
  position:absolute;
  color: #fff;
  font-size:17px;
  margin-top: 64px;
  margin-left:10px;
}
.footer-abc {
    list-style: none;
    margin: 0;
    margin-left: 388px;
}
.footer-abc li {
    display: inline-block;
    padding-left: 4px;
    margin-bottom: 41px;
}
.footer-abc li a {
    margin-bottom:25px;
    border: 1px solid #ffca01;
    margin-top:10px;
    display: block;
    padding: 5px 7.6px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fotter .footer-list  {
  margin-left:-4px;
  margin-top:5px;
  width:180px;
  display: list-item;
  
}
.fotter .footer-list li {
  font-size:18px;
  margin-left:-38px;
}
.fotter .footer-list li a{
  color:#fff;
  
}
.cont .cont-nombre-txt {
  border-bottom: outset 2px rgba(221, 221, 221, 0.45);
  margin-top: 1px;
  margin-right:10px;
  width: 411px;
  float:right;
  margin-bottom:10px;
  margin-left:10px;
}
.cont .cont-nombre-txt .cont-top-art{
  color:#F16452;
  font-size:18px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  margin-left: 5;
}
.cont .cont-nombre-txt .cont-ver-mas{
 float:right;
 font-size:17px;
 font-family: 'Oswald', sans-serif;
 font-weight: 300;
 color:#929497;
 
}

.cont .cont-art-img {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 435px;
  height: 210px;
  margin-top:-10px;
  margin-left: -9;
}
.cont .cont-art-img li {
  margin-bottom:-50px
}

.cont .cont-art-img li img{
 width: 97px;
 height: 97px;
 margin-right: -21px;
 margin-top: -9px;
 border: 1px solid rgba(244, 132, 128, 0.5);
}

.cont .cont-album-img {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 435px;
  height: 210px;
  margin-top:-10px;
  margin-left: -6px;
}
.cont .cont-album-img li {
  margin-bottom:-50px
}

.cont .cont-album-img li img{
 width: 99px;
 height: 99px;
 border-radius:50px;
 margin-right: -25px;
 margin-top: -9px;
 border: 1px solid rgba(244, 132, 128, 0.5);
}

.buscadores {
  position:absolute;
  margin-left: 41px;
  margin-top: 104px;
}
.buscadores .boton, .buscadores .text {
    padding:5px 10px;
    height:38px;
    float:left
}
.buscadores .text {
    border:1px solid #F26E5F;
    background:#FFF;
    font-size:18px;
    font-family:'PT Sans', sans-serif;
    color:#666;
    border-bottom-left-radius:15px;
    border-top-left-radius:15px;
    margin-left:18px
}

.buscadores .boton {
    background:#F26E5F;
    background-image: url(../svg/artista2.svg) no-repeat;
    border:0;
    font:9px Arial;
    text-transform:uppercase;
    color:#F26E5F;
    letter-spacing:.05em;
    vertical-align:middle;
    margin-left:-4px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px
}
.cont .cont-art-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 435px;
    height: 15px;
    padding:10px;
    margin-left:10px
}

.cont .cont-art-link  li{
    width:195px;
    margin-left:-10px;
    margin-right:18;
    margin-top:-8px;
}
.cont .cont-art-link .cont-txt-art a{
    font-family: Arial;
    font-size:13px!important;
    color: #2459A4!important;  

}
.cont .cont-noti-link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 435px;
    height: 15px;
    padding:0px;
    margin-left:-10px;
}

.cont .cont-noti-link  li{
    width:135px;
    margin-left:10px;
    margin-top:-8px;
}
.cont .cont-noti-link .cont-txt-noti a{
    font-family: Arial;
    font-size:13px!important;
    color: #2459A4!important;
    margin-right:-10  
   
}
.cont .cont-canciones{
    width:435px;
    overflow:hidden;
    
}
.cont .cont-canciones li a{
    font-family:Arial;
    font-size:14px!important;
    margin-top:-10px;
    color: #0D489B !important;  
    margin-left:-10px;
}
.cont .cont-canciones li span{
    font-size: 14px;
    font-family: 'Maven Pro';
    font-weight:300;
    font-style: italic;
    color: #999999;
    padding-left: 5px;
}

.cont .cont-videos {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 430px;
  height: 210px;
  margin-top:10px;
  margin-left: -3px;
}
.cont .cont-videos li {
  margin-left:10px;
  
}

.cont .cont-videos li img{
 width: 132px;
 height: 77px;
 margin-right: -0px;
 margin-top: 1px;
 border: 1px solid rgba(244, 132, 128, 0.5);
}
.cont .cont-videos h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 300!important;
  height:22px;
  width:132px !important;
  margin-left:0  !important;
}
.cont .cont-noticias {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 435px;
  height: 459px;
}
.cont .cont-noticias .cont-noticias-img {
  margin-top:-2px;
  margin-left:-5px
}
.cont .cont-noticias .cont-noticias-img  img{
  width:260px;
  height:155px;
  margin-top: 2px
}
.cont .cont-noticias .cont-noticias-img  h3{
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin-left:8px;
  color: #4B4B4D;
  font-size:22px;
  line-height:29px;
}
.cont .cont-noticias .cont-noticias-txt{
  margin-bottom:22px
}
.cont .cont-noticias .cont-noticias-txt a{
 color: #4B4B4D!important;
 font-size:15px !important;
 font-family: 'Maven Pro';
 font-weight: 500;
 margin-top:-32px;

}
.cont .cont-noticias .cont-noticias-txt span{
 color: #BDBFC1 !important;
 font-size:15px !important;
 font-family: 'Maven Pro';
 font-weight: 500;
 margin-top:-32px;
}
.cont .cont-entradas {
  width: 435px;
  height: 459px;
}
.cont .cont-entradas .cont-entradas-info{
  float:right;
    width:170px;
  margin-right:-10px
}
.cont .cont-entradas .cont-entradas-info .cont-entradas-lugar{
  color: #606062;
  font-size:18px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;  
}
.cont .cont-entradas .cont-entradas-info .cont-entradas-hora{
  color: #4B4B4D;
  font-size:25px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;  
}
.cont .cont-entradas a img {
  width:240px;
  height:135px;
}
.cont .cont-entradas ul li {
 
  margin-bottom:2px;
  height:43px
 
}
.cont .cont-entradas ul li a{ 
 position:absolute;
 font-family: 'Maven Pro';
 font-weight: 500;
 margin-left:20px;
 color:#4B4B4D !important;
 font-size:15px!important;
 

}
.cont .cont-entradas ul li span {
 color: #F26E5F !important;
 font-size:14px;
 
}

/* Tooltip */ 
.tooltips {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 150px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-left:19;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}
.tooltips .tooltiptext ul{
   list-style:none;
   background:#475e88;
   width: 120px;
   border-radius: 6px;
   margin-top:-10px;
   margin-left:10px
}
.tooltips .tooltiptext ul li{ 
   margin-left:-40
}
.tooltips .tooltiptext ul li a{ 
   color:#fff
}

    /* Audio Player */
    #audioplayer{
    width: 480px;
    height: 63px;
    margin: 50px auto auto auto;
    border: solid;
    margin-top: 2px;
    }

    #pButton{
    height:60px; 
    width: 60px;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float:left;
    outline:none;
    }
    .play-b{background: url('http://www.alexkatz.me/codepen/img/play.png') ;}
    .pause-b{background: url('http://www.alexkatz.me/codepen/img/pause.png') ;}

    #timeline{
    width: 400px;
    height: 20px;
    margin-top: 20px;
    float: left;
    border-radius: 15px;
    background: rgba(0,0,0,.3);

    }
    #playhead{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: 1px;
    background: rgba(0, 0, 0,1);

    }

/* Player  Nuevo*/

.sugeridor {
    background: rgb(71, 94, 136);
    z-index: 1000;
    width: calc(100% - 20px);
    left: 10px;
    top: 45px;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    border-radius: 7px
}

.sugeridor ul {
    margin: 0;
    padding: 0
}
.sugeridor ul li {
    list-style: none
}
.sugeridor ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    font-size: 2.1em;
    border-bottom: 1px dotted #fff;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Patua One', cursive;
}
.sugeridor ul li a:hover {
    border-radius: 6px;
    color: #f48480;
    background: #fff;
    font-weight: bold;
}

.sugeridor { background: #475e88 }
.sugeridor ul li a { color: #ffffff; }
.sugeridor ul li a:hover, .sugeridor ul li.activo a { color: #f48480; background: #ffffff }