html, body {height:100%;} /**/
body {
	margin:0; 
	padding:0;
	background:#FFF;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo { 
	width:100%; /*1200px*/
	position:relative;  /*Contexto de posicionamento */
	background:#eee url(bg-auxiliar.gif) repeat-y right;
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	/*border:dotted #999;*/
	border-width:0 1px;
	}
 * html #tudo {height: 100%;}/**/
#conteudo {
	padding-bottom:250px;
	width:100%; /*1200px*/
	margin:0 auto;
	background:#fff;
	}/**/

/*#################### TOPO - FULL ####################*/

#topo {
	background:#fff;
	max-width:1200px;
	width: 100%;
	height:130px;
	text-align:left;
	padding-top:0px;
	margin:0 auto;
	}
#topo img{
	height:110px;
	width:170px;
	padding:0px;
	margin:10px 10px 10px 50px;
	}

/*#################### ADSENSE - FULL ####################*/

#banner-topo {
	margin-top: -125px;
	margin-left:300px;
	width: 300px;
	float:left;
	background:#FFF;
	}
#adsense {
	position: relative;
	padding: 15px 30px 4px;
	width: 180px;
	background: #FFF;
	border-radius: 0px;
	}
#adsense:before {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	z-index: -1;
	border-radius: 0px;
	}

/*#################### PERFIL - FULL ####################*/

#perfil {
	height:1px;
	color:#038ec1;
	margin-top:0px;
	position:absolute;
	width:150px;
	margin-top:0px;
	float:right;
	margin-left:970px;
	z-index:1;
	}
#menu-perfil {
	max-width: 160px;
	min-width: 160px;
	width: 100%;
	min-height:100px;
	max-height:100px;
	margin-top: 60px;
	margin-bottom: 10px;
	position: absolute;
	display: none;
	left: 1040px;
    z-index: 10;
	float:right;
	}
#perfil-box{
	color:#9CF;
	float:left;
	padding:0px 0px 0px 0px;
	position:absolute;
	width:140px;
	height:1px;
	margin-left:0px;
	padding:10px;
	border-radius:0px;
	margin-top:-10px;
	z-index:1;
	}
#perfil-box img{
	width:52px;
	height:52px;
	border-radius: 100px;
	padding-top:0px;
	margin-left:160px;
	margin-top:4px;
	position:absolute;
	opacity:1;
	z-index:10;
	}
#perfil-box img:hover{
	width:52px;
	height:52px;
	border-radius: 100px;
	padding-top:0px;
	margin-left:160px;
	margin-top:4px;
	position:absolute;
	z-index:2;
	opacity:0.5;
	background:#FFF;
	}
#perfil-texto h1{
	font-size:13px;
	color:#fff;/*9CF*/
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:-6px;
	position:absolute;
	z-index:1;
	}
#perfil-texto h2{
	font-size:13px;
	color:#fff;/*9CF*/
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:12px;
	position:absolute;
	z-index:1;
	}

/*#################### MENU PERFIL  - FULL ####################*/

#menu-section {
	border-radius: 0px;
	background: #E1F1FF; /* here you can change the background color of the form */
	padding: 10px;
	margin:0 auto;
	border-left: 1px solid #038ec1;
	border-right: 1px solid #038ec1;
	border-bottom: 1px solid #038ec1;
	}
#menu-section li {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	}
div.menu-section-texto {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	}
.menu-section-item,
.menu-section-item:active,
.menu-section-item:visited {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}
.menu-section-sair,
.menu-section-sair:active,
.menu-section-sair:visited {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}

/*#################### TRIÂNGULO - FULL ####################*/

.seta-cima:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	}
.seta-baixo:before {
	content: "";
	position:absolute;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	left:216px;
	top: 52px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	}

/*#################### MENU SUPERIOR INICIAL DOS ARTISTAS - FULL ####################*/

#barra_inicial_artista {
	width: 100%; /*1200px*/ 
	height:30px;
	margin:0 auto;
	background:#1a4c6f;
	/*float: left;
	text-align:left;
	padding-left:0px;
	margin:0px 0px 5px 0px;*/
}
#topo_inicial_artista {
	background:#1a4c6f;
	width: 100%;  /*850px*/
	float: left;
	text-align:left;
	padding-left:0px;
	height:30px;
	margin:0px 0px 5px 0px;
	}
#topo_inicial_artista p {
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-left:80px;
	width:40%;
	padding-bottom:0px;
	}	
#topo_inicial_artista h1 {
	float:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666666;
	font-size:14px;
	font-weight:normal;
	margin-top:-33px;
	margin-left:284px;
	width:70%;
	padding-bottom:0px;
	padding-left:5px;
	}
.inicial_artista,
.inicial_artista:active,
.inicial_artista:visited {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	}
.inicial_artista:hover{
	font-weight:bold;
	}
#barra-busca {
	background:#1a4c6f;
	width: 26%; /*350px*/ 
	float: right;
	text-align:left;
	padding-left:0px;
	height:30px;
	margin:-35px 70px 5px 450px;
	}
.busca{
	color: #666;  
	text-align: left;
	cursor: pointer;
	display: block; 
	width: 326px; 
	margin:3px 0px 0px 20px;
	padding-left:8px;
	height:24px;
}

/*#################### PRINCIPAL - FULL ####################*/

#modelo-principal {
	width:1160px;
	padding-left:20px;
	float:left;
	padding-top:10px;
	text-align:justify;
	}

/*#################### HOME - FULL ####################*/

#home-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;*/
	margin:0 auto;
	}
#home-coluna1{
	width: 536px; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#home-coluna1 p {
	background:#cfdde4;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	width: 536px; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	height:20px;
	}
.home-img-coluna1 {
	max-width: 536px;
	padding:0px;
	margin-left:18px;
	margin-top:-10px;
	width:522px;
	/*height:348px;*/
	float:left;
	padding-bottom:7px;
	}
.home-img-coluna1 .legenda {
	width: 100%; /* 264px / 1128px */
	height:25px;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: -45px;
	margin-left:0px;
	background: rgba(0,0,0,0.3);
	}
.home-img-coluna1 .legenda h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	}
.home-img-coluna1 .legenda p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size: 13px;
	font-weight: normal;
	color: #0F0;
	}
#home-coluna2{
	width: 295px; 
	margin-left:28px;
	margin-top:0px;
	float:left;
	}
#home-coluna2 p {
	background:#cfdde4;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	width: 295px; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-left:0px;
	margin-top:2px;
	float:left;
	}
.home-coluna2-conteudo{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:290px;
	padding-bottom:0px;
	margin-top:2px;
	margin-left:10px;
	float:left;
	}			
.home-coluna2-conteudo h2{
	background:#FFF;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:13px;
	font-weight:normal;
	width:290px;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	/*border-bottom: 1px dotted #b096c6;*/
	border-right: 0px solid #09F;
	margin-top:-11px;
	margin-left:0px;
	float:left;
	height:34px;
	}			
.home-coluna2-conteudo h2:first-child{
	border-top: 0px solid #09F;
	}			
.home-coluna2-conteudo h2:last-child{
	border-bottom: 0px solid #09F;
	}			
.home-coluna2-conteudo-texto,
.home-coluna2-conteudo-texto:active,
.home-coluna2-conteudo-texto:visited{
	background:#FFF;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:86%;
	padding:0px;
	margin-top:-27px;
	margin-left:40px;
	text-decoration:none;
	float:left;
	}
.home-coluna2-box{
	background:#3793D0;
	width:31px;
	height:34px;
	padding:0px;
	float:left;
	margin:0px;
	}
.home-coluna2-box-texto{
	width:20px;
	height:34px;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding-top:1px;
	padding-left:5px;
	float:left;
	margin:0px;
	}
#home-coluna3{
	width: 295px; 
	margin-left:28px;
	margin-top:0px;
	float:left;
	}
#home-coluna3 p {
	background:#cfdde4;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	width: 295px; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	margin-left:0px;
	}
.home-coluna3-conteudo{
	background:#FFF;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:290px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	}
.home-coluna3-conteudo img{
	max-width: 70px;
	padding:0px;
	margin-left:20px;
	margin-top:3px;
	width:70px;
	height:70px;
	margin-bottom:10px;
	}
.home-coluna3-conteudo h2{
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:bold;
	width:70%;
	padding-bottom:20px;
	margin-top:-65px;
	margin-left:110px;
	float:left;
	}	
.texto-album:active, 
.texto-album:visited,
.texto-album:link {
	color:#666;
	text-decoration:none;
	}
.home-coluna3-conteudo h3{
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	margin-top:-45px;
	margin-left:110px;
	width:70%;
	text-align:left;
	}		
.texto-cantor:active, 
.texto-cantor:visited,
.texto-cantor:link {
	color:#666;
	text-decoration:none;
	}

/*#################### ARTISTA - FULL ####################*/

#artista-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*text-align:justify;*/
	/*float:left;*/
	margin:0 auto;
	}
#artista-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
}
#artista-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	padding-left:20px;
}
.artista-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:100%;
	padding-bottom:0px;
	margin-top:50px;
	margin-left:0px;
	float:left;
}			
.titulo{
	text-align:justify;;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:20px;
	font-weight:normal;
	width:95%;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 20px 25px;
	border-bottom: 1px dotted #b096c6;
}
.relacao{
	background:#bbb;
	width:25%;
	margin: 0px 0px 20px 0px;
	height:24px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	border: 0px 0px 0px 0px;
	border-color:#999;
	vertical-align:text-top;
	margin-left:6%;
}

.relacao p{
	background:#ddd;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:100%;
	margin: 0px 0px 0px 0px;
	height:22px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	text-align:center
}

.nenhum-artista{
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	width:100%;
}

.relacao-artista{
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	width:100%;
}
.relacao-artista:active,
.relacao-artista:visited,
.relacao-artista:link {
	color:#666;
}

/*#################### ARTISTA - MÚSICA - FULL ####################*/

.menu-artista 	
	{  
	background:#eee;
	color: #666666;
	font-family: Verdana; 
	font-size: 9pt; 
	font-weight: normal; 
	text-decoration: none;
	margin:0px -20px 0px 25px;
	padding-left:0px;
	width:178px;
	margin-top:0px;
	height:290px;
	float:left;
	}

.menu-artista-texto, 
.menu-artista-texto:active,
.menu-artista-texto:visited {  
	background:#eee;
	color: #666666;
	font-family: Verdana; 
	font-size: 9pt; 
	font-weight: normal; 
	text-decoration: none;
	padding-left:20px;
	padding-top:10px;
	width:158px;
	float:left;
}
	
.menu-artista-texto:hover
	{  
	font-weight: bold; 
	}

#artista-musica-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;
	text-align:justify;*/
	margin:0 auto;
	min-height:450px;
	}
#artista-musica-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
}
#artista-musica-coluna1 img {
	width:158px;
	height:100px;
	margin:10px 0px 0px 10px;	
}
#artista-musica-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
}
.nome-artista{
	background:#eee;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:158px;
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	height:62px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */}

.coluna2{
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:36%;
	height:20px;
	text-decoration:none;
	float:right;
	margin-left:50px;
	margin-top:2px;
	padding-left:0px;
	vertical-align:text-top;
}

.artista-titulo {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:79%;
	height:30px;
	text-decoration:none;
	float:left;
	margin-left:230px;
	margin-top:50px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
}

/* --- ARTISTA - MÚSICAS - FULL --- */

.musica-espaco {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:150px;
	height:30px;
	float:left;
	margin-left:280px;
}

.musicas-relacao {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:300px;
	height:20px;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 2px 1px 2px;
	}

.musicas-relacao img[name=playlist]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:370px; 
	}

.musicas-relacao img[name=letra]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:350px; 
	}

.musicas-relacao img[name=play]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:330px;
	}

.musicas-relacao a[name=play]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:330px;
	}

.musicas-relacao-texto {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;

}

a.musicas-relacao-texto{
	position:relative;
	}
a.musicas-relacao-texto:hover{
	background:transparent;
	color:#f00;
	z-index:25;
	}
a.musicas-relacao-texto span{
	display: none
	}
a.musicas-relacao-texto:hover span{
	display:block;
	position:absolute;
	width:150px;
	top:2em;
	right-align:justify;
	left:5em;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	padding:5px 10px;
	border:1px solid #999;
	background:#e0ffff;
	color:#000;

	}

/* --- ARTISTA - DISCOGRAFIA - FULL --- */

.discografia-espaco {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:100px;;
	height:100px;
	float:left;
	margin-left:300px;
	padding-left:50px;
}

.artista-discografia {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:100%;
	height:40px;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:0px;
	}

.artista-discografia img{
	max-width: 80px;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	width:80px;
	height:80px;
}

.artista-discografia-texto {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	}

.artista-discografia-album,
.artista-discografia-album:active,
.artista-discografia-album:visited {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	margin-top:20px;
	padding:0px;
	height:20px;
	width:300px;
	}

.artista-discografia-lancamento {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	margin-left:100px;
	margin-top:6px;
	padding:0px;
	width:200px;
	height:20px;
	}
	
/* --- ARTISTA - INFORMAÇÕES - FULL --- */
	
.artista-info {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:70%;
	height:100%;
	text-decoration:none;
	float:right;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:12px 24px 1px 20px;
	}

.artista-info-texto {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	}

.artista-info-texto:hover {
	text-decoration:none;
	}

/* --- ARTISTA - ÁLBUM - FULL --- */

.album-titulo {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:79%;
	height:30px;
	text-decoration:none;
	float:left;
	margin-left:230px;
	margin-top:50px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
}

.album-espaco {
	background:#000;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:100px;;
	height:0px;
	float:left;
	margin-left:230px;
	padding-left:50px;
	margin-top:50px;
}

#nome-musica {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#888;
	font-size:13px;
	font-weight:normal;
	margin-top:268px;
	margin-left:-600px;
	width:160px;
	float:right;
	background:#fff;
	text-align:center;
	}

progress {
	margin-top:250px;
	margin-left:-600px;
	color: #64C1FF;
	font-size: .6em;
	line-height: 1.5em;
	text-indent: .5em;
	width: 14.5em;
	height: 1.3em;
	border: 1px solid #0063a6;
	background: #fff;
}

#controle {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#888;
	font-size:13px;
	font-weight:normal;
	margin-top:230px;
	margin-left:-600px;
	width:160px;
	float:left;
	background:#fff;
	text-align:center;
	}

.album {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:160px;
	height:160px;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}

.album img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
}
	
.album-musicas {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	margin-left:510px;
	margin-top:6px;
	width:446px;
	height:20px;
	padding:0px;
	float:left;
	margin-top:0px;
	margin-bottom:1px;
	padding-top:0px;
	}

.album-musicas img[name=playlist]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:430px;
	}

.album-musicas img[name=letra]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:410px;
	}

.album-musicas img[id=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:390px;
	}

.album-musicas a[name=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:390px;
	}

.album-musicas-texto,
.album-musicas-texto:active,
.album-musicas-texto:visited {
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding:0px;
	margin-top:0px;
	height:20px;
	float:left;
	width:450px;
	}

.separador-musica {
	padding-top:0px;
	border-bottom: 1px dotted #b096c6;
	}

/* --- ARTISTA - LETRA - FULL --- */

.letra-titulo {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:79%;
	height:30px;
	text-decoration:none;
	float:left;
	margin-left:230px;
	margin-top:50px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
}
	
.letra-espaco {
	background:#000;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:18px;
	font-weight:bold;
	width:100px;;
	height:0px;
	float:left;
	margin-left:230px;
	padding-left:50px;
}

.letra {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:160px;
	height:160px;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}

.letra img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
}

.letra-album {
	background:#aaa;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	margin-left:-1px;
	width:152px;
	margin-bottom:20px;
	margin-top:14px;
	height:60px;
	display: flex;
	padding-left:5px;
	padding-right:5px;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	}

.letra-musicas {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	float:left;
	margin-left:600px;
	width:400px;
	margin-bottom:20px;
	}
	
/*#################### TOP - FULL ####################*/

#top-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;*/
	margin:0 auto;
	}
#top-coluna1{
	width:48.1%;
	margin-left:0px;
	margin-top:0px;
	display: inline-block;
	}
#top-coluna1 p {
	width: 100%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	background:#cfdde4;
	}
.top-coluna1-conteudo{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:95%;
	padding-bottom:0px;
	margin-top:5px;
	margin-left:40px;
	float:left;
	}			
.top-coluna1-conteudo h2{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:98%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	margin-top:-11px;
	margin-left:-20px;
	height:34px;
	float:left;
	}
.top-coluna1-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna1-conteudo-texto,
.top-coluna1-conteudo-texto:active,
.top-coluna1-conteudo-texto:visited{
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:50%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:20px;
	text-decoration:none;
	float:left;
	}		
#top-coluna2{
	width:48.1%;
	margin-left:0px;
	margin-right:18px;
	margin-top:0px;
	float:right;
	display: inline-block;
	}
#top-coluna2 p {
	width: 100%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	background:#cfdde4;
	}
.top-coluna2-conteudo{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:95%;
	padding-bottom:0px;
	margin-top:5px;
	margin-left:40px;
	float:left;
	}			
.top-coluna2-conteudo h2{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:98%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	/*border-bottom: 1px solid #F00;*/
	margin-top:-11px;
	margin-left:-20px;
	height:34px;
	float:left;
	}
.top-coluna2-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna2-conteudo-texto,
.top-coluna2-conteudo-texto:active,
.top-coluna2-conteudo-texto:visited{
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:50%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:20px;
	text-decoration:none;
	float:left;
	}	
.top-coluna2-box{
	background:#3793D0;
	width:31px;
	height:34px;
	padding:1px;
	float:left;
	margin-top:0px;
	}
.top-coluna2-box-texto{
	width:31px;
	height:33px;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding-top:1px;
	padding-left:0px;
	float:left;
	margin:0px;
	}

/*#################### NOTÍCIAS - FULL ####################*/

#noticia-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;*/
	margin:0 auto;
	}
#noticia-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:0px;
}
#noticia-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:2px;
}

.noticia-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:100%;
	padding-bottom:0px;
	margin-top:50px;
	margin-left:0px;
	float:left;
}			
.noticia-relacao {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:1100px;
	height:25px;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 2px 1px 2px;
	margin-bottom:2px;
	}

.noticia-separador {
	background:#fff;
	border-bottom: 1px dotted #b096c6;
	margin-top:4px;
	width:100%;
	margin-left:40px;
	}

.noticia-relacao img{
	margin-top:0px;
	margin-left:10px;
	position:absolute;
	}

.noticia-relacao-texto:active, 
.noticia-relacao-texto:visited {
	color:#666;
}

.noticia-relacao-texto {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1100px;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	margin-left:40px;
	}

.noticia-relacao-ler {
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1100px;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:50px;
}

.noticia-relacao-ler .link {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

.noticia-relacao-ler .link:hover {
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}

.noticia-voltar {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:0px;
	}

.noticia-voltar-texto {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:-40px;
}

.noticia-voltar-texto:active,
.noticia-voltar-texto:visited,
.noticia-voltar-texto:link {
	color:#666;
	font-weight:bold;
}
	
.separa-noticia-comentario {
	background:#2770DC;
	width:800px;
	padding-bottom:23px;
	margin-left:200px;
	height:5px;
	}
	
.separa-noticia-comentario-texto {
	width:800px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	padding-bottom:20px;
	margin-left:10px;
	height:5px;
	text-align:left;
	}

.deixe-seu-comentario {
	width:800px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
	margin-left:200px;
	height:5px;
	text-align:center;
	}
	
.comentario-nao-logado {
	width:800px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#666;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:40px;
	margin-left:200px;
	height:5px;
	text-align:center;
	}

.comentario-zerado {
	width:600px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:15px;
	margin-left:300px;
	height:10px;
	text-align:center;
	background:#FEC236;  /*#BDD73C*/
	margin-bottom:20px;
	}

.comentario-usuario {
	width:585px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:300px;
	height:20px;
	text-align:left;
	background:#FEC236;
	margin-bottom:0px;
	}

.comentario-relacao {
	width:583px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:300px;
	height:100%;
	text-align:left;
	background:#fff;
	margin-bottom:10px;
	border: 1px solid #FEC236;
	}
	
/*#################### PAGINAÇÃO -FULL ####################*/

.box-paginacao {
	width:1200px;
	background:#FFF;
	margin-left:0px;
	float:left;
	height:30px;
	text-align:center;
	padding-top:6px;
	padding-bottom:5px;
}

.paginacao a{color:#333; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}
.paginacao a:hover{background:#333; color:#fff;}
.paginacao a.atual{font-weight:bold; background:#fff; color:#333; border:0; border-bottom:1px solid #ccc; font-size:1.2em;}

/*#################### CADASTRO - FULL ####################*/

#cadastro-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	text-align:justify;
	/*float:left;*/
	margin:0 auto;
	}

#cadastro-coluna1{
	width: 1200px; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
}
#cadastro-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
}
.cadastro-coluna1-conteudo{
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:1160px;
	padding-bottom:0px;
	margin-top:40px;
	height:200px;
	margin-left:20px;
	float:left;
	}
#cadastro-principal h1 {
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:20px;
	margin-top:10px;
	background:#FFF;
}
.cadastro-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.cadastro-envio-sucesso-obs {
	font-weight:normal;
	}
.cadastro-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
	
/*#################### CONTATO - FULL ####################*/
	
#contato-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;*/
	margin:0 auto;
	}
#contato-coluna1{
	width: 1200px; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#contato-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.contato-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:1160px;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	height:200px;
	}
.contato-coluna1-conteudo h1{
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:20px;
	margin-top:10px;
	}
.contato-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.contato-envio-sucesso-obs {
	font-weight:normal;
	}
.contato-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:1200px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.pagina-nao-encontrada {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:1200px;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:60px;
	margin-left:-25px;
	}

/*#################### MEUS DADOS - FULL ####################*/
	
#meusdados-principal {
	width:1200px;
	padding-left:0px;
	padding-top:0px;
	/*float:left;*/
	margin:0 auto;
	}
#meusdados-coluna1{
	width: 1200px; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#meusdados-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.meusdados-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:1160px;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	height:700px;
	}
.meusdados-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}

/*#################### RODAPÉ - FULL ####################*/

#rodape {
	background:#038ec1;
	width:100%; /*1200px*/
	height:250px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	margin:0 auto;
	}
#rodape-box {
	width:1200px; 
	/*position: absolute;*/
	margin:0 auto;
	background:#0FF;
	}
#rodape-coluna1{
	width: 450px; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna1 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 400px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	margin-left:40px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna1-menu a:link,
#rodape-coluna1-menu a:visited,
#rodape-coluna1-menu a:active {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:normal;
	width: 400px; 
	padding: 10px 0px 10px 48px;
	height:20px;
	margin-top:-20px;
	float:left;
	text-align:left;
	word-spacing:20px;
	text-decoration:none;
	}
#rodape-coluna1-menu a:hover {
	text-decoration:underline;
}
#rodape-coluna2{
	width: 300px; 
	margin-left:40px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna2 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 300px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna2 img {
	height:40px;
	float: left;
	padding-right:10px;
	margin-top:0px;
	text-align:left;
	margin-left:10px;
}
#rodape-coluna3{
	width: 400px; 
	margin-left:0px;
	margin-top:27px;
	float:left;
	}

/*#################### COPYRIGHT - FULL ####################*/

#copyright {
	background:#fff;
	width:100%; /*1200px*/
	height:40px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	}
#copyright p {
	margin:0;
	font-weight:normal;
	color:#333;
	margin-top:12px;
	}

.clear {
	clear:both;
	}

/* ==========================================================================
RESPONSIVE
MEDIA QUERIES
========================================================================== */

/* IPAD */

@media only screen and (max-width: 768px) {

#tudo { 
	width:100%;
	}
#conteudo {
	padding-bottom:250px;
	}

/*#################### TOPO - 768 ####################*/

#topo {
	max-width:100%;
	width: 100%;
	height:130px;
	padding-top:0px;
	margin:0 auto;
	}
#topo img{
	height:110px;
	width:170px;
	padding:0px;
	margin:10px 10px 10px 70px;
	}

/*#################### MENU SUPERIOR INICIAL DOS ARTISTAS - 768 ####################*/

#barra_inicial_artista {
	width: 100%; 
	padding-left:0px;
	height:30px;
	margin:0px 0px 5px 0px;
}
#topo_inicial_artista {
	width: 100%; 
	padding-left:0px;
	height:30px;
	margin:0px 0px 5px 0px;
	}
#topo_inicial_artista p {
	margin-top:5px;
	margin-left:8px;
	width:29%;
	padding-bottom:0px;
	}	
#topo_inicial_artista h1 {
	margin-top:-33px;
	margin-left:220px;
	width:66%;
	padding-bottom:0px;
	padding-left:5px;
	}
#barra-busca {
	background:#1a4c6f;
	width: 100%; 
	float: right;
	text-align:left;
	padding-left:0px;
	height:30px;
	margin:-10px 0px 5px 850px;
	}
.busca{
	color: #666;  
	text-align: left;
	cursor: pointer;
	display: block; 
	width: 63%; 
	margin:4px 0px 0px 29%;
	padding-left:10px;
}

/*#################### ADSENSE - 768 ####################*/

#banner-topo {
	margin-top: 0px;
	margin-left:0px;
	width: 0px;
	float:left;
	background:#FFF;
	width:100%;
	visibility:hidden;
	display:none;
	}
#adsense {
	position: relative;
	padding: 15px 30px 4px;
	width: 180px;
	background: #FFF;
	border-radius: 0px;
	}
#adsense:before {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	z-index: -1;
	border-radius: 0px;
	}

/*#################### PERFIL - 768 ####################*/

#perfil {
	height:50px;
	color:#038ec1;
	margin-top:0px;
	position:absolute;
	width:150px;
	margin-top:-90px;
	/*float:right;*/
	margin-left:0px;
	/*z-index:1;*/
	background:#FFF;
	margin-left:520px;
	}
#menu-perfil {
	color:#038ec1;
	max-width: 160px;
	min-width: 160px;
	width: 100%;
	min-height:100px;
	max-height:100px;
	margin-top: 1px;
	margin-bottom: 20px;
	margin-left:580px;
	position: absolute;
	display: none;
	left: 0px;
    /*z-index: 10;*/
	/*float:right;*/
	}
.perfil-box{
	color:#9CF;
	float:left;
	padding:0px 0px 0px 0px;
	position:absolute;
	width:140px;
	height:1px;
	margin-left:0px;
	padding:10px;
	border-radius:0px;
	margin-top:0px;
	/*z-index:1;*/
	}
.perfil-box img{
	border-radius: 100px;
	padding-top:0px;
	margin-left:170px;
	position:absolute;
	opacity:1;
	/*z-index:10;*/
	}
.perfil-box img:hover{
	border-radius: 100px;
	padding-top:0px;
	margin-left:170px;
	position:absolute;
	/*z-index:2;*/
	opacity:0.5;
	background:#FFF;
	}
#perfil-texto h1{
	font-size:13px;
	color:#038ec1;/*9CF*/
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:-6px;
	position:absolute;
	/*z-index:1;*/
	}
#perfil-texto h2{
	font-size:13px;
	color:#038ec1;/*9CF*/
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:12px;
	position:absolute;
	/*z-index:1;*/
	}

/*#################### MENU PERFIL  - 768 ####################*/

#menu-section {
	border-radius: 0px;
	background: #E1F1FF; /* here you can change the background color of the form */
	padding: 10px;
	margin:0 auto;
	border-left: 1px solid #038ec1;
	border-right: 1px solid #038ec1;
	border-bottom: 1px solid #038ec1;
	}
#menu-section li {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	}
div.menu-section-texto {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	}
.menu-section-item,
.menu-section-item:active,
.menu-section-item:visited {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}
.menu-section-sair,
.menu-section-sair:active,
.menu-section-sair:visited {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}

/*#################### TRIÂNGULO - 768 ####################*/

.seta-cima:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	}
.seta-baixo:before {
	content: "";
	position:absolute;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	left:214px;
	top: 50px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	}

/*#################### MENU SUPERIOR INICIAL DOS ARTISTAS - 768 ####################*/

.topo_iniciais_artista {
	width: 100%; 
	padding-left:0px;
	height:70px;
	margin:0px 0px 5px 0px;
	}
.topo_iniciais_artista p {
	margin-top:5px;
	margin-left:8px;
	width:27%;
	padding-bottom:0px;
	}	
.topo_iniciais_artista h1 {
	margin-top:-73px;
	margin-left:100px;
	width:66%;
	padding-bottom:0px;
	padding-left:5px;
	}

/*#################### HOME - 768 ####################*/

#home-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#home-coluna1{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#home-coluna1 p {
	width: 97.6%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	height:20px;
	}
.home-img-coluna1 {
	max-width: 85%;
	padding:0px;
	margin-left:85px;
	margin-top:-10px;
	width:100%;
	float:left;
	padding-bottom:5px;
	}
.home-img-coluna1 .legenda {
	width: 100%; /* 264px / 1128px */
	height:25px;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: -45px;
	margin-left:0px;
	background: rgba(0,0,0,0.3);
	}
.home-img-coluna1 .legenda h1 {
	margin-top: 0;
	margin-bottom: 0;
	}
.home-img-coluna1 .legenda p {
	font-weight: normal;
	}
#home-coluna2{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#home-coluna2 p {
	width: 97.6%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.home-coluna2-conteudo{
	width:90%;
	padding-bottom:0px;
	margin-top:4px;
	margin-left:0px;
	float:left;
	}			
.home-coluna2-conteudo h2{
	width:95%;
	padding-bottom:6px;
	/*border-bottom: 1px dotted #b096c6;*/
	margin-top:-12px;
	margin-left:50px;
	float:left;
	height:28px;
	}			
.home-coluna2-conteudo h2:last-child{
	/*border-bottom: 0px dotted #b096c6;*/
	}			
.home-coluna2-conteudo-texto,
.home-coluna2-conteudo-texto:active,
.home-coluna2-conteudo-texto:visited{
	text-align:left;
	width:100%;
	padding-bottom:6px;
	margin-top:-27px;
	margin-left:40px;
	}
#home-coluna3{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	margin-bottom:10px;
	}
#home-coluna3 p {
	width: 97.6%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.home-coluna3-conteudo{
	background:#FFF;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:290px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:40px;
	float:left;
	}
.home-coluna3-conteudo img{
	max-width: 70px;
	padding:0px;
	margin-left:20px;
	margin-top:5px;
	width:70px;
	height:70px;
	margin-bottom:0px;
	}
.home-coluna3-conteudo h2{
	text-align:left;
	width:65%;
	padding-bottom:6px;
	margin-top:-54px;
	margin-left:110px;
	float:left;
	}	
.texto-album:active, 
.texto-album:visited,
.texto-album:link {
	color:#666;
	text-decoration:none;
	}
.home-coluna3-conteudo h3{
	text-align:center;
	margin-top:-35px;
	margin-left:110px;
	width:65%;
	text-align:left;
	height:30px;
	}		
.texto-cantor:active, 
.texto-cantor:visited,
.texto-cantor:link {
	color:#666;
	text-decoration:none;
	}

/*#################### ARTISTA - 768 ####################*/

#artista-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	}
#artista-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#artista-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	height:20px;
	margin-top:12px;
	padding-left:20px;
	}
.titulo{
	width:94%;
	padding:0px 0px 0px 0px;
	margin: 46px 0px 20px 20px;
	border-bottom: 1px dotted #b096c6;
	}
.relacao{
	background:#bbb;
	width:40%;
	margin: 0px 0px 15px 0px;
	height:24px;
	float:left;
	border: 0px 0px 0px 0px;
	border-color:#999;
	vertical-align:text-top;
	margin-left:50px;
	}
.relacao p{
	background:#ddd;
	text-align:center;
	width:100%;
	margin: 0px 0px 0px 0px;
	height:22px;
	float:left;
	}
.nenhum-artista{
	text-align:center;
	width:100%;
	}
.relacao-artista{
	text-align:center;
	width:100%;
	}

/*#################### ARTISTA - MÚSICA - 768 ####################*/

.menu-artista 	
	{  
	margin:0px -20px 0px 40px;
	padding-left:0px;
	width:310px;
	margin-top:-10px;
	height:270px;
	background:#fff;
	}
.menu-artista-texto, 
.menu-artista-texto:active,
.menu-artista-texto:visited {  
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	width:29%;
	text-align:center;
	margin-left:10px;
	margin-top:20px;
	background:#06F;
	color:#FFF;
	}
.menu-artista-texto:hover
	{  
	font-weight: bold; 
	}
#artista-musica-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	padding-bottom:10px;
	}
#artista-musica-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#artista-musica-coluna1 img {
	width:120px;
	height:76px;
	margin:10px 0px 0px 10px;	
	}
#artista-musica-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	height:20px;
	margin-top:12px;
	}
.nome-artista{
	width:550px;
	padding:0px 0px 0px 0px;
	margin: -50px 0px 10px 20px;
	height:30px;
	background:#FFF;
	}
.coluna2{
	width:36%;
	height:20px;
	float:right;
	margin-left:50px;
	margin-top:2px;
	padding-left:0px;
	}
.artista-titulo {
	width:87%;
	height:30px;
	float:left;
	margin-left:50px;
	margin-top:170px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}

/* --- ARTISTA - MÚSICAS - 768 --- */

.musica-espaco {
	text-align:left;
	width:94%;
	height:30px;
	float:left;
	margin-left:15px;
	}
.musicas-relacao {
	width:40%;
	height:20px;
	float:left;
	margin-top:2px;
	padding-left:px;
	padding:0px;
	margin:2px 2px 1px 60px;
	}
.musicas-relacao img[name=playlist]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:270px; 
	}
.musicas-relacao img[name=letra]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:250px;
	}
.musicas-relacao img[name=play]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.musicas-relacao a[name=play]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.musicas-relacao-texto {
	text-decoration:none;
	}
a.musicas-relacao-texto{
	position:relative;
	}
a.musicas-relacao-texto:hover{
	background:transparent;
	color:#f00;
	z-index:25;
	}
a.musicas-relacao-texto span{
	display: none
	}
a.musicas-relacao-texto:hover span{
	width:150px;
	right-align:justify;
	left:5em;
	padding:5px 10px;
	border:1px solid #999;
	background:#e0ffff;
	color:#000;
	}

/* --- ARTISTA - DISCOGRAFIA - 768 --- */

.discografia-espaco {
	background:#FFF;
	text-align:left;
	width:43%;
	height:100px;
	float:left;
	margin-left:50px;
	padding-left:0px;
	margin-bottom:-10px;
	}
.artista-discografia {
	background:#FFF;
	text-align:center;
	width:94%;
	height:20px;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:15px;
	}
.artista-discografia img{
	max-width: 80px;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	width:80px;
	height:80px;
	float:left;
	}
.artista-discografia-texto {
	background:#fff;
	text-align:left;
	}
.artista-discografia-album,
.artista-discografia-album:active,
.artista-discografia-album:visited {
	background:#fff;
	text-align:left;
	margin-left:55px;
	margin-top:0px;
	padding:0px;
	height:20px;
	width:80%;
	}
.artista-discografia-lancamento {
	background:#fff;
	text-align:left;
	margin-left:55px;
	margin-top:0px;
	padding:0px;
	width:100px;
	height:20px;
	}

/* --- ARTISTA - INFORMAÇÕES - 768 --- */
	
.artista-info {
	background:#FFF;
	text-align:left;
	width:90%;
	height:90%;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 24px 10px 75px;
	}
.artista-info-texto {
	background:#fff;
	text-align:left;
	float:left;
	width:90%;
	}
.artista-info-texto:hover {
	text-decoration:none;
	}

/* --- ARTISTA - ÁLBUM - 768 --- */

.album-titulo {
	background:#fff;
	text-align:left;
	width:90%;
	height:20px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}
.album-espaco {
	background:#000;
	text-align:left;
	width:100px;
	float:left;
	margin-left:0px;
	padding-left:50px;
	margin-top:0px;
	margin-bottom:420px;
	}
#nome-musica {
	margin-top:268px;
	margin-left:-600px;
	width:160px;
	float:right;
	background:#fff;
	text-align:center;
	}
progress {
	margin-top:250px;
	margin-left:-600px;
	color: #64C1FF;
	font-size: .6em;
	line-height: 1.5em;
	text-indent: .5em;
	width: 14.5em;
	height: 1.3em;
	border: 1px solid #0063a6;
	background: #fff;
	}
#controle {
	margin-top:230px;
	margin-left:-600px;
	width:160px;
	float:left;
	background:#fff;
	text-align:center;
	}
.album {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	width:160px;
	height:160px;
	float:left;
	margin-top:180px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}
.album img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
	}
.album-musicas {
	background:#fff;
	text-align:left;
	margin-left:20px;
	margin-top:0px;
	width:88%;
	height:20px;
	padding:0px;
	float:left;
	margin-bottom:1px;
	padding-top:0px;
	}
.album-musicas img[name=playlist]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:270px;
	}
.album-musicas img[name=letra]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:250px;
	}
.album-musicas img[id=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.album-musicas a[name=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.album-musicas-texto,
.album-musicas-texto:active,
.album-musicas-texto:visited {
	text-align:left;
	padding:0px;
	margin-top:0px;
	height:20px;
	float:left;
	width:94%;
	}
.album-musicas-texto:last-child {
	padding-bottom:10px;
	margin-bottom:10px;
}
.separador-musica {
	padding-top:0px;
	border-bottom: 1px dotted #b096c6;
	}

/* --- ARTISTA - LETRA - 768 --- */

.letra-titulo {
	background:#fff;
	text-align:left;
	width:90%;
	height:30px;
	float:left;
	margin-left:15px;
	margin-top:170px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}	
.letra-espaco {
	background:#000;
	text-align:left;
	width:100px;;
	height:0px;
	float:left;
	margin-left:10px;
	padding-left:50px;
	margin-bottom:260px;
	}
.letra {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	width:160px;
	height:160px;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}
.letra img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
	}
.letra-album {
	background:#aaa;
	text-align:center;
	float:left;
	margin-left:-1px;
	width:152px;
	margin-bottom:20px;
	margin-top:14px;
	height:60px;
	display: flex;
	padding-left:5px;
	padding-right:5px;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	}
.letra-musicas {
	background:#fff;
	text-align:left;
	float:left;
	margin-left:20px;
	width:90%;
	margin-bottom:0px;
	}

/*#################### TOP - 768 ####################*/

#top-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#top-coluna1{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#top-coluna1 p {
	width: 97.6%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.top-coluna1-conteudo{
	width:93%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:50px;
	float:left;
	}			
.top-coluna1-conteudo h2{
	width:93%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	margin-top:-12px;
	float:left;
	height:34px;
	margin-top:-12px;
	margin-left:0px;
	}
.top-coluna2-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna1-conteudo-texto,
.top-coluna1-conteudo-texto:active,
.top-coluna1-conteudo-texto:visited{
	width:90%;
	padding-bottom:6px;
	margin-top:8px;
	margin-left:15px;
	}			
#top-coluna2{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#top-coluna2 p {
	width: 97.6%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.top-coluna2-conteudo{
	width:93%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:50px;
	float:left;
	}			
.top-coluna2-conteudo h2{
	width:93%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	margin-top:-12px;
	float:left;
	height:34px;
	margin-top:-12px;
	margin-left:0px;
	}
.top-coluna2-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna2-conteudo-texto,
.top-coluna2-conteudo-texto:active,
.top-coluna2-conteudo-texto:visited{
	width:90%;
	padding-bottom:6px;
	margin-top:8px;
	margin-left:15px;
	}			
.top-coluna2-box{
	background:#3793D0;
	width:31px;
	height:34px;
	padding:1px;
	float:left;
	margin-top:0px;
	}
.top-coluna2-box-texto{
	width:31px;
	height:33px;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding-top:1px;
	padding-left:0px;
	float:left;
	margin:0px;
	}

/*#################### NOTÍCIAS - 768 ####################*/

#noticia-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#noticia-coluna1{
	width:100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
}
#noticia-coluna1 p {
	width:97.6%; 
	padding:4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
}

.noticia-coluna1-conteudo{
	width:93%;
	padding-bottom:0px;
	margin-top:50px;
	margin-left:50px;
	float:left;
}			

.noticia-relacao {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:93%;
	height:100%;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 2px 1px 2px;
	margin-bottom:2px;
	}

.noticia-separador {
	background:#fff;
	border-bottom: 1px dotted #b096c6;
	margin-top:4px;
	width:99%;
	margin-left:0px;
	}

.noticia-relacao img{
	margin-top:0px;
	margin-left:10px;
	position:absolute;
	}

.noticia-relacao-texto {
	color:#666;
	width:94%;
	text-align:left;
	margin-left:0px;
	}

.noticia-relacao-ler {
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:92%;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:5px;
}

.noticia-relacao-ler .link {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

.noticia-relacao-ler .link:hover {
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}

.noticia-voltar {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:0px;
	}

.noticia-voltar-texto {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:-40px;
}

.noticia-voltar-texto:active,
.noticia-voltar-texto:visited,
.noticia-voltar-texto:link {
	color:#666;
	font-weight:bold;
}

.separa-noticia-comentario {
	background:#2770DC;
	width:600px;
	padding-bottom:23px;
	margin-left:20px;
	height:5px;
	}
	
.separa-noticia-comentario-texto {
	width:600px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	padding-bottom:20px;
	margin-left:10px;
	height:5px;
	text-align:left;
	}

.deixe-seu-comentario {
	width:600px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
	margin-left:20px;
	height:5px;
	text-align:center;
	}
	
.comentario-nao-logado {
	width:600px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#666;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:40px;
	margin-left:20px;
	height:5px;
	text-align:center;
	}

.comentario-zerado {
	width:500px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:15px;
	margin-left:70px;
	height:10px;
	text-align:center;
	background:#FEC236;  /*#BDD73C*/
	margin-bottom:20px;
	}

.comentario-usuario {
	width:485px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:70px;
	height:20px;
	text-align:left;
	background:#FEC236;
	margin-bottom:0px;
	}

.comentario-relacao {
	width:483px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:70px;
	height:100%;
	text-align:left;
	background:#fff;
	margin-bottom:10px;
	border: 1px solid #FEC236;
	}
		
/*#################### PAGINAÇÃO - 768 ####################*/

.box-paginacao {
	width:100%;
	background:#FFF;
	margin-left:-10px;
	float:left;
	height:30px;
	text-align:center;
	padding-top:6px;
	padding-bottom:15px;
}

.paginacao a{color:#333; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}
.paginacao a:hover{background:#333; color:#fff;}
.paginacao a.atual{font-weight:bold; background:#fff; color:#333; border:0; border-bottom:1px solid #ccc; font-size:1.2em;}

/*#################### CADASTRO - 768 ####################*/

#cadastro-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	}

#cadastro-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
}
#cadastro-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
}

#cadastro-principal h1 {
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:100%;
	margin-top:50px;
	background:#fff;
}
.cadastro-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:90%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-10px;
	}
.cadastro-envio-sucesso-obs {
	font-weight:normal;
	}
.cadastro-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
	
/*#################### CONTATO - 768 ####################*/
	
#contato-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#contato-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#contato-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.contato-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:94%;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	}
#contato-principal h1 {
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:20px;
	margin-top:50px;
	background:#FFF;
	}
.contato-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.contato-envio-sucesso-obs {
	font-weight:normal;
	}
.contato-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.pagina-nao-encontrada {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:60px;
	margin-left:-40px;
	}

/*#################### MEUS DADOS - 768 ####################*/
	
#meusdados-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#meusdados-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#meusdados-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.meusdados-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:490px;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	}

/*#################### RODAPÉ - 768 ####################*/

#rodape {
	background:#038ec1;
	width:100%; /*1200px*/
	height:250px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	margin:0 auto;
	}
#rodape-box {
	width:768px; 
	/*position: absolute;*/
	margin:0 auto;
	background:#0FF;
	}
#rodape-coluna1{
	width: 200px; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna1 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 150px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	margin-left:40px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna1-menu a:link,
#rodape-coluna1-menu a:visited,
#rodape-coluna1-menu a:active {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:normal;
	width: 150px; 
	padding: 10px 0px 10px 48px;
	height:20px;
	margin-top:-20px;
	float:left;
	text-align:left;
	word-spacing:20px;
	text-decoration:none;
	}
#rodape-coluna1-menu a:hover {
	text-decoration:underline;
}
#rodape-coluna2{
	width: 200px; 
	margin-left:20px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna2 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 200px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna2 img {
	height:40px;
	float: left;
	padding-right:10px;
	padding-bottom:20px;
	margin-top:0px;
	text-align:left;
	margin-left:10px;
}
#rodape-coluna3{
	width: 300px; 
	margin-left:20px;
	margin-top:27px;
	float:left;
	}

/*#################### COPYRIGHT - 768 ####################*/

#copyright {
	background:#fff;
	width:100%; /*1200px*/
	height:40px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	}
#copyright p {
	margin:0;
	font-weight:normal;
	color:#333;
	margin-top:12px;
	}

.clear {
	clear:both;
	}
}

/* IPHONE */
@media only screen and (max-width: 320px) {

#tudo { 
	width:100%;
	}
#conteudo {
	padding-bottom:450px;
	}

/*#################### TOPO - 320 ####################*/

#topo {
	max-width:100%;
	width: 100%;
	height:180px;
	padding-top:0px;
	margin:0 auto;
	}
#topo img{
	height:110px;
	width:170px;
	padding:0px;
	margin:10px 10px 10px 70px;
	}

/*#################### MENU SUPERIOR INICIAL DOS ARTISTAS - 320 ####################*/

#barra_inicial_artista {
	width: 100%; 
	padding-left:0px;
	height:100px;
	margin:0px 0px 5px 0px;
}
#topo_inicial_artista {
	width: 100%; 
	padding-left:0px;
	height:70px;
	margin:0px 0px 5px 0px;
	}
#topo_inicial_artista p {
	margin-top:5px;
	margin-left:8px;
	width:27%;
	padding-bottom:0px;
	}	
#topo_inicial_artista h1 {
	margin-top:-73px;
	margin-left:100px;
	width:66%;
	padding-bottom:0px;
	padding-left:5px;
	}
#barra-busca {
	background:#1a4c6f;
	width: 100%; 
	float: right;
	text-align:left;
	padding-left:0px;
	height:30px;
	margin:-10px 0px 5px 850px;
	}
.busca{
	color: #666;  
	text-align: left;
	cursor: pointer;
	display: block; 
	width: 250px; 
	margin:4px 0px 0px 30px;
	padding-left:10px;
}

/*#################### ADSENSE - 320 ####################*/

#banner-topo {
	margin-top: 0px;
	margin-left:0px;
	width: 0px;
	float:left;
	background:#FFF;
	width:100%;
	visibility:hidden;
	display:none;
	}
#adsense {
	position: relative;
	padding: 15px 30px 4px;
	width: 180px;
	background: #FFF;
	border-radius: 0px;
	}
#adsense:before {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	z-index: -1;
	border-radius: 0px;
	}

/*#################### PERFIL - 320 ####################*/

#perfil {
	height:1px;
	color:#038ec1;
	margin-top:0px;
	position:absolute;
	width:150px;
	margin-top:-60px;
	float:right;
	margin-left:90px;
	z-index:1;
	}
#menu-perfil {
	max-width: 160px;
	min-width: 160px;
	width: 100%;
	min-height:100px;
	max-height:100px;
	margin-top: 1px;
	margin-bottom: 20px;
	margin-left:160px;
	position: absolute;
	display: none;
	left: 0px;
    /*z-index: 10;
	float:right;*/
	}
.perfil-box{
	color:#9CF;
	float:left;
	padding:0px 0px 0px 0px;
	position:absolute;
	width:140px;
	height:1px;
	margin-left:0px;
	padding:10px;
	border-radius:0px;
	margin-top:0px;
	z-index:1;
	}
.perfil-box img{
	border-radius: 100px;
	padding-top:0px;
	margin-left:270px;
	position:absolute;
	opacity:1;
	/*z-index:10;*/
	}
.perfil-box img:hover{
	border-radius: 100px;
	padding-top:0px;
	margin-left:270px;
	position:absolute;
	/*z-index:2;*/
	opacity:0.5;
	background:#FFF;
	}
.perfil-texto h1{
	font-size:13px;
	color:#038ec1;
	/*color:#fff;*//*9CF*/
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:-16px;
	position:absolute;
	z-index:1;
	}
.perfil-texto h2{
	font-size:13px;
	/*color:#fff;*//*9CF*/
	color:#038ec1;
	float:left;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	margin-top:2px;
	position:absolute;
	z-index:1;
	}

/*#################### MENU PERFIL  - 320 ####################*/

#menu-section {
	border-radius: 0px;
	background: #E1F1FF; /* here you can change the background color of the form */
	padding: 10px;
	margin:0 auto;
	border-left: 1px solid #038ec1;
	border-right: 1px solid #038ec1;
	border-bottom: 1px solid #038ec1;
	}
#menu-section li {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	}
div.menu-section-texto {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	}
.menu-section-item,
.menu-section-item:active,
.menu-section-item:visited {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}
.menu-section-sair,
.menu-section-sair:active,
.menu-section-sair:visited {
	list-style: none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:9px;
	text-decoration:none;
	}

/*#################### TRIÂNGULO - 320 ####################*/

.seta-cima:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
	}
.seta-baixo:before {
	content: "";
	position:absolute;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	left:214px;
	top: 50px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	}

/*#################### MENU SUPERIOR INICIAL DOS ARTISTAS - 320 ####################*/

.topo_iniciais_artista {
	width: 100%; 
	padding-left:0px;
	height:70px;
	margin:0px 0px 5px 0px;
	}
.topo_iniciais_artista p {
	margin-top:5px;
	margin-left:8px;
	width:27%;
	padding-bottom:0px;
	}	
.topo_iniciais_artista h1 {
	margin-top:-73px;
	margin-left:100px;
	width:66%;
	padding-bottom:0px;
	padding-left:5px;
	}

/*#################### HOME - 320 ####################*/

#home-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#home-coluna1{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#home-coluna1 p {
	width: 94%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	height:20px;
	}
.home-img-coluna1 {
	max-width: 100%;
	padding:0px;
	margin-left:0px;
	margin-top:-10px;
	width:100%;
	float:left;
	padding-bottom:5px;
	}
.home-img-coluna1 .legenda {
	width: 100%; /* 264px / 1128px */
	height:25px;
	padding: 10px 10px 10px 10px;
	position: relative;
	top: -45px;
	margin-left:0px;
	background: rgba(0,0,0,0.3);
	}
.home-img-coluna1 .legenda h1 {
	margin-top: 0;
	margin-bottom: 0;
	}
.home-img-coluna1 .legenda p {
	font-weight: normal;
	}
#home-coluna2{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#home-coluna2 p {
	width: 94%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.home-coluna2-conteudo{
	width:92%;
	padding-bottom:0px;
	margin-top:6px;
	margin-left:0px;
	float:left;
	}			
.home-coluna2-conteudo h2{
	width:98%;
	padding-bottom:6px;
	/*border-bottom: 1px dotted #b096c6;*/
	margin-top:-12px;
	margin-left:15px;
	float:left;
	height:28px;
	}			
.home-coluna2-conteudo h2:last-child{
	/*border-bottom: 0px dotted #b096c6;*/
	}			
.home-coluna2-conteudo-texto,
.home-coluna2-conteudo-texto:active,
.home-coluna2-conteudo-texto:visited{
	text-align:left;
	width:90%;
	padding-bottom:6px;
	margin-top:-26px;
	margin-left:45px;
	}
#home-coluna3{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	margin-bottom:10px;
	}
#home-coluna3 p {
	width: 94%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.home-coluna3-conteudo{
	width:100%;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	}
.home-coluna3-conteudo img{
	max-width: 70px;
	padding:0px;
	margin-left:20px;
	margin-top:5px;
	width:70px;
	height:70px;
	margin-bottom:0px;
	}
.home-coluna3-conteudo h2{
	text-align:left;
	width:65%;
	padding-bottom:6px;
	margin-top:-54px;
	margin-left:110px;
	float:left;
	}	
.texto-album:active, 
.texto-album:visited,
.texto-album:link {
	color:#666;
	text-decoration:none;
	}
.home-coluna3-conteudo h3{
	text-align:center;
	margin-top:-35px;
	margin-left:110px;
	width:65%;
	text-align:left;
	height:30px;
	}		
.texto-cantor:active, 
.texto-cantor:visited,
.texto-cantor:link {
	color:#666;
	text-decoration:none;
	}

/*#################### ARTISTA - 320 ####################*/

#artista-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	}
#artista-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#artista-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	height:20px;
	margin-top:12px;
	padding-left:20px;
	}
.titulo{
	width:89%;
	padding:0px 0px 0px 0px;
	margin: 46px 0px 20px 20px;
	border-bottom: 1px dotted #b096c6;
	}
.relacao{
	background:#bbb;
	width:80%;
	margin: 0px 0px 15px 0px;
	height:24px;
	float:left;
	border: 0px 0px 0px 0px;
	border-color:#999;
	vertical-align:text-top;
	margin-left:10%;
	}
.relacao p{
	background:#ddd;
	text-align:center;
	width:100%;
	margin: 0px 0px 0px 0px;
	height:22px;
	float:left;
	}
.nenhum-artista{
	text-align:center;
	width:100%;
	}
.relacao-artista{
	text-align:center;
	width:100%;
	}

/*#################### ARTISTA - MÚSICA - 320 ####################*/

.menu-artista 	
	{  
	margin:0px -20px 0px 5px;
	padding-left:0px;
	width:310px;
	margin-top:-10px;
	height:270px;
	background:#fff;
	}
.menu-artista-texto, 
.menu-artista-texto:active,
.menu-artista-texto:visited {  
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
	width:29%;
	text-align:center;
	margin-left:10px;
	margin-top:0px;
	background:#06F;
	color:#FFF;
	}
.menu-artista-texto:hover
	{  
	font-weight: bold; 
	}
#artista-musica-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	padding-bottom:10px;
	}
#artista-musica-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#artista-musica-coluna1 img {
	width:120px;
	height:76px;
	margin:10px 0px 0px 10px;	
	}
#artista-musica-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	height:20px;
	margin-top:12px;
	}
.nome-artista{
	width:158px;
	padding:0px 0px 0px 0px;
	margin: -72px 0px 10px 140px;
	height:72px;
	background:#FFF;
	}
.coluna2{
	width:36%;
	height:20px;
	float:right;
	margin-left:50px;
	margin-top:2px;
	padding-left:0px;
	}
.artista-titulo {
	width:90%;
	height:30px;
	float:left;
	margin-left:15px;
	margin-top:170px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}

/* --- ARTISTA - MÚSICAS - 320 --- */

.musica-espaco {
	text-align:left;
	width:94%;
	height:30px;
	float:left;
	margin-left:15px;
	}
.musicas-relacao {
	width:96%;
	height:20px;
	float:left;
	margin-top:2px;
	padding-left:px;
	padding:0px;
	margin:2px 2px 1px 5px;
	}
.musicas-relacao img[name=playlist]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:270px; 
	}
.musicas-relacao img[name=letra]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:250px; 
	}
.musicas-relacao img[name=play]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.musicas-relacao a[name=play]{
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.musicas-relacao-texto {
	text-decoration:none;
	}
a.musicas-relacao-texto{
	position:relative;
	}
a.musicas-relacao-texto:hover{
	background:transparent;
	color:#f00;
	z-index:25;
	}
a.musicas-relacao-texto span{
	display: none
	}
a.musicas-relacao-texto:hover span{
	width:150px;
	right-align:justify;
	left:5em;
	padding:5px 10px;
	border:1px solid #999;
	background:#e0ffff;
	color:#000;
	}

/* --- ARTISTA - DISCOGRAFIA - 320 --- */

.discografia-espaco {
	background:#FFF;
	text-align:left;
	width:94%;
	height:100px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:-10px;
	}
.artista-discografia {
	background:#FFF;
	text-align:center;
	width:94%;
	height:20px;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:15px;
	}
.artista-discografia img{
	max-width: 80px;
	padding:0px;
	margin-left:0px;
	margin-top:0px;
	width:80px;
	height:80px;
	float:left;
	}
.artista-discografia-texto {
	background:#fff;
	text-align:left;
	}
.artista-discografia-album,
.artista-discografia-album:active,
.artista-discografia-album:visited {
	background:#FFF;
	text-align:left;
	margin-left:55px;
	margin-top:0px;
	padding:0px;
	height:20px;
	width:88%;
	}
.artista-discografia-lancamento {
	background:#fff;
	text-align:left;
	margin-left:55px;
	margin-top:0px;
	padding:0px;
	width:100px;
	height:20px;
	}

/* --- ARTISTA - INFORMAÇÕES - 320 --- */
	
.artista-info {
	background:#FFF;
	text-align:left;
	width:90%;
	height:100%;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 24px 10px 20px;
	}
.artista-info-texto {
	background:#fff;
	text-align:left;
	float:left;
	width:90%;
	}
.artista-info-texto:hover {
	text-decoration:none;
	}

/* --- ARTISTA - ÁLBUM - 320 --- */

.album-titulo {
	background:#fff;
	text-align:left;
	width:90%;
	height:20px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}
.album-espaco {
	background:#000;
	text-align:left;
	width:100px;
	float:left;
	margin-left:0px;
	padding-left:50px;
	margin-top:0px;
	margin-bottom:420px;
	}
#nome-musica {
	margin-top:268px;
	margin-left:-600px;
	width:160px;
	float:right;
	background:#fff;
	text-align:center;
	}
progress {
	margin-top:250px;
	margin-left:-600px;
	color: #64C1FF;
	font-size: .6em;
	line-height: 1.5em;
	text-indent: .5em;
	width: 14.5em;
	height: 1.3em;
	border: 1px solid #0063a6;
	background: #fff;
	}
#controle {
	margin-top:230px;
	margin-left:-600px;
	width:160px;
	float:left;
	background:#fff;
	text-align:center;
	}
.album {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	width:160px;
	height:160px;
	float:left;
	margin-top:180px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}
.album img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
	}
.album-musicas {
	background:#fff;
	text-align:left;
	margin-left:20px;
	margin-top:0px;
	width:88%;
	height:20px;
	padding:0px;
	float:left;
	margin-bottom:1px;
	padding-top:0px;
	}
.album-musicas img[name=playlist]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:270px;
	}
.album-musicas img[name=letra]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:250px;
	}
.album-musicas img[id=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.album-musicas a[name=botao]{
	background:#fff;
	text-align:left;
	padding:0px;
	margin-top:-19px;
	float:left;
	margin-left:230px;
	}
.album-musicas-texto,
.album-musicas-texto:active,
.album-musicas-texto:visited {
	text-align:left;
	padding:0px;
	margin-top:0px;
	height:20px;
	float:left;
	width:94%;
	}
.album-musicas-texto:last-child {
	padding-bottom:10px;
	margin-bottom:10px;
}
.separador-musica {
	padding-top:0px;
	border-bottom: 1px dotted #b096c6;
	}

/* --- ARTISTA - LETRA - 320 --- */

.letra-titulo {
	background:#fff;
	text-align:left;
	width:90%;
	height:30px;
	float:left;
	margin-left:15px;
	margin-top:170px;
	padding-left:0px;
	margin-bottom:15px;
	border-bottom: 1px dotted #b096c6;
	}	
.letra-espaco {
	background:#000;
	text-align:left;
	width:100px;;
	height:0px;
	float:left;
	margin-left:10px;
	padding-left:50px;
	margin-bottom:260px;
	}
.letra {
	background:#fff;
	border: 1px dotted #aaa;
	text-align:center;
	width:160px;
	height:160px;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin-left:28px;
	}
.letra img{
	max-width: 130px;
	padding:0px;
	margin-left:0px;
	margin-top:15px;
	width:130px;
	height:130px;
	}
.letra-album {
	background:#aaa;
	text-align:center;
	float:left;
	margin-left:-1px;
	width:152px;
	margin-bottom:20px;
	margin-top:14px;
	height:60px;
	display: flex;
	padding-left:5px;
	padding-right:5px;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	}
.letra-musicas {
	background:#fff;
	text-align:left;
	float:left;
	margin-left:20px;
	width:90%;
	margin-bottom:0px;
	}

/*#################### TOP - 320 ####################*/

#top-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#top-coluna1{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#top-coluna1 p {
	width: 94%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.top-coluna1-conteudo{
	width:94%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:10px;
	float:left;
	}
.top-coluna1-conteudo h2{
	width:97%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	float:left;
	height:34px;
	margin-top:-12px;
	margin-left:0px;
	}
.top-coluna1-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna1-conteudo-texto,
.top-coluna1-conteudo-texto:active,
.top-coluna1-conteudo-texto:visited{
	width:90%;
	padding-bottom:6px;
	margin-top:-28px;
	margin-left:47px;
	}	
#top-coluna2{
	width: 100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#top-coluna2 p {
	width: 94%; 
	padding: 4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
	}
.top-coluna2-conteudo{
	width:94%;
	padding-bottom:0px;
	margin-top:8px;
	margin-left:10px;
	float:left;
	}			
.top-coluna2-conteudo h2{
	width:97%;
	padding-bottom:0px;
	border-top: 1px dotted #b096c6;
	float:left;
	height:34px;
	margin-top:-12px;
	margin-left:0px;
	}
.top-coluna2-conteudo h2:first-child {
	border-top: 0px dotted #b096c6;
	}
.top-coluna2-conteudo-texto,
.top-coluna2-conteudo-texto:active,
.top-coluna2-conteudo-texto:visited{
	width:90%;
	padding-bottom:6px;
	margin-top:-28px;
	margin-left:47px;
	}			
.top-coluna2-box{
	background:#3793D0;
	width:31px;
	height:34px;
	padding:1px;
	float:left;
	margin-top:0px;
	}
.top-coluna2-box-texto{
	width:31px;
	height:33px;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:22px;
	font-weight:normal;
	padding-top:1px;
	padding-left:0px;
	float:left;
	margin:0px;
	}

/*#################### NOTÍCIAS -320 ####################*/

#noticia-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#noticia-coluna1{
	width:100%; 
	margin-left:0px;
	margin-top:0px;
	float:left;
}
#noticia-coluna1 p {
	width:94%; 
	padding:4px 0px 8px 18px;
	height:20px;
	margin-top:2px;
	float:left;
}

.noticia-coluna1-conteudo{
	width:94%;
	padding-bottom:0px;
	margin-top:50px;
	margin-left:20px;
	float:left;
}			

.noticia-relacao {
	background:#fff;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:93%;
	height:100%;
	text-decoration:none;
	float:left;
	margin-top:2px;
	padding-left:0px;
	padding:0px;
	margin:2px 2px 1px 2px;
	margin-bottom:2px;
	}

.noticia-separador {
	background:#fff;
	border-bottom: 1px dotted #b096c6;
	margin-top:4px;
	width:99%;
	margin-left:0px;
	}

.noticia-relacao img{
	margin-top:0px;
	margin-left:10px;
	position:absolute;
	}

.noticia-relacao-texto {
	color:#666;
	width:94%;
	text-align:left;
	margin-left:0px;
	}

.noticia-relacao-ler {
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:90%;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:5px;
}

.noticia-relacao-ler .link {
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

.noticia-relacao-ler .link:hover {
	text-decoration:underline;
	color:#666;
	font-weight:bold;
}

.noticia-voltar {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:0px;
	}

.noticia-voltar-texto {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:20px;
	margin-left:-40px;
}

.noticia-voltar-texto:active,
.noticia-voltar-texto:visited,
.noticia-voltar-texto:link {
	color:#666;
	font-weight:bold;
}

.separa-noticia-comentario {
	background:#2770DC;
	width:280px;
	padding-bottom:23px;
	margin-left:0px;
	height:5px;
	}
	
.separa-noticia-comentario-texto {
	width:280px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	padding-bottom:20px;
	margin-left:10px;
	height:5px;
	text-align:left;
	}

.deixe-seu-comentario {
	width:280px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:18px;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
	margin-left:0px;
	height:5px;
	text-align:center;
	}
	
.comentario-nao-logado {
	width:280px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#666;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:40px;
	margin-left:0px;
	height:5px;
	text-align:center;
	}

.comentario-zerado {
	width:260px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:15px;
	margin-left:10px;
	height:10px;
	text-align:center;
	background:#FEC236;  /*#BDD73C*/
	margin-bottom:20px;
	}

.comentario-usuario {
	width:266px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	height:100%;
	text-align:left;
	background:#FEC236;
	margin-bottom:0px;
	}

.comentario-relacao {
	width:264px;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	font-size:14px;
	color:#444;
	font-weight:normal;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	height:100%;
	text-align:left;
	background:#fff;
	margin-bottom:10px;
	border: 1px solid #FEC236;
	}
	
/*#################### PAGINAÇÃO - 320 ####################*/

.box-paginacao {
	width:100%;
	background:#FFF;
	margin-left:-10px;
	float:left;
	height:30px;
	text-align:center;
	padding-top:6px;
	padding-bottom:15px;
}

.paginacao a{color:#333; padding:3px 5px; border:1px solid #ccc; text-decoration:none; margin:0 3px;}
.paginacao a:hover{background:#333; color:#fff;}
.paginacao a.atual{font-weight:bold; background:#fff; color:#333; border:0; border-bottom:1px solid #ccc; font-size:1.2em;}

/*#################### CADASTRO - 320 ####################*/

#cadastro-principal {
	width:100%;
	padding-left:0px;
	float:left;
	padding-top:0px;
	text-align:justify;
	}

#cadastro-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
}
#cadastro-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
}

#cadastro-principal h1 {
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:100%;
	margin-top:50px;
	background:#fff;
}
.cadastro-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:90%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-10px;
	}
.cadastro-envio-sucesso-obs {
	font-weight:normal;
	}
.cadastro-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
	
/*#################### CONTATO - 320 ####################*/
	
#contato-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#contato-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#contato-coluna1 p {
	background:#cfdde4;
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.contato-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:94%;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	}
#contato-principal h1 {
	padding: 4px 8px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	height:20px;
	margin-top:50px;
	background:#FFF;
	}
.contato-envio-sucesso {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.contato-envio-sucesso-obs {
	font-weight:normal;
	}
.contato-envio-erro {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:50px;
	margin-left:-20px;
	}
.pagina-nao-encontrada {
	background:#fff;
	text-align:center;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#F00;
	width:100%;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	padding-bottom:0px;
	padding-top:60px;
	margin-left:-40px;
	}

/*#################### MEUS DADOS - 768 ####################*/
	
#meusdados-principal {
	width:100%;
	padding-left:0px;
	padding-top:0px;
	float:left;
	}
#meusdados-coluna1{
	width: 100%; 
	float: left;
	background:#fff;
	margin-left:0px;
	height:0px;
	margin-top:-10px;
	}
#meusdados-coluna1 p {
	background:#cfdde4;
	padding: 4px 0px 8px 18px;
	text-align:left;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#4d91b0;
	font-size:17px;
	font-weight:bold;
	height:20px;
	margin-top:12px;
	}
.meusdados-coluna1-conteudo{
	background:#fff;
	text-align:justify;
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#666;
	font-size:14px;
	font-weight:normal;
	width:490px;
	padding-bottom:0px;
	margin-top:40px;
	margin-left:20px;
	float:left;
	}
	
/*#################### RODAPÉ - 320 ####################*/

#rodape {
	background:#038ec1;
	width:100%; /*1200px*/
	height:450px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	margin:0 auto;
	}
#rodape-box {
	width:320px; 
	/*position: absolute;*/
	margin:0 auto;
	background:#0FF;
	}
#rodape-coluna1{
	width: 150px; 
	margin-left:0px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna1 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 100px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	margin-left:20px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna1-menu a:link,
#rodape-coluna1-menu a:visited,
#rodape-coluna1-menu a:active {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:normal;
	width: 100px; 
	padding: 10px 0px 10px 48px;
	height:20px;
	margin-top:-20px;
	float:left;
	text-align:left;
	word-spacing:20px;
	text-decoration:none;
	}
#rodape-coluna1-menu a:hover {
	text-decoration:underline;
}
#rodape-coluna2{
	width: 130px; 
	margin-left:20px;
	margin-top:0px;
	float:left;
	}
#rodape-coluna2 p {
	font-family: "Source Sans Pro", Segoe UI, Arial;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	width: 130px; 
	padding: 0px 0px 2px 0px;
	height:20px;
	margin-top:10px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #fff;
	}
#rodape-coluna2 img {
	height:40px;
	float: left;
	padding-right:10px;
	padding-bottom:20px;
	margin-top:0px;
	text-align:left;
	margin-left:10px;
}
#rodape-coluna3{
	width: 300px; 
	margin-left:10px;
	margin-top:0px;
	float:left;
	}

/*#################### COPYRIGHT - 768 ####################*/

#copyright {
	background:#fff;
	width:100%; /*1200px*/
	height:40px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	}
#copyright p {
	margin:0;
	font-weight:normal;
	color:#333;
	margin-top:4px;
	}

.clear {
	clear:both;
	}

}