body{margin:53px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:12px;font-family:"Segoe UI",Arial,Tahoma,sans-serif;font-size:12px;/* color:#97fff5; */background:#0a2038;}
h3,h2,h1,input,img,select{outline:none;border:0px;margin:0px;padding:0px;font-size:11px;font-family:Verdana, Arial, sans-serif,sans-serif;}
u,p,a{text-decoration:none;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;outline:none;}
::selection{background:transparent;background:#8F1409;color:#fff;}
.br{clear:both;}
.borde{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 0px 10px rgba(0,0,0,.7);}
.none{display:none !important;}
.block{display:block !important;}
#web {
    margin: 0px auto;
    max-width: 1100px;
    /* background: #000; */
    /* border: 1px solid #43c4ec; */
    /* border-left: 1px solid #43c4ec; */
    /* border-top: #43c4ec; */
    border-radius: 5px;
    }
#cabeza{min-height:10px;box-sizing:border-box;padding:0px 0px;}
#cabeza .menu{margin:0px;padding:0px;list-style:none;font-size:0px;text-align:center;padding-top:5px;}
#cabeza .menu li{display:inline-block;font-size:14px;margin:0px 2px;}
#cabeza .menu li a{display:block;color:#fff;font-weight:bold;text-transform:uppercase;padding:0px 10px;line-height:30px;background:#222;border-bottom:3px solid transparent;}
#cabeza .menu li a:hover{background:#111;border-bottom:3px solid #0066CC;}

/*Cuadro de artistas*/
.lista-top{margin:0px;padding:0px;list-style:none;font-size:0px;text-align:center;box-sizing:border-box;padding:0px;}
.lista-top li{position:relative;display:inline-block;font-size:11px;margin:5px;width:11.5%;border-bottom:2px dotted #ddd;}
.lista-top li a{display:block;background:#222;}
.lista-top li a .i{overflow:hidden;text-align:center;}
.lista-top li a .i img{width: 100%;/* margin:-22% -25%; */transition:all 0.20s ease-out;}
.lista-top li a h3{width:100%;position:absolute;bottom:0px;color:#d4d4d4;line-height:24px;text-align:center;background:#2e5c03cf;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lista-top li:hover a h3{color:#ddd;background:rgba(0,0,0,.7);}
.lista-top li a:hover {
    transform: scale(1.1);
}

#cabeza .generos{background: #001126;min-height:160px;font-size:0px;text-align:center;}
#cabeza .generos .lista-generos{display:inline-block;vertical-align:top;width:16.6%;padding:0px;margin:0px;list-style:none;font-size:15px;box-sizing:border-box;}
#cabeza .generos .lista-generos li{border-radius: 27px;/*text-transform: uppercase;*/text-align:left;/* background:#FAF7F1; */font-weight: bold;}
#cabeza .generos .lista-generos li:nth-child(2n){/* background:#F7F1E8; */}
#cabeza .generos .lista-generos li a{
	background-color: #0a2038;
	position:relative;
	display:block;
	color: #ffffff;
	line-height:25px;
	padding:0px 5px 0px 30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	border-radius: 3px;
	margin: 5px 5px 2px 1px;
}
#cabeza .generos .lista-generos li a:before{position:absolute;left:5px;top:6px;font-size:16px;line-height:10px;content:"⚡";color:#817C74;font-weight:normal;}
#cabeza .generos .lista-generos li a:hover{color:#1877f2;background:#d8edbd;font-weight:bold;}
#cabeza .generos .lista-generos li a:hover:before{color:#817C7;}
#cuerpo .navegador{color:#E04A03;font-size:11px;margin-bottom:0px;
}
#cuerpo .navegador a{line-height:25px;font-weight:bold;text-transform:uppercase;}
#cuerpo .navegador a:hover{color:#E04A03;}
#cuerpo{/* background: #000; */font-size:0px;box-sizing:border-box;padding:10px 0px;}
#cuerpo .bloque{display:inline-block;vertical-align:top;border-radius: 5px;}
#cuerpo .izquierda{width: 32%;font-size:0px;/* border: 1px solid #cacaca; */background: #0a2839;}
#cuerpo .centro{width: 34%;background:#0A2839;/* margin:0px 5px; */border: 1px solid #103946;}
#cuerpo .centro2{width:660px;background:#fff;margin:0px 5px;}
#cuerpo .centro .redes-sociales{color:#777;border-bottom:1px solid #0A2839;list-style:none;padding:8px 0px;text-align:center;box-sizing:border-box;padding-left:20px;}
#cuerpo .centro .redes-sociales li{display:inline-block;margin:0px 5px;height:20px;overflow:hidden;}
#cuerpo .centro .repro-pie{font-size:12px;text-align:center;padding:0px 0px;}
#cuerpo .centro .repro-pie h2{margin-bottom:0px;}
#cuerpo .centro .repro-pie h2 a{color:#a3ff4a;font-size:15px;}
#cuerpo .centro .repro-pie p{margin:15px;padding:0px 10px;color: #97fff5;}

#cuerpo .centro2 .repro-pie{font-size:12px;text-align:center;padding:0px 0px;}
#cuerpo .centro2 .repro-pie h2{margin-bottom:0px;}
#cuerpo .centro2 .repro-pie h2 a{color:#FF0000;font-size:15px;}
#cuerpo .centro2 .repro-pie p{margin:0px;padding:0px 10px;}

#cuerpo .derecha{width: 32.5%;background:#0A2839;box-sizing:border-box;/*padding:10px;*/margin: 0px 5px;}
#cuerpo .derecha .top-derecha{font-size:12px;border-bottom:1px solid #eee;margin-top:0px;padding:0px 0px;}
#cuerpo .derecha .top-derecha h2{margin-bottom:2px;}
#cuerpo .derecha .top-derecha h2{border-bottom: 2px dotted #ddd;}
#cuerpo .derecha .top-derecha h2 a{color:#06C;font-size:15px;}
#cuerpo .derecha .top-derecha p{margin:0px;padding:0px 1px;}

#cuerpo .derecha .frames{margin-top:10px;text-align: center;}
#cuerpo .derecha .frames iframe{margin-bottom:10px;}
.frames{
    padding: 0px 0px 10px 0px;
    /*height: 600px !important;*/
    max-height: 795px;
}
p.light{display:inline;font-size:11px;font-weight:normal;}
#pie .lista-abc{margin:0px;list-style:none;box-sizing:border-box;padding:0px 0px;font-size:0px;text-align:center;border-radius: 3px 3px 0 0;box-shadow: inset 0px 1px 0px 0px #32ceff;background-color: #004c67;background-image: -webkit-linear-gradient(top, #329cc1, #004c67);border-bottom: 1px solid #00dbef;}
#pie .lista-abc li{display:inline-block;font-size:19px;margin:2px;/* background-color: #fff; */}
#pie .lista-abc li span{color: #27ff00;display:block;padding:0px 7px;line-height:30px;}
#pie .lista-abc li a{color: #ffffff;display:block;padding: 0px 7px 3px;line-height:20px;/* background: #58a512; */font-weight:bold;border-radius: 5px;}
#pie .lista-abc li a:hover{color:#fff;background:#58a512;}
#pie .lista-tags{margin:0px;/* padding:0px; *//* list-style:none; */box-sizing:border-box;padding:4px 10px;font-size:0px;text-align:center;/* color: #fff; */background: #002c4b;border-top: 3px solid #9CA350;}
#pie .lista-tags li{display:inline-block;font-size:12px;margin:0px 6px;/* color: #fff; */}
#pie .lista-tags li a{padding:0px;line-height:16px;text-decoration:none;font-weight: bold;}
#pie .lista-tags li a:hover{color: #f00;text-decoration:underline;}
#pie .creditos{padding:5px 0px;text-align:center;color: #fff;background: linear-gradient(to bottom,  #119bd2 0%,#032d35 100%);}
#pie .creditos span{display:block;line-height:16px;}
#pie .sales a{color: #00c1f1;}
a.tag2,.tag2{cursor:pointer;font:normal 14px Arial, Verdana; color:#f2f2f2;text-decoration:none;  }a.tag2:hover,.tag2:hover{text-decoration:underline;color:#000; }a.tag3,.tag3{cursor:pointer;font:normal 14px Arial, Verdana; color:#dfdfdf;text-decoration:none;  }a.tag3:hover,.tag3:hover{text-decoration:underline;color:#000; }a.tag4,.tag4{cursor:pointer;font:bold 15px Arial, Verdana; color:#ff8e8e;text-decoration:none;  }a.tag4:hover,.tag4:hover{text-decoration:underline;color:#000; }a.tag5,.tag5{cursor:pointer;font:normal 16px Arial, Verdana; color:#666;text-decoration:none;  }a.tag5:hover,.tag5:hover{text-decoration:underline;color:#000; }a.tag6,.tag6{cursor:pointer;font:normal 15px Arial, Verdana; color:#666;text-decoration:none;  }a.tag6:hover,.tag6:hover{text-decoration:underline;color:#000; }a.tag7,.tag7{cursor:pointer;font:normal 14px Arial, Verdana; color:#666;text-decoration:none;  }a.tag7:hover,.tag7:hover{text-decoration:underline;color:#000; }a.tag8,.tag1{cursor:pointer;font:normal 13px Arial, Verdana; color:#b37676;text-decoration:none;  }a.tag8:hover,.tag8:hover{text-decoration:underline;color:#000; }
.contenido{margin-top:10px; font-size:11px; color:#333;}
.scroling::-webkit-scrollbar-track{background:transparent;}
.scroling::-webkit-scrollbar{width:7px;background:transparent;}
.scroling::-webkit-scrollbar-thumb{background: #00adff;-webkit-border-radius:4px;}
#fulltonovip {background:#fff;float: top;padding:10px; height: 44px; /*width: 980px;*/}
#enviatumusik {overflow: hidden;background-color: #004c67;margin-top: 5px;/* margin-bottom: 5px; */}
#enviatumusik a {float: left;color: #ffffff;text-align: center;padding: 10px 14px;text-decoration: none;font-size: 17px;border-right: 1px solid #CDDC39;}
#enviatumusik a:hover {background-color: #67b800; color: #000;}
#enviatumusik a.active {background-color: #67b800;color: #000;}
#migabiografia {overflow: hidden;background-color: #4c707c;margin-top: 5px;margin-bottom: 15px;}
#migabiografia a {float: left;color: #ffffff;text-align: center;padding: 10px 14px;text-decoration: none;font-size: 17px;border-right: 1px solid #CDDC39;}
#migabiografia a:hover {background-color: #67b800; color: #000;}
#migabiografia a.active {background-color: #67b800;color: #000;font-weight: bold;}
/*InicioRp*/
div.jp-audio{font-size:15px;font-family:Verdana, Arial, sans-serif;line-height:1.6;color: #03A9F4;position:relative;}
div.jp-audio{xwidth:365px;}
div.jp-video-full{width:480px; /* Rules for IE6 (full-screen) */
height:270px;position:static !important; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
position:relative
}
div.jp-video-full div.jp-jplayer{top:0;left:0;position:fixed !important;position:relative;overflow:hidden; /* Rules for IE6 (full-screen) */
z-index:1000;}
div.jp-video-full div.jp-gui{position:fixed !important;position:static;top:0; /* Rules for IE6 (full-screen) */
left:0;width:100%;height:100%;z-index:1000;}
div.jp-video-full div.jp-interface{position:absolute !important;position:relative;bottom:0; /* Rules for IE6 (full-screen) */
left:0;z-index:1000;}
div.jp-interface{position:relative; background:#072535f2; */width:100%;border-radius:5px;}
div.jp-audio div.jp-type-single div.jp-interface{height:75px;}
div.jp-audio div.jp-type-playlist div.jp-interface{height:75px;border-bottom: 1px solid #03A9F4;}
div.jp-video div.jp-interface{border-top:1px solid #009be3;}
/* @group CONTROLS */
div.jp-controls-holder{clear:both;width:440px;margin:0 auto;position:relative;overflow:hidden;top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}
div.jp-interface ul.jp-controls{list-style-type:none;margin:0;padding:0;overflow:hidden;}
div.jp-audio ul.jp-controls{xwidth:344px;padding:15px 10px 0 10px;}
div.jp-video div.jp-type-single ul.jp-controls{width:78px;margin-left:200px;}
div.jp-video div.jp-type-playlist ul.jp-controls{width:134px;margin-left:172px;}
div.jp-video ul.jp-controls,div.jp-interface ul.jp-controls li{display:inline;float:left;}
div.jp-interface ul.jp-controls a{display:block;overflow:hidden;text-indent:-9999px;z-index:5;position:relative;}
a.jp-play,a.jp-pause{width:40px;height:40px;transition:all 0.0s ease-in-out 0s;}
a.jp-play{background:url('../img/jplayer.png') 0 0 no-repeat;}
a.jp-play:hover{background:url('../img/jplayer.png') -41px 0 no-repeat;}
a.jp-pause{background:url('../img/jplayer.png') 0 -42px no-repeat;display:none;}
a.jp-pause:hover{background:url('../img/jplayer.png') -41px -42px no-repeat;}
a.jp-stop, a.jp-previous, a.jp-next{width:28px;height:28px;margin-top:6px;position:relative;z-index:1 !important;transition:all 0.0s ease-in-out 0s;}
a.jp-previous{left:6px;}
a.jp-next{left:-6px;}
a.jp-stop{background:url('../img/jplayer.png') 0 -83px no-repeat;margin-left:10px;}
a.jp-stop:hover{background:url('../img/jplayer.png') -29px -83px no-repeat;}
a.jp-previous{background:url('../img/jplayer.png') 0 -112px no-repeat;}
a.jp-previous:hover{background:url('../img/jplayer.png') -29px -112px no-repeat;}
a.jp-next{background:url('../img/jplayer.png') 0 -141px no-repeat;}
a.jp-next:hover{background:url('../img/jplayer.png') -29px -141px no-repeat;}
/* @end */
/* @group progress bar */
div.jp-progress{overflow:hidden;background-color:#ddd;}
div.jp-audio div.jp-progress{position:absolute;top:40px;height:6px;}
div.jp-audio div.jp-type-single div.jp-progress{left:110px;width:186px;}
div.jp-audio div.jp-type-playlist div.jp-progress{left:186px;width: 44%;}
div.jp-video div.jp-progress{top:0px;left:0px;width:100%;height:10px;}
div.jp-seek-bar{background:url('../img/jplayer.png') 0 -202px repeat-x;width:100%;height:100%;cursor:pointer;}
div.jp-play-bar{background:url('../img/jplayer.png') 0 -218px repeat-x;width:100%;height:100%;}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg{background:url('../img/jplayer.seeking.gif');}
/* @end */
/* @group volume controls */
a.jp-mute,a.jp-unmute,a.jp-volume-max{width:18px;height:15px;margin-top:12px;}
div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute{margin-left:210px;}
div.jp-audio div.jp-type-playlist a.jp-mute,div.jp-audio div.jp-type-playlist a.jp-unmute{margin-left:160px;margin-top:37px;}
div.jp-audio a.jp-volume-max{margin-left:56px;display:none !important;}
div.jp-video a.jp-mute,div.jp-video a.jp-unmute,div.jp-video a.jp-volume-max{position:absolute;top:12px;margin-top:0;}
div.jp-video a.jp-mute,div.jp-video a.jp-unmute{left:50px;}
div.jp-video a.jp-volume-max{left:134px;}
a.jp-mute{background:url('../img/jplayer.png') 0 -170px no-repeat;transition:all 0.0s ease-in-out 0s;}
a.jp-mute:hover{background:url('../img/jplayer.png') -19px -170px no-repeat;}
a.jp-unmute{background:url('../img/jplayer.png') -60px -170px no-repeat;display:none;transition:all 0.0s ease-in-out 0s;}
a.jp-unmute:hover{background:url('../img/jplayer.png') -79px -170px no-repeat;}
a.jp-volume-max{background:url('../img/jplayer.png') 0 -186px no-repeat;transition:all 0.0s ease-in-out 0s;}
a.jp-volume-max:hover{background:url('../img/jplayer.png') -19px -186px no-repeat;}
div.jp-volume-bar{position:absolute;overflow:hidden;background:url('../img/jplayer.png') 0 -250px repeat-x;width: 16%;height:5px;cursor:pointer;}
div.jp-audio div.jp-volume-bar{top:57px;left:285px;}
div.jp-video div.jp-volume-bar{top:17px;left:72px;}
div.jp-volume-bar-value{background:url('../img/jplayer.png') 0 -256px repeat-x;width:0px;height:5px;}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder{position:absolute;top:35px;}
div.jp-audio div.jp-type-single div.jp-time-holder{left:110px;width:186px;}
div.jp-audio div.jp-type-playlist div.jp-time-holder{left:110px;width:70px;}
div.jp-current-time,div.jp-duration{font-size:.64em; /*width:60px;*/
font-style:oblique;}
div.jp-current-time{float:left;display:inline;}
div.jp-duration{float:right;display:inline;text-align:right;}
div.jp-video div.jp-current-time{margin-left:20px;}
div.jp-video div.jp-duration{margin-right:20px;}
/* @end */
/* @group playlist */
div.jp-title{font-weight:bold;text-align:center;}
div.jp-title,div.jp-playlist{width:100%;background-color:#ca1b1b;border-top:1px solid #00ff32;background:#000000;border:none;}
div.jp-type-single div.jp-title,div.jp-type-playlist div.jp-title,div.jp-type-single div.jp-playlist{border-top:none;}
 div.jp-playlist .Playlist{padding-right: 0px;margin-top: 0px;background-color: #0a2038;}
div.jp-title ol,div.jp-playlist ol{margin:0;font-size: 13px;display:block;max-height: 555px;list-style:none outside none;padding:0px;overflow-y:scroll;padding-right: 0px;}
div.jp-title ol li:nth-child(odd) ,div.jp-playlist ol li:nth-child(odd){}
div.jp-title ol li:nth-child(even) ,div.jp-playlist ol li:nth-child(even){background:#0a2839;}
div.jp-title li{padding:5px 0;font-weight:bold;}
div.jp-playlist li{padding:0px;}
div.jp-playlist li div{display:inline;}
div.jp-playlist li div a{padding: 10px 0 10px 10px !important;display:block;}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li{}
div.jp-type-playlist div.jp-playlist a{color: #ffffff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.jp-type-playlist div.jp-playlist a:hover{color:#0d88c1;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current{color:#8fc600}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{background:#000;}
div.jp-type-playlist div.jp-playlist li:hover{background:#222;}
div.jp-type-playlist div.jp-playlist li:hover a{color:#03A9F4;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{float:right;display:inline;text-align:right;margin-right:10px;font-weight:bold;color: #f70000;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover{color:#18c10d;}
div.jp-type-playlist div.jp-playlist span.jp-free-media{float:right;display:inline;text-align:right;margin-right:10px;}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{color:#666;}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{color:#748d99;}
/* @end */
div.jp-video-play{position:absolute;top:0;left:0;width:100%;cursor:pointer;background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-full div.jp-video-play{height:100%;z-index:1000;}
div.jp-jplayer audio,div.jp-jplayer{width:0px;height:0px;}
div.jp-jplayer{background-color:#000000;}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles{list-style-type:none;padding:0;margin:0 auto;overflow:hidden;}
div.jp-audio .jp-type-single ul.jp-toggles{width:25px;}
div.jp-audio .jp-type-playlist ul.jp-toggles{width:55px;margin:0;position:absolute;left:195px;top:50px;}
div.jp-video ul.jp-toggles{margin-top:10px;width:100px;}
ul.jp-toggles li{display:block;float:right;}
ul.jp-toggles li a{display:block;width:25px;height:18px;text-indent:-9999px;line-height:100%; /* need this for IE6 */
}
a.jp-full-screen{background:url('../img/jplayer.png') 0 -310px no-repeat;margin-left:20px;}
a.jp-full-screen:hover{background:url('../img/jplayer.png') -30px -310px no-repeat;}
a.jp-restore-screen{background:url('../img/jplayer.png') -60px -310px no-repeat;margin-left:20px;}
a.jp-restore-screen:hover{background:url('../img/jplayer.png') -90px -310px no-repeat;}
a.jp-repeat{background:url('../img/jplayer.png') 0 -290px no-repeat;transition:all 0.0s ease-in-out 0s;}
a.jp-repeat:hover{background:url('../img/jplayer.png') -30px -290px no-repeat;}
a.jp-repeat-off{background:url('../img/jplayer.png') -60px -290px no-repeat;transition:all 0.0s ease-in-out 0s;}
a.jp-repeat-off:hover{background:url('../img/jplayer.png') -90px -290px no-repeat;}
a.jp-shuffle{background:url('../img/jplayer.png') 0 -270px no-repeat;margin-left:5px;transition:all 0.0s ease-in-out 0s;}
a.jp-shuffle:hover{background:url('../img/jplayer.png') -30px -270px no-repeat;}
a.jp-shuffle-off{background:url('../img/jplayer.png') -60px -270px no-repeat;margin-left:5px;transition:all 0.0s ease-in-out 0s;}
a.jp-shuffle-off:hover{background:url('../img/jplayer.png') -90px -270px no-repeat;}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution{position:absolute;width:390px;margin-left:-202px;left:50%;top:10px;padding:5px;font-size:.8em;background-color:#eee;border:2px solid #009be3;color:#000;display:none;}
.jp-no-solution a{color:#000;}
.jp-no-solution span{font-size:1em;display:block;text-align:center;font-weight:bold;}
.jp-footer{background: #001126;border-top: 1px solid #000000;box-sizing:border-box;padding:5px;}
.jp-footer .filterinput{line-height:22px;width:100%;padding:0px 10px;box-sizing:border-box;border: 1px solid #5c5c5c;background: #1f1f1f;color: #fff;}

/* @end */
.jp-stop{display:none !important}
a.jp-title{position:absolute !important;top:17px !important;text-indent:0px !important;font-size:12px !important;text-decoration:none !important;color: #8fc600 !important;text-shadow: 1px 1px 0px #527910 !important;left:110px !important;white-space:nowrap;width:240px;overflow:hidden !important;text-overflow:ellipsis;}

/*finrepro*/

#transp {
    width: 1100px;
    margin: 0 auto;
}

#elog {
    /* width: 930px; */
    height: 50px;
}

#logo {
    width: 270px;
    height: 50px;
    float: left;
    background: url('../img/PlusMusicas.png') no-repeat;
    /* margin-top: 12px; */
}

#bus {
    width: 400px;
    float: left;
    height: 33px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

#bu1 {
    width: 398px;
    float: left;
    height: 32px;
    background: #1f1f1f;
    border: 1px solid #7c7c7c;
    position: relative;
    border-radius: 3px;
}

#bux {
    width: 350px;
    float: left;
    height: 33px;
    overflow: hidden;
    padding-left: 10px;
}

#bux input {
    width: 350px;
    margin: 0 !important;
    padding: 0;
    float: left;
    height: 33px;
    line-height: 33px;
    border: 0;
    font-size: 15px;
    color: #adadad;
    background: none;
}


#tow {
    width: 400px;
    float: left;
    height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#vemp3 {
    width: 100%;
    float: left;
    height: 20px;
    text-align: left;
    line-height: 20px;
}
#vemp3 a {
    text-decoration: none;
    /* border: 1px solid #aaa; */
    border-radius: 5px;
    padding: 3px 5px;
    transition: linear .1s;
    color: #c2c800;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    margin: 3px;
    /* background: #fff; */
}

#vemp3 a:hover{ cursor: pointer; color: rgba(var(--tmdbDarkBlue), 1); background-color: #fff;}

#header{position:absolute;top:0;width:100%;height:52px;background:#001126;position: fixed;z-index: 10;box-shadow: 0 1px 3px rgb(0 0 0 / 80%);}
#rank {
    padding-left: 5px;
    background: #1F1F1F;
    height: 28px;
    border-bottom: 1px solid #0ac9ff;
    background-image: -webkit-linear-gradient(top, #0e98ca, #004c67);
}

#hh1 h1 {
    float: left;
    color: #feffff;
    font-size: 17px;
    text-decoration: none;
    height: 18px;
    /*padding-left: 1px;*/
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
	padding: 4px 0px;
}

/* Estilo de los resultados de bÃºsqueda */
#search-results {
    /*margin: 20px;*/
}

#search-results p {
    font-size: 18px;
}

#search-results b {
    font-weight: bold;
}

#search-results a {
    color: #000;
    text-decoration: none;
}
/* buscador txt*/
.btenv {
  display: inline-block;
  padding: 10px 20px;
  background-color: #3498db;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
}

.btenv:hover {
  background-color: #2980b9;
  cursor: pointer;
}

.btenv:active {
  background-color: #1f618d;
}

.btenv[target="_blank"] {
  width: 50%;
  height: 50%;
  margin-top: 20px;
}

/*no se*/

.publicidad { height: 300px; }
.pcmobil {display:none; }

.pc2 div {
  margin: 2px 2px 2px 2px;
  font-size: 13px;
  text-decoration: initial;
  color: #ffffff;
  border: 1px solid #7e7e7e;
  border-radius: 5px;
  padding: 0px 4px 0px 4px;
}

#page-nav:before,#page-nav:after {
    display: table;
    content: "";
}

#catsSug {
  height: 34px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 5px;
  justify-content: center; 
  align-items: center;
}

#catsSug a {
  margin: 5px 3px;
  padding: 5px 16px;
  background-color: #EFE6D7;
  color: #544121;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
}

#catsSug a:hover {
  background-color: #544121;
  color: #f2f2f2;
  cursor: pointer;
}

.publicidad { height: 300px; }
.pcmobil {display:none; }

#cuerpo .izquierdab{width: 64%;font-size:0px;border: 1px solid #00BCD4;padding: 5px;margin: 0px 10px 5px 0px;}
#cuerpo .derechab{width:33%;background:#cce2e7;box-sizing:border-box;padding:10px;}

a.t3,.t3{cursor:pointer;font:bold 12px Arial, Verdana; color:#fff;text-decoration:none;  }a.t3:hover,.t3:hover{text-decoration:none;color:#E03E0A;}

.textob{
	font-family: "Segoe UI",Arial,Tahoma,sans-serif;
    font-size: 12px;
    padding: 6px;
	color: #97fff5;
}
#textob a.tb, .tb{cursor:pointer;font:bold 15px Arial, Verdana;color: #000;text-decoration:none;}
#textob a.tb:hover,.tb:hover{text-decoration:none;color:#E03E0A;}

.texto1{
	font-family: "Segoe UI",Arial,Tahoma,sans-serif;
    font-size: 12px;
    background: #111111;
    color: #fff;
    padding: 6px;
}

.tagsb a{padding:5px;margin: 1px;color: #000;text-decoration: underline;}


.lyric-original{
    font-size: 13px;
    width: 100%;
    overflow: auto;
    max-height: 650px;
    overflow-x: hidden;
    height: auto;
    }

/*todo izquierdo*/

ul {
  /* padding-bottom: 0px; */
  /* list-style-type: none; */
  /* margin: 0px; */
  /* padding-left: 0px; */
  /* padding-right: 0px; */
  /* list-style-image: none; */
  /* padding-top: 0px; */
  /* si vale*/
}

.oh-lista {
  position: relative;
  z-index: 1;
  /* width: 100%; */
  /* text-align: left; */
  word-wrap: break-word;
  /*Si vale*/
}


.oh-lista-artistas {
  width: 100%;
  overflow: auto;
  max-height: 805px;
  overflow-x: hidden;
  height: auto;
  padding-left: 0px;
  /*si vale*/
}

.oh-lista .fila {
  position: relative;
  width: auto;
  z-index: 1;
  border-bottom: 3px solid #000712;
/*si vale*/
}

.oh-lista .fila:hover {
	BACKGROUND-COLOR: #67b8003d;
}

.oh-lista .fila .item {
  position: relative;
  width: auto;
  /* padding-top: 3px; */
  /* padding-right: 3px; */
  /* padding-bottom: 3px; */
  /* padding-left: 3px; */
  padding: 10px;
  display: block;
  text-overflow: ellipsis;
  /*Si vale*/
}

.oh-lista .fila .item span {
  display: block;
  width: auto;
  color: #efefef;
  font-size: 15px;
  position: relative;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /*Si vale*/
}


.oh-lista .fila .item cite {
  display: block;
  position: relative;
  width: auto;
  font-style: italic;
  font-size: 15px;
  color: #a3ff4a;
  padding-bottom: 4px;
  /*si vale*/
}

.oh-lista li .item-img,
.respuestas .item-img,
.oh-lista .fila-imagenes img {
  z-index: 20;
  float: right;
  /* overflow: hidden; */
  cursor: pointer;
  margin-right: 5px;
  /*Si vale*/
}


.item-img img {
  margin-top: 0;
  height: 100%;
  margin-left: auto;
  border-radius: 9px;
  border: 2px solid #ffffff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  /*si vale*/
}

.oh-lista LI .item-img,
.respuestas .item-img {
  text-align: center;
  width: 45px;
  height: 40px;
  /*overflow: hidden;*/
  /*si vale*/
}

.ads-container {
    display: flex;
    justify-content: space-between;
    /* width: 1100px; */
    margin: 0 auto;
    padding: 10px 10px;
}

.ad-block {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    background-color: #f8f8f8;
}

.large-ad {
    width: 630px;
    /* height: 300px; */
}

.small-ad {
    width: 418px;
    /* height: 280px; */
}

.ad-block span {
    display: block;
    font-size: 11px;
    /* font-weight: bold; */
    margin-bottom: 10px;
    color: #333;
}
/*Generos*/
.genrb {
  display: inline-block;
  width: 18%;
  margin: 1%;
  text-align: center;
  /* background: #0a2038; */
  border-radius: 5px;
  /* border: 1px solid; */
}

.genrb img {
  display: block;
  margin: 0 auto;
  width: 95%;
  height: auto;
  border-radius: 10%;
  transition: transform 0.5s;
  border: 1px solid #00BCD4;
}

.genrb img:hover {
  transform: scale(1.2);
}

.genrb p {
  /* margin-top: 10px; */
  font-weight: bold;
  text-transform: uppercase;
  /* height: 20px; */
  font-size: 13px;
  color: #fff;
  border: 1px solid #cacaca;
  border-radius: 5px;
  background: #58a512;
  padding: 3px;
  white-space: nowrap;
  overflow: hidden;
  margin: 5px 0px 1px 0px;
}

.genrb p:hover {
  background-color: #ff0000;
  color: #000;
  cursor: pointer;
}

.movil h5 {
  text-align: center;
  font-size: 41px;
  background: #0a2038;
  font-family: 'Oswald', sans-serif;
  line-height: 1.4em;
  color: #00c1f1;
  font-weight: bold;
  margin: 10px 5px;
  border-radius: 3px;
}

/*Biografia*/
#cuerpo .bioizquierda{width: 65%;font-size:0px;border: 1px solid #000000;padding: 4px;margin: 0px 10px 5px 0px;background: linear-gradient(to bottom, #004b60, #00202c);color: #fff;}

.cover {
    float: left;
    margin: 0px 18px 10px 4px;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 0 rgba(20, 20, 20, 0.3)
}

.biobo {
    text-align: right;
    margin-top: 20px
}

.biobo a {
    display: inline-block;
    background-color: #3498db;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s
}

.biobo a:hover {
    background-color: #2980b9
}

.titulo-biografia {
    text-align: left;
    font-size: 23px;
    font-family: 'Oswald',sans-serif;
    color: #f97803;
    font-weight: bold;
    /* text-decoration: overline; */
    /* text-decoration: underline; */
    margin: 10px 0px;
    border-bottom: 1px solid #4c707c;
    background: #0000001c;
}

.biocompleto h2 {
    text-align: left;
    font-size: 23px;
    font-family: 'Oswald',sans-serif;
    color: #f97803;
    font-weight: bold;
    /* text-decoration: underline; */
    margin: 0px;
}

.biocompleto p {
    font-size: 16px;
    color: #D4D4D4;
}

#biografia h2 {
    padding-left: 0;
    padding-bottom: 0;
    color: #f97803;
    font-family: Oswald, sans-serif;
    /* font-weight: 400; */
    font-size: 22px;
    line-height: 1.3;
    text-align: left;
}

#biografia a {
    color: #8fc600;
    font-size: 15px;
    font-weight: bold;
}

#biografia {
    line-height: 1.6;
    color: #00BCD4;
    font-size: 15px;
    text-align: inherit;
    margin-top: 0;
    margin-left: 5px;
}

#biografia h3{
    padding-left: 0;
    padding-bottom: 0;
    color: #f97803;
    font-family: Oswald, sans-serif;
    /* font-weight: 400; */
    font-size: 22px;
    line-height: 1.3;
    text-align: left;
}

/*Sugerencia Biografia*/

#cuadro-anuncio3 {float: left;/* background-color:#fff; */height:100%;width: 344px;padding: 3px;}
#topnew li {list-style:none; text-align:left; display:block;}
#topnew li a {float:left;width: 165px;padding:1px;margin:2px;color: #fff;font: 11px Tahoma, Verdana;line-height:17px;text-decoration:none;background: #004c67;}
#topnew li a:hover {color:#333; font-weight:normal; background:#efefef;}
#cuadroartigrup {float: left; height:36px; width:36px;}

/*datos artis*/
#datosartis {
    /* background-color: #f0f8ff; */ /* Fondo color azul claro */
    border: 1px solid rgba(100,121,143,.12); /* Borde color azul oscuro */
    border-radius: 8px;
    /* padding: 20px; */
    font-family: Arial, sans-serif;
    color: #333;
    margin-bottom: 20px;
}

#datosartis h2 {
    /* background-color: rgba(100,121,143,.12); */
    color: #1a73e8;
    padding: 12px;
    margin-top: 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid rgba(100,121,143,.12);
}

#datosartis ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 10px;
}

#datosartis li {
    margin-bottom: 10px;
    font-size: 15px;
}

#datosartis li strong {
    color: #003366;
    font-weight: bold;
}

#datosartis li span {
    display: block;
    margin-top: 2px;
    color: #333;
}

.social-links {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.social-links li {
    display: inline;
    margin-right: 10px;
}

.social-links a {
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    padding: 3px;
    background: #3E6124;
    font-size: 12px;
}

.social-links a:hover {
        color: #000000;
    text-decoration: none;
    border-radius: 6px;
    padding: 3px;
    background: #03A9F4;
	font-size: 12px;
}
/*biografias buscador*/
.container {
    background-image: url('../img/banner-biografias.jpg');
    background-size: cover;
    background-position: center;
    height: 400px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #404040;
    margin-bottom: 10px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Crea una superposiciÃ³n oscura */
    z-index: 1;
    border-radius: 10px;
}

.content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    max-height: 550px;
}

.content h1 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.search-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box input[type="text"] {
    padding: 10px 15px;
    font-size: 1rem;
    border: none;
    border-radius: 5px 0 0 5px;
    outline: none;
    width: 300px;
}

.search-box button {
    padding: 10px 20px;
    font-size: 1rem;
    color: #fff;
    background-color: #2c3e50; /* Cambia esto al color que prefieras */
    border: none;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-box button:hover {
    background-color: #34495e;
}

/*artista destacados*/

.featured-artists {
    padding-bottom: 10px;
    /* text-align: center; */
}

.featured-artists h2 {
    font-size: 1.5rem;
    margin-bottom: 16px;
    margin-left: 3px;
    color: #fff;
    /* align-content: baseline; */
}

.artist-grid {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.artist-item {
    background-color: #0b78a2;
    border-radius: 10px;
    overflow: hidden;
    width: 138px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.artist-item img {
    width: 100%;
    height: auto;
    display: block;
}

.artist-item p {
    margin: 10px 0;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 5px;
}

.artist-item:hover {
    transform: translateY(-5px);
}

/*noticias*/

.latest-news {
    padding: 40px;
    background-color: #002c4b;
    border-radius: 10px;
    margin-bottom: 10px;
}

.latest-news h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: left;
    color: #8fc600;
}

.news-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 20px;
}

.news-item:last-child {
    border-bottom: none;
}

.news-content {
    max-width: 70%;
}

.news-date {
    color: #999;
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.news-image img {
    border-radius: 10px;
    width: 300px;
    height: 150px;
    /* aspect-ratio: 16 / 9; */
}

.news-content h3 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    color: #fbfbfb;
}

.news-content p {
    margin: 0;
    line-height: 1.5;
    color: #00C9E0;
    font-size: 1rem;
}
/*boton ir biografia*/
.bio-button-container {
    text-align: center;
    /* margin: 20px 0; */
    /* display: flex; */
    overflow: hidden;
    display: inline-block;
}

.bio-button {
    display: inline-block;
    padding: 1px 10px;
    font-size: 14px;
    color: #fff;
    background-color: #007BFF;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.bio-button:hover {
    background-color: #0056b3;
}

/*Artistas similar*/
.artisimilar {
    margin-top: 20px;
    /* padding: 10px; */
    border: 1px solid rgba(100, 121, 143, .12);
    border-radius: 5px;
    /* background-color: #f9f9f9; */
}

.artisimilar h3 {
    font-family: 'Oswald', sans-serif;
    background-color: rgba(100,121,143,.12);
    color: #1a73e8;
    padding: 12px;
    margin-top: 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
    font-size: 16px;
}

.similares-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 15px 10px;
}

.similares-item {
    width: 50%;
    margin-bottom: 20px;
    text-align: center;
}

.similares-item a {
    text-decoration: none;
    color: #333;
}

.similares-item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #036;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
}

.similares-item img:hover {
    transform: scale(1.1);
}

.similares-item p {
    font-size: 15px;
    font-weight: bold;
    color: #036;
}

.similares-item p:hover {
    font-size: 15px;
    font-weight: bold;
    color: #67b800;
}

/*botonleermass*/

#load-more {
    display: block;
    margin: 40px auto;
    padding: 8px 90px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #0066cc;
    border: none;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    position: relative;
}

#load-more:hover {
    background-color: #005bb5; 
    transform: scale(1.05);
}

#load-more:after {
    content: "︾";
    font-size: 24px;
    position: absolute;
    right: 20px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    letter-spacing: 10px;
}

#load-more:before {
    content: "︾";
    font-size: 24px;
    position: absolute;
    left: 20px;
    /* top: 65%; */
    /* transform: translateY(-50%); */
    letter-spacing: 10px;
}

/*Resultado*/
.search-results {
    position: absolute;
    background-color: #1f1f1ff2;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    width: 418px; /* Ajusta este valor segÃºn el ancho deseado */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border-radius: 4px;
    margin-top: 5px;
    left: 50%;
    transform: translateX(-50%); /* Centrar horizontalmente */
	display: none;
}

.search-results img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

.search-results li {
    list-style: none;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.search-results li:hover {
    background-color: #176cafb3;
}

.search-results li:last-child {
    border-bottom: none;
}

.search-results p {
    margin: 0;
    font-size: 16px;
}

.search-results ul {
    padding: 4px;
}

.search-results span {
    font-size: 12px;
    color: #888;
    margin-left: auto;
}
/*subir*/
#backToTopBtn {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99; 
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s;
}

#backToTopBtn:hover {
    opacity: 1;
}

/*resultadodelbusc*/
.busc-results {
    position: absolute;
    background-color: #1f1f1ff2;
    border: 1px solid #ccc;
    max-height: 300px;
    overflow-y: auto;
    width: 418px; /* Ajusta este valor segÃºn el ancho deseado */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    border-radius: 4px;
    margin-top: 5px;
    left: 50%;
    transform: translateX(-50%); /* Centrar horizontalmente */
	display: none;
}

.busc-results img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 10px;
}

.busc-results li {
    list-style: none;
    padding: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.busc-results li:hover {
    background-color: #176cafb3;
}

.busc-results li:last-child {
    border-bottom: none;
}

.busc-results p {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.busc-results ul {
    padding: 4px;
}

.busc-results span {
    font-size: 12px;
    color: #888;
    margin-left: auto;
}

/*bt escuchar musica*/
.btescucha{
    text-align: center;
    padding: 10px 0px;
}

.bt{
    display:inline-block;
    height:32px;
    padding:0 15px;
    font:600 15px/32px "OpenSans",Tahoma,sans-serif;
    text-align:center;
    border-radius:3px;
    cursor:pointer;
    position:relative;
	
}
.bt:active{
    line-height:34px
}
.bt-ouvir{
    padding:0 10px 0 30px;
    background:#58a512;
    border-color:#009ccb;
    color:#fff;
    border-radius:3px;
}
.bt-ouvir:hover{
    background:#9ed25c;
    border-color:#67b800
}
.bt-ouvir:before{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:50%;
    margin-top:-6px;
    left:11px;
    border:solid;
    border-width:6px 10px;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff
}