/*GENERALES Y MARGENES*/
.menu-lateral {
	width:155px;
	height:auto;
	min-height:350px;
}
.menu-lateral ul {
	margin:0;
	padding:0;
}
.menu-borde-round {
	width:155px;
	height:14px;
	float:left;
}
.menu-cuerpo-fondo {
	width:155px;
	min-height:300px;
	height:auto;
	background:url(i/menu/menu-cuerpo-fondo.png) repeat-y 0 0;
	float:left;
}

.menu-lateral ul#lista {
	height:90px;
}

.menu-lateral ul#favoritos {
	height:80px;
}

.menu-lateral ul#amigos {
	height:80px;
}
/*NIVELES - ENLACES, ULs Y LIs*/
.bot-nivel-1 {
	margin:auto auto 5px 10px;
	padding:0 0 0 7px;
	width:128px;
	height:23px;
	background:url(i/menu/bot-ml-nivel-1.gif);
	background-position:0px 0px;
	cursor:pointer;
	float:left;
}
.bot-nivel-1 a {
	color:#000;
}
.bot-nivel-1:hover a {
	background-position:-136px 0px;
	color:#38a9fa;
	text-decoration:none;
}
.bot-nivel-1:hover {
	background-position:-136px 0px;
	color:#38a9fa;
	text-decoration:none;
}
.bot-nivel-1 ul li {
	margin:0;
	padding:0;
	padding:0.5em 0 0.1em 1.5em;
}

.bot-nivel-2 {
	margin:0;
	padding:0;
	height:auto;
	float:left;
	width: 100%;
}
.bot-nivel-2 ul {
	margin:0;
	padding:0;
	float:left;
	height:90px;
	overflow:hidden;
}
.bot-nivel-2 ul li {
	margin:0;
	padding:0;
	float:left;
	cursor:pointer;
	font-weight:700;
	font-size:1em;
	color:#38a9fa;
}

/*ICONOS NIVEL 1*/
.ico-lista {
	background:url(i/menu/bot-ml-nivel-1-plus.gif) no-repeat 0 6px;
	font-weight:700;
	color:#000;
}
.ico-fav {
	background:url(i/menu/bot-ml-nivel-1-fav.gif) no-repeat 0 6px;
	font-weight:700;
	color:#000;
}
.ico-frie {
	background:url(i/menu/bot-ml-nivel-1-frie.gif) no-repeat 0 6px;
	font-weight:700;
	color:#000;
}
.ico-hist {
	background:url(i/menu/bot-ml-nivel-1-hist.gif) no-repeat scroll 0 6px transparent;
	font-weight:700;
	color:#000;
	padding:0.4em 0 0 1.5em;
	float:left;
}


/* NIVEL 2 ICONOS*/
.bot-nivel-2 .bot-nivel-2-already-played {
	margin:auto auto 5px auto;
	width:119px;
	height:17px;
	background:url(i/menu/menu-lateral-icons.png);
	background-position:0px 0px;
	line-height:1.4em;
	margin:0 0 0 10px;
	padding:1px 0 0 18px;
	color:#949393;
}
.bot-nivel-2 .bot-nivel-2-partially-played {
	margin:auto auto 5px auto;
	width:119px;
	height:17px;
	background:url(i/menu/menu-lateral-icons.png);
	background-position:0px -18px;
	line-height:1.4em;
	margin:0 0 0 10px;
	padding:1px 0 0 18px;
	color:#949393;
}
.bot-nivel-2 .bot-nivel-2-playing {
	margin:auto auto 5px auto;
	width:119px;
	height:17px;
	background:url(i/menu/menu-lateral-icons.png);
	background-position:-138px -18px;
	line-height:1.4em;
	margin:0 0 0 10px;
	padding:1px 0 0 18px;
	color:#949393;
}
.bot-nivel-2 .bot-nivel-2-playing a {
	color:#fff;
}
.bot-nivel-2 .bot-nivel-2-not-played {
	margin:auto auto 5px auto;
	width:119px;
	height:17px;
	background:url(i/menu/menu-lateral-icons.png);
	background-position:0px -36px;
	line-height:1.4em;
	margin:0 0 0 10px;
	padding:1px 0 0 18px;
	color:#949393;
}

/*OVERS*/
.bot-nivel-2 ul#favoritos li {
	margin:auto auto 5px auto;
	width:140px;
	height:11px;
	font-size:1em;
	font-weight:700;
	color:#949393;
}

.bot-nivel-2 ul#favoritos li .texto {
	margin:auto auto 5px auto;
	width:128px; /*PARA FASE 2 width:100px;*/
	height:17px;
	padding:1px 0 0 15px;
	float:left;
	white-space:nowrap;
	overflow:hidden;
}
.bot-nivel-2 ul#favoritos li .texto a {
	color:#949393;
}
.bot-nivel-2 ul#favoritos li:hover a {
	color:#38a9fa;
	text-decoration:underline;
}
.bot-nivel-2 ul#amigos li {
	margin:0 0 5px 7px;
	width:140px;
	height:11px;
	font-size:1em;
	font-weight:700;
	color:#949393;
}
.bot-nivel-2 ul#amigos li a {
	color:#949393;
}
.bot-nivel-2 ul#amigos li:hover a {
	text-decoration:underline;
}

.bot-nivel-2 .bot-nivel-2-fav-number {
	float:right;
	width:20px;
	height:12px;
	background-color:#bfbfbf;
	margin:3px 0;
	text-align:center;
	line-height:1.2em;
	.line-height:1.2em;
	background:url(i/menu/menu-lateral-icons.png) no-repeat scroll 0 -54px transparent;
}
.bot-nivel-2 .avatar {
	float:left;
	margin:0 7px 0;
}
.bot-nivel-2 .bot-nivel-2-not-played:hover, .bot-nivel-2 .bot-nivel-2-partially-played:hover, .bot-nivel-2 .bot-nivel-2-already-played:hover {
	background:url(i/menu/menu-lateral-icons.png);
	background-position:-138px -18px;
	color:#fff;
}

.bot-nivel-2 .bot-nivel-2-not-played:hover a, .bot-nivel-2 .bot-nivel-2-partially-played:hover a, .bot-nivel-2 .bot-nivel-2-already-played:hover a {
	color:#fff;
}


/*BOTON MAS*/
.bot-nivel-2 .mas {
	margin:auto auto 5px auto;
	width:119px;
	height:14px;
	line-height:1.4em;
	margin:0;
	padding:2px 0 3px 15px;
	font-size:1em;
	color:#38a9fa;
	font-weight:700;
	cursor:pointer;
}
.bot-nivel-2 .mas a {
	color:#38a9fa;
}
.bot-nivel-2 .mas a:hover {
	text-decoration:underline;
}


/******************NUEVA ESTRUCTURA DE MENU LATERAL***********************/
/*************************************************************************/
/*estructura*/
.menu_lateral {position:relative;width:100%;background:url('i/menu/menu-cuerpo-fondo.png') repeat-y;z-index:0;float:left;}
.menu_lateral .mark {padding:1.2em 1em 1.8em 1em;}
.menu_lateral .side {width:100%;height:1.4em;left:0;z-index:9;background-repeat:no-repeat;background-image:url('i/menu/borde_round.png');}
	.menu_lateral .topp {top:0;		background-position:left top;}
	.menu_lateral .bott {bottom:0;background-position:left bottom;}
.menu_lateral dl {margin:1em 0 0 0;}
.menu_lateral .myfavo,.menu_lateral dd {margin:0;}
.menu_lateral a {display:block;}
/*enlaces 'mas'*/
.menu_lateral a {font-size:120%;padding:0.66em;font-weight:bold;width:100%;}
.menu_lateral dl a {font-size:100%;padding:0;font-weight:normal;width:auto;}
/*secciones de la lista*/
.menu_lateral dt {background:url('i/menu/bot-ml-nivel-1.gif') no-repeat;height:2.4em;margin:0 0 0.5em 0;width:13.6em;display:block;}
.menu_lateral dt:hover {background-position:-13.6em 0;}
	.menu_lateral dt a {color:#444;padding:0 0 0 2.2em;line-height:2.4em;background-repeat:no-repeat;background-position:0.6em 50%;font-weight:bold;}
	.menu_lateral dt a:hover {text-decoration:none;}
	/*ajustes doble línea*/
	/*.myhist dt {height:3.3em;background-position:left -2.6em;}
	.myhist dt:hover {background-position:-13.6em -2.6em;}
	.myhist dt a {line-height:110%;padding:0.5em 0 0.5em 2.4em;}*/
	/*iconitos secciones*/
	.mylist dt a {background-image:url('i/menu/bot-ml-nivel-1-plus.gif');}
	.myfavo dt a {background-image:url('i/menu/bot-ml-nivel-1-fav.gif');}
	.myhist dt a {background-image:url('i/menu/bot-ml-nivel-1-hist.gif');}
/*items de la lista*/
.menu_lateral dd {display:block;height:auto;width:95%;border-bottom:1px dotted #eee;}
.menu_lateral dd a {display:block;position:relative;padding:0.2em 0 0.2em 0.8em;}
.menu_lateral dd a span {cursor:pointer;display:block;width:90%;padding:0.25em 0;font-size:120%;font-family:arial,helvetica,sans-serif;line-height:116.67%;}
.menu_lateral dd a:hover {color:#000;text-decoration:none;}
.menu_lateral dd:hover {background:url('i/menu/bkg_item.gif') repeat-x left bottom;}

	/*iconitos estado*/
	.menu_lateral .mylist dd a {background-repeat:no-repeat;background-position:3px 5px;}
	.menu_lateral .mylist dd a {padding-left:1.8em;}
	.menu_lateral .mylist .playing a {background-image:url('i/menu/dot_playing.png');color:#000;}
	.menu_lateral .mylist .partially-played a {background-image:url('i/menu/dot_halfplayed.png');}
	.menu_lateral .mylist .not-played a {background-image:url('i/menu/dot_notplayed.png');}
	.menu_lateral .mylist .yet-played a {background-image:url('i/menu/dot_yetplayed.png');}
	/*.menu_lateral .mylist dd:hover {background-position:right -1.8em;}*/
	.menu_lateral .playing a,.menu_lateral .mylist dd:hover a {}
	.menu_lateral .partially-played {}
	.menu_lateral .not-played  {}   
	
	
	/*iconito 'borrar'*/
	.menu_lateral dd a img {width:14px;height:14px;position:absolute;right:-0.1em;top:0.5em;}
	.menu_lateral dd a:hover img {background:url('i/iconos/icoDelete.png') no-repeat left bottom;}
	.menu_lateral dd a img:hover {background-position:left top;}


	/*leyendas iniciales*/
	.menu_lateral .legend {cursor:default;}
	.menu_lateral .legend:hover {background:none;}
	.menu_lateral .legend span {font-size:120%;line-height:150%;padding:0 6%;margin:0 0 1em 0;width:88%;display:block;color:#444;}
	.menu_lateral .legend img {width:18px;height:18px;background:yellow;position:relative;bottom:-5px;margin:-3px 0 0 2px;cursor:help;}
	/*ajax-loading*/
	.menu_lateral .ajax-loading {background-position:50% 5em;}
	.menu_lateral .ajax-loading span {height:6.667em;padding:0.334em 0;width:100%;}

		/*iconos*/
		.myfavo .legend img {background:url('i/iconos/ico_aFavoritos.png') no-repeat;}
		.mylist .legend img {background:url('i/iconos/ico-aniadir.png') no-repeat;}