/* --*---*---*---*---*---*---*---*---*---*---* ROL.COM.PY ---*---*---*---*---*---*---*---*---*---*--*- */

body {
	margin:0;
	padding:0;
	font: 12px Arial, Tahoma;
	color: #333333;
	background:#313131;
}

form {
	margin: 0;
	padding: 0;
}

a{
	color: #1a7ea7;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

button {
	cursor: pointer;
}

textarea, input {
	font-family:Arial, tahoma;
	font-size:14px;
}

img {
	border: none;
}
a img {
	border: none;
}

div.compartir_musica{
	float:left; 
	width:98%; 
	margin-bottom:10px;
	font-size:13px;
}

div.compartir_musica input{
	background:#F2FF9E;
	border:1px solid #B6CF54;
	font-size:16px;
	width:98%;
	padding:3px;
	margin: 10px 0 0 0;
	-moz-border-radius:5px;
	-moz-box-shadow:2px 2px 2px #e2e2e2;
}

.bot-submit{
	border: 1px solid #b6cf54;
	background:#f2ff9e;
	padding: 6px;
	font-size:18px;
	color:#1e1e1e;
	-moz-border-radius:3px;
	-moz-box-shadow:2px 2px 2px #BDBCB0;
}

.bot-submit:hover{
	background:#e4f575;
}

.tabs-button-green{
	background:url(/images/bg-boton.gif) repeat-x;
	float:left;
	position:relative;
	height:17px;
	padding:8px 10px 5px 10px;
	margin:21px 3px 0 0px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#3e3e3e;
	-moz-border-radius:5px 5px 0 0;
}

.tabs-button-green:hover{
	background:url(/images/bg-boton.gif) repeat-x #fef458 bottom;
	height:25px;
	bottom:0;
	margin-top:13px;
	padding-top:8px;
	text-decoration:none;
}

div.clear{
	width:100%;
	float:left;
	height:5px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------------- CONTENEDORES PRINCIPALES ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.total-cont{
	background:url(/images/bg-page.jpg) repeat-x #FFFFFF;
	width:100%;
	position:relative;	
}

div.total-center{
	position:relative;
	width: 960px;
	margin: 0 auto 0 auto;
	display:table;
}

div.cont-contenido{
	float:left;
	position:relative;
	width:940px;
	padding:10px;
}

div.cont-right{
	float: right;
	position:relative;
	width:340px;
}

div.cont-right h1{
	margin:5px 0 0 0;
	padding:0;
	font-size:18px;
}

div.cont-info-relacionados{
	background:#FFFFFF;
	border:2px solid #69abd2;
	position:absolute;
	width:295px;
	padding:5px;
	filter: alpha(opacity=90);
	opacity:0.9;
	width:180px;
	z-index: 10000 !important;
}

.llamada-relacionados-izq{
	bottom:-10px;
	left:-2px;
	height:10px;
	width:10px;
	position:absolute;
	display:block;
}

.llamada-relacionados-der{
	bottom:-10px;
	right:-2px;
	height:10px;
	width:10px;
	position:absolute;
	display:block;
}

/* ------------- BUSCADOR FRONT ----------------- */
div.buscador-front{
	background: url(/images/bg-buscador-front.jpg) no-repeat;
	float:left;
	width:390px;
	height:142px;
	padding:25px 0 0 15px;
	color:#fff;
}

div.buscador-front button{
	float:left;
	background:url(/images/bot-buscar-front.gif) no-repeat;
	margin: 35px 0 0 50px;
	width:174px;
	height:64px;
	border:0;	
}

/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------- HEADER ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.cont-header{
	background: url(/images/bg-header.jpg) no-repeat;
	float:left;
	position:relative;
	width:100%;

}

div.cont-logo{
	float:left;
	position:relative;
	font: bold 13px Arial, Tahoma, Trebuchet MS;
	color:#060606;
	padding: 32px 0 0 26px;
}

.text-eslogan{
	font: bold 14px Arial, Tahoma, Trebuchet MS;
	color:#87d1ff;
	display:block;
}

div.cont-buscador-header{
	float:left;
	position:relative;
	font: 12px Arial, Tahoma, Trebuchet MS;
	color:#373737;
	width:343px;
	margin-bottom:10px;
}

div.buscador_tabs{
	float:right;
	display:table;
	font-size:14px;
	font-weight:bold;
	margin-top:-7px;
}

span.buscador_tabs_on{
	float:left;
	position:relative;
	background:url(/images/bg_buscador_tabs_on.jpg) no-repeat;
	width:84px;
	height:21px;
	text-align:center;
	padding: 10px 0 0 0;
	
}

div.buscador_tabs a{
	float:left;
	position:relative;
	background:url(/images/bg_buscador_tabs_off.jpg) no-repeat;
	width:84px;
	height:21px;
	text-align:center;
	padding: 10px 0 0 0;
	color:#fff;
}

div.buscador_tabs a:hover{
	background:url(/images/bg_buscador_tabs_on.jpg) no-repeat;
	color:#333333;
	text-decoration:none;
}

div.buscador-header-input{
	background:url(/images/bg-buscador-header.jpg) no-repeat;
	float:right;
	position:relative;
	width:350px;
	height:45px;
	margin-bottom:4px;
}

.buscador-header-input-on{
	background: transparent;
	border:none;
	float:left;
	border-color:#ffffff;
	font-size:22px;
	margin:6px 0 0 10px;
	/*width:300px;*/
}

.buscador-header-input-off{
	background: transparent;
	border:none;
	float:left;
	border-color:#ffffff;
	font-size:22px;
	margin:6px 0 0 10px;
/*	width:300px;*/
	color:#9d9d9d;
}


.boton-buscador-header{
	background:url(/images/bot-buscar.gif) no-repeat;
	margin: 7px 10px 0 0;
	float:right;
	position:relative;
	width:20px;
	height:28px;
	border:none;
}

div.nav-bar{
	float:left;
	position:relative;
	color:#6d6d6d;
	font-size:16px;
	font-weight:bold;
	width:100%;
	padding-top:8px;
	padding-bottom:15px;
}
div.nav-bar a{
	color:#139fd3;
}

div.nav-bar a:hover{
	color:#cb0000;
	text-decoration:none;
}
div.nav-bar h1 {
	font-size:16px;
	margin: 0;
	display: inline;
}

div.cont-player-top{
	background:url(/images/bg-player.jpg) no-repeat;
	float:right;
	position:relative;
	font: 12px Arial, Tahoma, Trebuchet MS;
	color:#FFFFFF;
	width:350px;
	height:105px;
	padding: 10px;
	margin-top:10px;
}

div.cont-player-top p.marquee_cont {
	position:relative;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff609;
	margin:0 0 5px 0;
	padding:0;
}

#timeline_music{	
	width: 235px; 
	background: #FFF; 
	height:3px;
	position: relative;
	margin-top:10px;
	border:1px solid #fff;
}

#timeline_buffering_bar{
	position: absolute;
	background: #a9a9a9;
	display: block;
	height: 3px;	
}

#timeline_playing_bar{
	position: absolute;
	background: #7ccef9;
	display: block;
	height: 3px;
}

#timeline_handle{
	cursor: pointer;
	position: absolute;
	top: -4px;
	margin-left: -3px;	
	height: 12px;
	width: 12px;
	background: url(/images/timeline-handle.png) no-repeat left top scroll;
}

#now_artist a{
	position:relative;
	font: 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:15px 0 5px 0;
	padding:0;
}

div.cont-player-bot{
	position:absolute;
	z-index:0;
	right:25px;
	top:68px;
}
div.cont-player-bot img {
	border: none;
	border-width: 0;
	display: inline;
}

.thumb-player-album{
	border: 1px solid #ffffff;
	float:left;
	position:relative;
}

div.cont-menu-top{
	background:url(/images/bg-menu-top.jpg) no-repeat;
	float:left;
	position:relative;
	width:100%;
	width:532px;
	height:45px;
}

div.menu-top-sep{
	border-right: 1px dashed #aaaaaa;
	height:35px;
	float:left;
	position:relative;
	margin-top:5px;
}

div.cont-menu-top a{
	float:left;
	position:relative;
	color:#373737;
	font-size:14px;
	font-weight:bold;
	padding:15px 15px 0 15px;
	text-decoration:none;
	height:30px;
}

div.cont-menu-top a:hover{
	color:#cb0000;
}

#playlist_length{
	color:#8a8a8a;	
}

div.cont-menu-top-logged{
	background:url(/images/bg-menu-top-logged.jpg) no-repeat;
	float:left;
	position:relative;
	width:100%;
	width:630px;
	height:45px;
}

div.cont-menu-top-logged a{
	float:left;
	position:relative;
	color:#373737;
	font-size:14px;
	font-weight:bold;
	padding:15px 15px 0 15px;
	text-decoration:none;
	height:30px;
}

div.cont-menu-top-logged a:hover{
	color:#cb0000;
}


/* ----------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ INDEX ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.cont-buscador-front{
	float:left;
	background:url(/images/canales-med.gif) repeat-y ;
}
/* NUBES DE BUSQUEDA */

div.cont-buscador-front ul{
	margin: 10px 30px 0 5px;
	padding:0;
	float:right;
	width:440px;
}

div.cont-buscador-front li{
	list-style-type:none;
	display:inline;
	margin:0 0 5px 5px;
	padding:0;
}

div.cont-buscador-front a{
		color:#fff;
}

.tag1{
	font-size:30px;
}

.tag2{
	font-size:25px;
}

.tag3{
	font-size:18px;
}

.tag4{
	font-size:16px;
}

/* LISTADO DE GENEROS DEL FRONT */

div.cont-generos-front{
	float:left;
	position:relative;
	color:#ececec;
	width:895px;
	margin: 20px 0 10px 0;
	padding:15px;
	border:2px dashed #7dbcd1;
}

div.cont-generos-front p.title {
	background:#fff;
	color:#ececec;
	font-weight: bold;
	margin:-32px 0 10px 0;
	padding:0 0 0 5px;
	color:#343434;
	font-size:22px;
	clear:both;
	z-index:2;
	width:210px;
	position:relative;
}

div.cont-generos-front ul{
	margin:0;
	padding:0;
	float:left;
	width:223px;
}

div.cont-generos-front li{
	font-size:16px;
	color:#b8b8b8;
	list-style-position:inside;
	list-style-type: circle;
}

div.cont-artistas-front{
	float:left;
	position:relative;
	width:468px;
	margin-right:2px;
}

div.cont-artistas-front p {
	margin:0 0 5px 10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	float: left;
	width:250px;
}

.tit-front-link {
	background:url(../images/bg-tit.gif) no-repeat;
	float:left;
	width:438px;
	height:27px;
	padding-left:30px;
	padding-top:3px;
	font-size:16px;
	color:#ffffff;
	margin:10px 0 10px 0;
	font-weight:bold;
}

.tit-front-link a{
	font-size:16px;
	float:left;
	width:430px;
	color:#ffffff;
}

.tit-front-link a:hover{
	color:#fff600;
	text-decoration:none;
}

div.cont_album_front{
	float:left; 
	border-bottom: 2px dashed #CACACA; 
	padding-bottom:10px; 
	margin-bottom:10px; 
	width:460px;
}

div.cont-artistas-front ul{
	float:left;
	position:relative;
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	display:block;
}

div.cont-artistas-front li{
	background:url(../images/ico-play-chico.gif) no-repeat;
	padding-left:17px;
	margin-bottom: 3px;
}

div.cont-artistas-front-img{
	float:left;
	position:relative;
	padding:4px;
	margin-left: 10px;
	border:1px solid #c0c0c0;
}

div.cont-artistas-populares{
	float:left;
	width:90%;
	margin:10px 0 0 10px;
	padding:5px;
	background:#f5f5f5;
}

div.cont-artistas-populares a:hover{
	color:#CB0000;
	text-decoration:none;
}

/* ------ MUSICAS POR GENRERO ------*/

div.cont-musicas-genero{
	float:left;
	position:relative;
	width:468px;
	margin-right:2px;
}

div.musicas-genero{
	float:left;
	margin-bottom:10px;
	position:relative;
	width:460px;
}

div.musicas-genero-tema {
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:398px;
}

div.musicas-genero-tema a{
	background:url(/images/ico-play.png) no-repeat #6fb4db 4px;
	border:1px solid #E5E5E5;
	color:#ffffff;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 28px;
	text-decoration:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

div.musicas-genero-tema a:hover{
	background:url(/images/ico-play.png) no-repeat #e1e087 4px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#373737;
}

div.musicas-genero-datos  {
	background: url(/images/bg-music-options-thumb.gif) no-repeat left;
	float:left;
	position:relative;
	width:387px;
	height:23px;
	margin: 0;
	padding: 4px 10px 0 0;
	text-align:right;
}

div.musicas-genero-datos a:hover{
	text-decoration:none;
	color:#aa0000;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ----------------------------------- LISTADO DE MUSICAS ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.playlist-resul-album{
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:505px;
}

div.playlist-resul-album a{
	background:url(/images/ico-album.png) no-repeat #6fb4db 4px;
	-moz-border-radius:5px 5px 0 0;
	border:1px solid #E5E5E5;
	color:#FFFFFF;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 28px;
	text-decoration:none;
}

div.playlist-resul-album a:hover{
	color:#373737;
	background:url(/images/ico-album.png) no-repeat #e1e087 4px;
}


div.playlist-resul-artist{
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:505px;
}

div.playlist-resul-artist a{
	background:url(/images/ico-artist2.png) no-repeat #6fb4db 4px;
	-moz-border-radius:5px 5px 0 0;
	border:1px solid #E5E5E5;
	color:#FFFFFF;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 28px;
	text-decoration:none;
}

div.playlist-resul-artist a:hover{
	color:#373737;
	background:url(/images/ico-artist2.png) no-repeat #e1e087 4px;
}

div.album-list-thumb{
	position:relative;
	float:left;
	clear:left;
	background:#ffffff;
	border:2px solid #DCDCDC;
	padding:2px;
	margin-right:4px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

div.playlist-resul-thumb{
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:505px;
}

div.playlist-resul-thumb a{
	background:url(/images/ico-play.png) no-repeat #6fb4db 4px;
	border:1px solid #E5E5E5;
	color:#ffffff;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 28px;
	text-decoration:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

div.playlist-resul-thumb a:hover{
	background:url(/images/ico-play.png) no-repeat #e1e087 4px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#373737;
}

div.music-add-thumb{
	background: url(/images/bg-music-options-thumb.gif) no-repeat right;
	float:left;
	position:relative;
	width:495px;
	height:23px;
	margin: 0;
	padding: 4px 10px 0 0;
	text-align:right;
}

div.music-add-thumb a{
	color:#1A7EA7;
}

div.music-add-thumb a:hover{
	text-decoration:none;
	color:#aa0000;
}

.music-artist-thumb{
	float:left;
	position:relative;
	text-align:left;
	margin:0 0 0 10px;
}

/* -- SEARCH RESULT -- */

div.playlist-search-resul{
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:475px;	
}

div.playlist-search-resul a{
	background:url(/images/ico-play.png) no-repeat #6fb4db 4px;
	border:1px solid #E5E5E5;
	color:#ffffff;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 28px;
	text-decoration:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

div.playlist-search-resul a:hover{
	background:url(/images/ico-play.png) no-repeat #e1e087 4px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	color:#373737;
}

div.music-add-search{
	background: url(/images/bg-music-options-thumb.gif) no-repeat left;
	float:left;
	position:relative;
	width:465px;
	height:23px;
	margin: 0;
	padding: 4px 10px 0 0;
	text-align:right;
}

div.music-add-search a{
	color:#1A7EA7;
}

div.music-add-search a:hover{
	text-decoration:none;
	color:#aa0000;
}


/* -- PAGINADOR -- */

div.pagination {
	margin:15px auto 0 auto;
	position: relative;
	text-align:center;
	float:left;
	width:100%;	
}

div.pagination a {
	margin-right:5px;
	padding:4px 8px 4px 8px;
	font: 14px arial;
	font-weight:bold;
	color:#4b4b4b;
	text-decoration:none;
	background:#eaeaea;
	line-height: 25px;
}

div.pagination a:hover {
	background:#1f94f7;
	color:#fff;	
}

.current {
	margin-right:5px;
	padding:4px 8px 4px 8px;
	font: 14px arial;
	font-weight:bold;
	color:#fff;
	background:#1f94f7;
}

/* -- ADMINISTRAR MIS LISTAS -- */
div.cont-edit-list{
	float:left;
	position:relative;
	font-size:20px;
	font-weight:bold;
	width:100%;
	border-bottom:1px solid #373737;
}

div.cont-edit-list input{
	background:url(/images/ico-editar.png) no-repeat #727272 5px 5px;
	float:left;
	border:0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:0 0 0 25px;
	width:240px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

div.cont-edit-list button{
	float:left;
	background:#F2FF9E;
	border:1px solid #B6CF54;
	color:#1E1E1E;
	font-size:13px;
	padding:2px;
	margin:0 0 0 3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

div.tabs-edit-list{
	background: url(/images/bg-edit-list.gif) no-repeat;
	float:right;
	position:relative;
	width:129px;
	height:29px;
	margin: 2px 5px 0 0;
}

div.tabs-edit-list span{
	width:42px;
	margin: 4px 0 0 1px;
	float:left;
	text-align:center;
}

div.tabs-edit-list img{
	border:0;
}

div.new-list-name {
	position: relative;
	margin-bottom: 5px;
 	float: left;
}

/* -- MIS LISTAS LEFT -- */
div.cont-mis-listas-right{
	float:left;
	margin-bottom:5px;
}

.mis-listas-right-link{
	background: url(/images/bg-my-playlist.gif) no-repeat;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	height:25px;
	width:294px;
	padding: 10px 0 0 10px;
}

.mis-listas-right-link:hover{
	color:#be0c0c;
	text-decoration:none;
}

.mis-listas-right-delete{
	float:right;
}

/* -- LISTADO DE MUSICAS -- */
div.cont-playlist-resul{
	border-right:2px dashed #CACACA;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 10px 0 0;
	position:relative;
	width:570px;
}

div.cont-resul-music{
	float:left;
	position:relative;
	width:567px;
	margin-top:10px;
}

div.playlist-resul{
	color:#666666;
	display:block;
	float:left;
	position:relative;
	width:534px;
}

div.playlist-resul a{
	background:url(/images/ico-play.png) no-repeat #6fb4db 4px;
	color:#ffffff;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 29px;
	margin-top:1px;
	position:relative;
	text-decoration:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
}

div.playlist-resul a:hover{
	color:#373737;
	background:url(/images/ico-play.png) no-repeat #e1e087 4px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
}

.playlist-resul-actual{
	background:url(/images/ico-play.png) no-repeat #e1e087 4px;
	color:#373737;
	display:block;
	font-size:18px;
	padding:4px 4px 4px 29px;
	position:relative;
	text-decoration:none;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:0px;
}

.music-artist{
	float:left;
	position:relative;
	text-align:left;
	margin:0 0 0 10px;
}

div.music-add{
	background: url(/images/bg-music-options.gif) no-repeat;
	float:left;
	position:relative;
	width:534px;
	height:23px;
	margin: 0;
	padding: 4px 0 0 0;
	text-align:right;
}

div.music-add a{
	color:#1A7EA7;
}

div.music-add a:hover{
	text-decoration:none;
	color:#aa0000;
}


/* ------ AGREGAR MUSICA A MIS LISTAS -------- */

.playlist-resul-options{
	background: url(/images/bg-resul-options.jpg) no-repeat 0 0;
	position: absolute;
	float:right;
	top:0;
	right:0;
	width:33px;
	height:58px;
	z-index:3;
}

.playlist-resul-options:hover{
	background: url(/images/bg-resul-options.jpg) no-repeat 0 -58px;
}

.playlist-resul-options a{
	width:33px;
	height:58px;
	float:left;
	position:relative;
}

.playlist-resul-options-ok{
	background: url(/images/bg-resul-options.jpg) no-repeat 0 -116px;
	position: absolute;
	float:right;
	top:0;
	right:0;
	width:33px;
	height:58px;
	z-index:3;
}

/* ------ ELIMINAR O AGREGAR MUSICA A MIS LISTAS ADMIN -------- */

.add-music-playlist{
	background: url(/images/bg-resul-options-sm.jpg) 0 0;
	position: absolute;
	float:right;
	top:1px;
	right:0;
	width:33px;
	height:30px;
	cursor:pointer;
}

.add-music-playlist:hover{
	background: url(/images/bg-resul-options-sm.jpg) 0 -31px;
}

.add-music-playlist-ok{
	background: url(/images/bg-resul-options-sm.jpg) 0 -62px;
	position: absolute;
	float:right;
	top:0;
	right:0;
	width:33px;
	height:31px;
}

.add-music-playlist-delete{
	background: url(/images/bg-resul-options-sm.jpg) no-repeat 0 -93px;
	position: absolute;
	float:right;
	top:31px;
	right:0;
	width:33px;
	height:31px;
	cursor:pointer;
}

div.search-artist{
	float:left;
	position:relative;
	margin:0 0 20px 0;
	width:100%;
}

div.search-artist a{
	float:left;
	background:url(../images/ico-play-chico.gif) no-repeat;
	color:#313131;
	padding-left:15px;
	font-size:13px;
}

div.titulo{
	background:#313131;
	float:left;
	position:relative;
	padding:4px 10px 4px 10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.titulo-hr{
	float:left;
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	height:1px;
	background:#313131;
	width:100%;
	border:none;
	clear:both;
}

div.play_all{
	background:#a6a552;
	float:right;
	position:relative;
	padding:4px 10px 4px 10px;
	margin-left:5px;
	font-size:14px;
	font-weight:bold;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

div.play_all:hover{
	background:#bdbc66;
	text-decoration:none;
}

div.play_all a, div.play_all a:hover{
	text-decoration:none;
	color:#f2f1ae;
}

.album-pics{
	float:left;
	border: 2px solid #dcdcdc;
	margin:2px;
	padding:2px;
}

#related_albums{
	float:left; 
	position:relative;
	margin-bottom:10px;
}

#related_albums a{
	float: left; 
	display: block; 
	height: 106px; 
	width: 106px; 
	margin: 0 5px 5px 0;
}

.album-pics:hover{
	border: 2px solid #787878;
}

/* ------- CANALES DE MUSICA SIDEBAR ----- */

div.canales_sidebar{
	float:left;
	background: url(/images/canales-med-sidebar.gif) repeat-y;
	background-position: 0 50px;	
}

div.canales_sidebar ul{
	margin: 5px auto 5px 13px;
	padding:0;
	width:349px;
}

div.canales_sidebar img{
	border:0;
}

div.canales_sidebar li{
	list-style-type:none;
	padding:0;
	margin: 0 5px 5px 0;
	float:left;
}



/* ------- ALBUM PAGE ----- */

div.album-page{
	float:left;
	position:relative;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width:270px;
	padding:5px 5px 5px 5px;
	font-size:11px;
}

div.album-page ul{
	float:left;
	margin:5px 0 0 5px;
	padding:0;
	width:150px;
}

div.album-page li{
	list-style-type:none;
	color:#333333;
}

div.album-page span{
	color:#778741;
	font-weight:bold;
}

/* ------- ALBUM LIST ----- */

div.album-list{
	float:left;
	position:relative;
	width:560px;
	margin-bottom:10px;
	font-size:12px;
}

div.album-generos {
	background:#F5F5F5;
	float:left;
	margin:10px 0 0 0;
	padding:5px;
	display:block;
	clear:both;
	position:relative;
	width:100%;
}

div.album-list a{
	color:#1A7EA7;
}

div.album-list a:hover{
	color:#CB0000;
	text-decoration:none;
}

div.album-list ul{
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

div.album-list li{
	list-style-type:none;
	color:#333333;
	margin-bottom:3px;
}

div.album-list span{
	color:#778741;
	font-weight:bold;
}

div.album-list img{
	float:left;
	position:relative;
	border: 2px solid #dcdcdc;
	padding:2px;
}


/* ----------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ MI PLAYLIST ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

ul.mi-playlist{
	float:left;
	margin:0 0 10px 0; 
	padding:0; 
	list-style-type:none;
	width:100%;
}

ul.mi-playlist li{
	float:left;
	padding:8px;
	margin: 0;
	border-bottom: 1px dashed #CACACA;
	font-size:12px;
	line-height:18px;
	width:98%;
}

ul.mi-playlist li:hover{
	background:#faffc3;
}

ul.mi-playlist span{
	float:left;
	width:225px;
	margin:0 20px 0 0;
}

ul.mi-playlist .for_sorting {
	cursor: move;	
}

.mi-playlist-actual{
	background:#dff3ff;
}

ul.mi-playlist a {
	color:#373737;
}

ul.mi-playlist a:hover {
	text-decoration:none;
	color:#0284d7;
}

div.mi-playlist-options {
	position:absolute;
	float:right;
	width:55px;
	right:0;
}

div.mi-playlist-options img {
	border:0;
	vertical-align:middle;
}

div.mi-playlist-options a {
	position:relative;
	float:left;
	width:17px;
	margin-right:10px;
	vertical-align:middle;
}



/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- REGISTRO ---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.registro{
	float:left;
	font-size:14px;
	width:100%;
}

div.registro label{
	float: right;
	font-size:20px;
	margin:0;
	position:relative;
	color:#8eb83d;
}

div.registro input{
	background:#fcfcfc;
	border:1px solid #d7d7d7;
	color:#424242;
	font-size:16px;
	margin:0;
	padding:4px;
	-moz-border-radius:3px;
	-moz-box-shadow:1px 1px 3px #e1e1e1;
}

div.registro textarea{
	background:#fcfcfc;
	border:1px solid #d7d7d7;
	color:#424242;
	font-size:16px;
	margin:0;
	padding:4px;
	-moz-border-radius:3px;
	-moz-box-shadow:1px 1px 3px #e1e1e1;
}


div.registro form{
	clear:both;
}

/* ----------------------------------------------------------------------------------------------------- */
/*------------------------------------- 	ERRORES EN EL FORMULARIO ------------------------------------*/
/* ----------------------------------------------------------------------------------------------------- */

div.error-grande{
	background: url(/images/ico-error2.gif) no-repeat left #fff8f8;
	margin:0 auto 10px auto;
	display:table;
	position:relative;
	font-size:22px;
	color:#1e1e1e;
	text-align:center;
	border:1px solid #a51b1b;
	width:100%;
	line-height: 30px;
	float:left;
}

span.alerta_grande{
	margin:15px 15px 15px 80px;
	text-align:center;
	display:block;
}

div.ok-grande{
	background: url(/images/ico-ok2.jpg) no-repeat left #fcffe7;
	margin:0 auto 10px auto;
	display:table;
	position:relative;
	font-size:22px;
	color:#1e1e1e;
	text-align:center;
	border:1px solid #d8daa3;
	width:100%;
	line-height: 30px;
	float:left;
}


div.formError {
	background:url(/images/ico-error.gif) no-repeat;
	font-size: 12px;
	margin: 5px 0 0 0;
	padding:0 0 0 20px;
	color:#c11919;
}

div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select  {
	color:#000000;
	background:#fff9f9;
	border: 1px solid #eea0a0;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ FOOTER --------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

div.cont-footer{
	background:#313131;
	float:left;
	position:relative;
	text-align:center;
	margin: 0;
	padding: 0 0 15px 0;
	width:100%;
	color:#FFFFFF;
	border-top: 5px solid #cfcfcf;
}

div.cont-footer a{
	color:#72dcff;
}

div.cont_footer_datos{
	width:100%;
	float:left;
	background:#474747;
	padding:15px 0 15px 0;
	margin-bottom:20px;
	text-align:left;
}

div.footer_datos{
	margin:0 auto 0 auto;
	width:960px;
}

div.footer_datos_izq{
	width:400px;
	float:left;
	margin-top:20px;
}

div.footer_datos_der{
	width:330px;
	float: right;
	font-size:14px;
	margin-bottom:10px;
}

div.footer_datos_der p.stats {
	font-size:18px;
	font-weight:bold;
	margin:4px 0 0 0;
	padding:0;
}


/* ----------------------------------------------------------------------------------------------------- */
/*-------------------------------------------- LIGHTBOX -------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------- */

div.overlay{ 
	position: fixed;
	top:0;
	left:0;
	z-index: 90;
	width: 100%;
	height:100%;
	background:#3f3f3f;
	filter: alpha(opacity=80);
	opacity:0.8;
}

div.lightbox{
	background:#ffffff;
	position: absolute;
	width: 800px;
	padding: 8px;
	margin:0 auto 0 auto;
	z-index: 100;
	border:5px solid #3f3f3f;
	-moz-border-radius:15px;
	top:80px;
}

div.lightbox p.title {
	float:left;
	font-size:25px;
	margin:10px 20px 10px 10px;
	font-weight: bold;
	padding:0;
	color:#ffffff;
	display:inline;
}

div.cont-menu-playlist{
	background:#3E3E3E;
	float:left;
	width:100%;
	clear: both;
	margin-bottom:10px;
}

div.cont-menu-playlist select{
	float:left;
	background:#ffffff;
	color:#383838;
	font-size:20px;
	border:0;
	padding:3px;
	margin:9px 20px 0 9px;
	width:205px;
}

div.cont-menu-playlist option{
	border:none;
}

#now_playing_loader{
	float: right; 
	margin: 10px 70px 0pt 0pt;
}

/* FOOTER WEB AMIGAS */

div.cont-footer-webamigas{
	clear:both;
	width:960px;
	text-align:left;
	margin:10px auto 10px auto;

}

div.cont-footer-webamigas ul{
	margin:6px 0 10px 0;
	padding:0 0 10px 0;
	float:left;
	border-bottom: 1px solid #4d4d4d;
}

div.cont-footer-webamigas li{
	float:left;
	width: 315px;
	list-style-position:inside;
	list-style-type: square;
	color:#5f5f5f;
}

div.cont-footer-webamigas a{
	text-decoration:none;
	color:#bcbcbc;
}

div.cont-footer-webamigas a:hover{
	text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------- */
/*-------------------------------------------- MISC -----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------- */
div.letras_lyric {	
	float: left;	
	position: relative;
	border: 2px solid #b2b2b1;
	background: #243e48 url(/images/letras_com_py_lyrics/letras_lyric_bg.gif) repeat-x top left scroll;	
	height: 64px;
	width: 563px;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
}
div.letras_lyric div.letras_link {
	float: left;
	padding: 15px 15px 0 15px;
	width: 378px;
}
div.letras_lyric div.letras_link a:link, div.letras_lyric div.letras_link a:active, div.letras_lyric div.letras_link a:visited, div.letras_lyric div.letras_link a:hover {
	color: #7dccf9;
	text-decoration: underline;
}
div.letras_lyric a.letras_logo {
	display: block;
	float: right;
	width: 151px;
	height: 64px;
	text-decoration: none;
	background: #243e48 url(/images/letras_com_py_lyrics/letras_com_py_logo.gif) no-repeat top left scroll;
}