@charset "utf-8";
/* CSS Document */
/*Estilos padrão*/
body{
	padding:0px;
	margin:0px 0px 20px 0;
	font:normal 12px "Arial";
	color:#999;
	background:#000;
}
form{
	padding:0px;
	margin:0px;
}
h1{
	font:bold 20px Arial;
	color:#FFF;
	margin:0px;
}
h1 span{
	font:normal 10px Arial;
	color:#333;
	vertical-align:middle;
}
h2{
	margin:0px;
	font:bold 15px Arial;
}
a{
	color:#DDDDDD;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
span.new{
	color:#FF0000;
}
input.txtBuscar{
	padding:5px;
	border:1px solid #CCC;
	width:363px;
	font:normal 13px "Trebuchet MS";
	vertical-align:middle;
}
input.txtBuscarMenor{
	padding:2px;
	border:1px solid #CCC;
	width:200px;
	font:normal 11px "Trebuchet MS";
	vertical-align:middle;
}
input.yourname{
	padding:2px;
	border:1px solid #CCC;
	width:200px;
	font:normal 11px "Trebuchet MS";
	vertical-align:middle;
}
input.emailfriend{
	padding:2px;
	border:1px solid #CCC;
	width:200px;
	font:normal 11px "Trebuchet MS";
	vertical-align:middle;
}

input.selected{
	padding:4px;
	border:2px solid #003399;	
}

h1.msgErro{
	color:#990000;
}
#msgErro{
	background:#0D0D0D;
	width:444px;
	margin:0px auto 0px auto;
	clear:both;
	padding:5px;
	border-top:1px solid #333;	
}

#artist input.selected{
	padding:1px;
	border:2px solid #003399;	
}

input.btnBuscaMaior{
	padding:4px;
	font:normal 13px "Trebuchet MS";
	border:0px;
	background:#003399;	
	vertical-align:middle;
}
input.btnBuscaMenor{
	padding:2px;
	font:normal 11px "Trebuchet MS";
	border:0px;
	background:#003399;	
	vertical-align:middle;
}

#geral{
	 width:700px;
	 margin:0 auto 0 auto;	
}

#rodape{
	width:444px;
	margin:20px auto 0 auto;
	text-align:center;
	float:left;
	border-top:1px solid #333;
}
#navegacao{
	border-bottom:1px solid #333;
	float:left;
	width:700px;
}
#navegacao ul{
	padding:5px 0px;
	margin:0px;
	float:left;
}
#navegacao ul li{
	display:inline;
	list-style:none;
	padding:3px;
}
#navegacao a.voltar{
	float:right;
	padding:4px 0px;
}

#artist #rodape, #musics #rodape, #relacionados #rodape, #shopping #rodape{
	border-top:1px solid #333;
	float:left;
	width:700px;
	text-align:center;
}
#artist #rodape ul, #musics #rodape ul, #relacionados #rodape ul, #shopping #rodape ul, #home #rodape ul{
	padding:5px 0px;
	margin:0px;
	float:left;
}
#artist #rodape ul li, #musics #rodape ul li, #relacionados #rodape ul li, #shopping #rodape ul li, #home #rodape ul li{
	display:inline;
	list-style:none;
	padding:2px;
}
#artist #rodape ul li img, #musics #rodape ul li img, #relacionados #rodape ul li img, #shopping #rodape ul li img, #home #rodape ul li img{
	vertical-align:middle;
}

/*Estilos da HOME*/
#home #geral{
	text-align:center;
	margin-top:20px;
}

#home #mostPopular{
	background:#0D0D0D;
	width:444px;
	margin:0px auto 0px auto;
	clear:both;
	height:265px;
	padding:5px;
	border-top:1px solid #333;
}
#home #mostPopular div{
	list-style:none;
	padding:5px;
	float:left;
	width:207px;
	text-align:left;
}
#home #mostPopular img{
	float:left;
	border:3px solid #212121;
	margin-right:5px;
}

#home #msgNews{
	background:#0D0D0D;
	width:444px;
	margin:0px auto 0px auto;
	clear:both;
	padding:5px;
	border-top:1px solid #333;
}

#home h1{
	margin:20px auto 0 auto;
	width:454px;
	text-align:left;
}

#home #flags{
	border-top:1px solid #333;
	background:#0D0D0D;
	width:444px;
	padding:5px;
	clear:both;
	margin:0 auto;
	text-align:left;
}
#home h1 a{
	vertical-align:middle;
	cursor:pointer;
}
#home #flags a{
	vertical-align:middle;
	cursor:pointer;
}
#home #rodape{
	border-top:1px solid #333;
	width:444px;
	clear:both;
	margin:20px auto 0 auto;
	text-align:left;
	float:none;	
}

/*Estilos da ARTISTA*/
#artist #topo, #musics #topo, #relacionados #topo, #shopping #topo{
	border-bottom:1px solid #333;
	height:45px;
	clear:both;
	padding:10px 0 0 0;
}
#artist #topo img, #musics #topo img, #relacionados #topo img, #shopping #topo img{
	float:left;
}
#artist #topo input, #musics #topo input, #relacionados #topo input, #shopping #topo input{
	float:right;
	margin-top:7px;
}
#artist #artista{
	width:399px;
	height:200px;
	padding:10px 0 0 0;
	float:left;
}
#artist #artista img{
	border:3px solid #333;
	float:left;
	margin:0 5px 0 0;
}
#artist #artista h1{
	margin:0px;
	padding:0px;
}
#artist #artista div, #artist #artista label{
	margin:5px 0 0 0;
}
#artist #artista div .btnBuscaMenor{
	margin:2px 0 0 0;
}

#artist #topmusics{
	width:296px;
	min-height:200px;
	padding:10px 0 0 5px;
	float:left;
}
#artist #topmusics ul{
	padding:0px;
	margin:0px;
}
#artist #topmusics ul li{
	list-style:none;
}

#artist h1.topalbuns, #artist h1.imagefans, #artist h1.videos, #artist h1.shopping, #artist h1.forget, #artist h1.artistsRel{
	width:600px;
	margin:10px 0 0 0;
	float:left;
}
#artist div.more{
	margin:13px 2px 0 0;
	padding:3px;
	
	border-bottom:0px;
	float:right;
}
#artist #topalbuns{
	width:694px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:3px;
	margin:0 0 5px 0;
}
#artist #topalbuns div{
	margin:6px;
	float:left;
}
#artist #topalbuns div img{
	float:left;
	margin-right:5px;
	border:3px solid #333;
	width:115px;
}

#artist #imagefans{
	width:694px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:3px;
	margin:0 0 5px 0;	
}
#artist #imagefans img{
	float:left;
	margin:1px;
	border:0px;
}

#artist #videos{
	width:688px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:5px;
	margin:0 0 5px 0;	
}
#artist #videos div{
	width:140px;
	text-align:center;
	margin:5px 12px;
	float:left;
}
#artist #videos div div{	
	border:1px solid #333;
	float:left;
	padding:1px;
	width:132px;
}
#artist #videos div a{
	font-size:10px;
}
#artist #videos div img{
	border:1px solid #222;
	padding:11px 15px;
	margin:0 auto;	
}
#artist #shopping{
	width:688px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:5px;
	margin:0 0 5px 0;	
}

#artist #shopping ul{
	padding:0px;
	margin:0px;
}
#artist #shopping ul li{
	list-style:none;
	float:left;
	padding:5px;
	width:122px;
	height:220px;
	text-align:center;
	margin:2px;
}
#artist #shopping ul li img{
	border:3px solid #333;
}
#artist #shopping ul li span.price{
	color:#CC0000;
}
#artist #shopping ul li a img{
	border:0px;
	margin-top:5px;
}	
#artist #forget{
	width:688px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:5px;
	margin:0 0 5px 0;
}
#artist #forget ul{
	padding:0px;
	margin:0px;
}
#artist #forget ul li{
	list-style:none;
	float:left;
	padding:5px;
	text-align:center;
	margin:2px;
}

#artist #images{
	width:700px;
	float:left;
	margin:0 0 5px 0;
}
#artist #images a{
	border:0px;
}
#artist #images img{
	float:left;
	margin:1px;
	border:0px;
}

#artist #artistsRel{
	width:688px;
	border-top:1px solid #999;
	background:#0D0D0D;
	float:left;
	padding:5px;
	margin:0 0 5px 0;	
}

/*Styles of MUSICS*/
#musics #artista{
	width:695px;
	padding:10px 0 0 0;
	margin:0 0 20px 0;
	float:left;
}
#musics #artista div{
	border:3px solid #333;
	float:left;
	margin:0 5px 0 0;
}
#musics #artista h1{
	margin:0px;
	padding:0px;
}

#musics #videos{
	width:690px;
	border-top:1px solid #999;
	background:#0D0D0D;
	padding:5px;
	clear:both;
	float:left;
}
#musics #videos div{
	width:311px;
	padding:2px;
	margin:5px 5px 10px 5px;
	float:left;
}
#musics #videos div div{	
	border:1px solid #333;
	float:left;
	padding:1px;
	width:132px;
}
#musics #videos div div img{
	float:left;
	margin-right:5px;
	border:1px solid #222;
	width:130px;
	height:97px;
}

/*Styles of RELACIONADOS*/
#relacionados div.resultados{
	width:700px;
	float:left;
}
#relacionados div.resultados ul < div{
	float:left;
}
#relacionados div.resultados ul{
	padding:0px;
	margin:0px 0px 10px 0;
}
#relacionados div.resultados ul li{
	float:left;
	text-align:center;
	list-style:none;
	padding:8px;
}
#relacionados div.resultados td img{
	border:3px solid #333;
}

/*Styles of SHOPPING*/
#shopping div.categorias{
	width:180px;	
	border-bottom:0px;	
	margin:0 0 5px 0;
	float:left;
}
#shopping div.categorias ul{
	padding:0px;
	margin:0px;
}
#shopping div.categorias ul li{
	list-style:none;
	padding:5px;
	border-bottom:1px solid #333;
	background:#0D0D0D;
}
#shopping div.categorias ul li.menu{
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	background:#000;
	padding:0px 5px 0px 5px;
}
#shopping h1.shopping{
	font-size:24px;
	margin:10px 0px;
}
#shopping img.banner700x100{
	margin:4px 0px 10px 0px;
}
#shopping #conteudo{
	float:left;
	width:495px;
	margin-left:10px;
}
#shopping #amazon, #shopping #ebay, #shopping #submarino, #shopping #americanas, #shopping #mercadolivre{
	width:495px;
	border-top:1px solid #999;
	background:#0D0D0D;
	padding:5px;
	clear:both;
	float:left;
	margin-bottom:10px;
}
#shopping #conteudo ul{
	padding:0px;
	margin:0px;
}
#shopping #conteudo ul li{
	list-style:none;
	float:left;
	padding:15px;
	width:122px;
	height:200px;
	text-align:center;
	margin:2px;
}
#shopping #conteudo ul li img{
	border:3px solid #333;
}
#shopping #conteudo ul li span.price{
	color:#CC0000;
}
#shopping #conteudo ul li a img{
	border:0px;
	margin-top:5px;
}