@charset "utf-8";
<!--

body {
	background-color: #000000;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif, Arial Narrow;
	font-size: 11px;
}

div#global {
	width: 406px;
}

div#infos {
	width: 406px;
	height:240px;
	position:relative;
	background:url(../img/bg_infos.jpg) repeat-x top;
}

div#player {
	width: 406px;
	height:57px;
	position:relative;
	background:url(../img/bg_player.jpg) repeat-x top;
}

div#infos div#album {
	width: 162px;
	height:163px;
	position:absolute;
	top:11px;
	left:0;
	background:url(../img/bg_album.jpg) no-repeat center;
}

/* musica */
img.musica-esq { position:absolute; top:20px; left:162px;}
img.musica-dir { position:absolute; top:20px; right:0;}
div.musica { position:absolute; top:20px; left:171px; width:210px; height: 44px; background:url(../img/artista_bg.jpg) repeat-x top;}

/* artista */
img.artista-esq { position:absolute; top:70px; left:162px;}
img.artista-dir { position:absolute; top:70px; right:0;}
div.artista { position:absolute; top:70px; left:171px; width:210px; height: 44px; background:url(../img/artista_bg.jpg) repeat-x top;}
img.img-album { position:absolute; top:17px; left:16px;; z-index:10 }


/* compositor */
img.compositor-esq { position:absolute; top:120px; left:162px;}
img.compositor-dir { position:absolute; top:120px; right:0;}
div.compositor { position:absolute; top:120px; left:171px; width:210px; height: 44px; background:url(../img/artista_bg.jpg) repeat-x top;}

/* produtor */
img.produtor-esq { position:absolute; top:170px; left:162px;}
img.produtor-dir { position:absolute; top:170px; right:0;}
div.produtor { position:absolute; top:170px; left:171px; width:210px; height: 44px; background:url(../img/artista_bg.jpg) repeat-x top;}

/* album */
img.album-esq { position:absolute; top:174px; left:7px;}
img.album-dir { position:absolute; top:174px; left:130px;}
div.album { position:absolute; top:174px; left:31px; width:99px; height: 59px; background:url(../img/album-bg.gif) repeat-x top;}

div.album-info { position:absolute; top:170px; left:10px; width:141px; height: 63px; z-index:5;}

div#infos div#letra {
	width: 406px;
	height:178px;
	position:absolute;
	top:0;
	left:0;
	overflow:auto;
	background:#000 url(../img/bg_infos.jpg) fixed repeat-x top;
	z-index:99;
	color:#FFFFFF
}


h1 {padding:0; margin:0; font:10px tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFFFFF; position:absolute; top:10px}
h2 {padding:0; margin:0; font:bold 10px tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFFF00; position:absolute; top:26px}

/* Icones */
.icone-site {position:absolute; top:75px; right:1px; z-index:10}
.icone-historia {position:absolute; top:95px; right:1px; z-index:10}
.icone-compra {position:absolute; top:6px; left:128px; z-index:10}
.icone-letra {position:absolute; top:24px; right:3px; z-index:10}

/* PLAYER */

div#player a.play { position:absolute; top:3px; left:17px; width:59px; height:53px; background:url(../img/play-off.jpg) no-repeat;}
div#player a:hover.play {  background:url(../img/play-on.jpg) no-repeat;}

div#player a.stop { position:absolute; top:3px; left:76px; width:59px; height:53px; background:url(../img/stop-off.jpg) no-repeat;}
div#player a:hover.stop {  background:url(../img/stop-on.jpg) no-repeat;}

div#player a.vol-menos { position:absolute; top:11px; left:134px; width:37px; height:35px; background:url(../img/vol-mais.jpg) no-repeat;}
div#player a:hover.vol-menos {  background:url(../img/vol-mais-on.jpg) no-repeat;}

div#player a.vol-mais { position:absolute; top:11px; left:171px; width:37px; height:35px; background:url(../img/vol-menos.jpg) no-repeat;}
div#player a:hover.vol-mais {  background:url(../img/vol-menos-on.jpg) no-repeat;}
-->