@import url('reset.css');


.teste{
	width:200px;
	margin:20px 0px 0px 20px;
	background:#39C;
	color:#FFF;
	padding:10px;
	border-radius:20px;
	-moz-border-radius:20px;
	border:solid 5px #069;
}

/* GERAL ------------------------------------------------------------------------------------------------- */

*{
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
a{
}
a:hover{
}
html{
}

/* LAYOUT ------------------------------------------------------------------------------------------------- */

body{
	background:#000;
}
.envelope{
	width:980px;
	margin:auto;
	background:url(layout/fundo_envelope.png);
	display:table;
}
.cabecalho{
	width:980px;
	height:360px;
}
.conteudo{
	width:980px;
}
.coluna-e{
	width:660px;
	float:left;
}
.coluna-e-cheia{
	width:980px;
	float:left;
}
.coluna-d{
	width:320px;
	float:left;
}
.coluna-c{
	width:980px;
	float:left;
}

/* MENU ------------------------------------------------------------------------------------------------- */

.menu{
	width:980px;
	height:50px;
	text-align:center;
	background:url(layout/menu_fundo.png);
}
.menu ul{
}
.menu li{
	float:left;
}
.menu li a{
	display:block;
	height:26px;
	font-size:24px;
	color:#FFF;
	margin-left:20px;
	padding:7px 16px;
}
.menu li a:hover{
	color:#FF0;
}

/* DESTAQUES ------------------------------------------------------------------------------------------------- */

.destaques{
	margin:10px 0px 0px 10px;	
}
.destaques a{
	display:block;
	margin-bottom:10px;
}
.destaques a:hover{
	
}
.destaques img{
	
}

.megabanner{
	margin:10px 0px 0px 10px;	
}


.destaque-p{
	margin:10px 0px 0px 10px;	
}
.destaque-p a{
	display:block;
	margin-bottom:10px;
}
.destaque-p a:hover{
	
}
.destaque-p img{
	
}



/* CAIXAS ------------------------------------------------------------------------------------------------- */

.caixap1a{
	width:280px;
	min-height:60px;
	margin:10px 0px 0px 10px;
	background:#C00 url(layout/caixap1a.png) no-repeat top;
	color:#FFF;
	padding:10px 10px 0px 10px;
}
.caixap1b{
	width:300px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixap1b.png);
}
.caixap1a .titulo{
	display:block;
	font-size:30px;
	color:#FFF;
}
.caixap1a .subtitulo{
	font-size:20px;
	color:#FFF;
}


.caixap2a{
	width:280px;
	min-height:70px;
	margin:10px 0px 0px 10px;
	background:#666 url(layout/caixap2a.png) no-repeat top;
	color:#FFF;
	padding:10px 10px 0px 10px;
}
.caixap2b{
	clear:both;
	width:300px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixap2b.png);
}
.caixap2a .nome{
	display:block;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.caixap2a .cidade{
	display:block;
	font-size:16px;
	color:#FFF;
}
.caixap2a .local{
	float:left;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
.caixap2a .data{
	float:right;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
.caixap2a .email{
	font-size:14px;
	color:#FFF;
}

.caixap2a .compre-email{
	font-size:14px;
	color:#CCC;
	padding:10px 0;
	display:block;
}
.caixap2a .compre-email-destaque{
	font-size:14px;
	color:#ffff66;
	text-align:center;
	background-color:#555;
	width:280px;
	display:block;
	padding:8px 0;
}
.caixap2a .compre-email-destaque:hover{
	background-color:#990000;
}


.caixam1a{
	clear:both;
	width:620px;
	min-height:60px;
	margin:10px 0px 0px 10px;
	background:#C00 url(layout/caixam1a.png) no-repeat top;
	color:#FFF;
	padding:10px 10px 0px 10px;
}
.caixam1b{
	width:640px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixam1b.png);
}
.caixam1a .titulo{
	display:block;
	font-size:30px;
	color:#FFF;
}
.caixam1a .subtitulo{
	font-size:20px;
	color:#FFF;
}



.caixam2a{
	width:620px;
	min-height:60px;
	margin:10px 0px 0px 10px;
	background:#C00 url(layout/caixam2a.png) no-repeat top;
	color:#FFF;
	padding:10px 10px 0px 10px;
}
.caixam2b{
	width:640px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixam2b.png);
}
.caixam2a .titulo{
	display:block;
	font-size:30px;
	color:#FFF;
}
.caixam2a .subtitulo{
	font-size:20px;
	color:#FFF;
}





.caixag1a{
	clear:both;
	width:960px;
	min-height:90px;
	margin:10px 0px 0px 10px;
	background:#666 url(layout/caixag1a.png) no-repeat top;
	color:#FFF;
}
.caixag1b{
	width:960px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixag1b.png);
}
.caixag1a .titulo{
	display:block;
	font-size:30px;
	color:#FFF;
}
.caixag1a .subtitulo{
	font-size:20px;
	color:#FFF;
}


.caixaf1a{
	clear:both;
	width:940px;
	margin:10px 0px 0px 10px;
	padding:10px;
	background:#666 url(layout/caixaf1a.png) no-repeat top;
	color:#FFF;
}
.caixaf1b{
	width:960px;
	height:10px;
	margin:0px 0px 0px 10px;
	background:url(layout/caixaf1b.png);
}
.caixaf1a .titulo{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.caixaf1a .local{
	font-size:12px;
	font-style:italic;
	color:#CCC;
}
.caixaf1a .miniatura{
	width:960px;
	display:table;
	margin:10px 0px 0px 0px;
}
.caixaf1a .miniatura a{
	display:block;
	float:left;
	width:130px;
	height:100px;

}


/* AGENDA -------------------------------------------------------------------------------------------------- */

.agenda-coluna1{
	float:left;
	text-align:center;
	width:80px;
	padding:0px 10px 0px 10px;
	border-right:solid 2px #999;
}
.agenda-coluna1 .dia{
	display:block;
	height:54px;
	font-size:55px;
	font-weight:bold;
	color:#FFF;
}
.agenda-coluna1 .mes{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
.mes{
	text-transform: uppercase;
}
.agenda-coluna1 .ano{
	font-size:14px;
	font-style:italic;
	color:#FFF;
}


.agenda-coluna2{
	float:left;
	text-align:left;
	width:358px;
	padding:10px 10px 0px 10px;
	border-right:solid 2px #999;
}
.agenda-coluna2 img{
	float:left;
}
.agenda-coluna2 .nome{
	float:left;
	width:260px;
	margin-left:10px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
.agenda-coluna2 .evento{
	float:left;
	margin-left:10px;
	font-size:16px;
	color:#FFF;
}



.agenda-coluna3{
	float:left;
	text-align:left;
	width:178px;
	padding:10px 10px 0px 10px;
	border-right:solid 2px #999;
}
.agenda-coluna3 .titulo{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.agenda-coluna3 .local{
	font-size:14px;
	color:#FFF;
}



.agenda-coluna4{
	float:left;
	text-align:left;
	width:220px;
	padding:10px 10px 0px 10px;
}
.agenda-coluna4 .titulo{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.agenda-coluna4 .informacoes{
	font-size:14px;
	color:#FFF;
}


/* ARTISTAS -------------------------------------------------------------------------------------------------- */

.artistas{
}
.artistas a{
	float:left;
	display:block;
	width:475px;
	height:200px;
	margin:10px 0px 0px 10px;
}
.artistas h3{
	margin:10px;
	text-align:center;
	font-weight:bold;
	color:#900;
}

/* .release-link{
	float:right;
	padding:4px 7px;
	font-size:12px;
	font-weight:bold;
	background:#cc0000;
	color:#fff;
	border-radius:10px;
} */
.release-link{
	font-weight:bold;
	color:#cc0000;
}
.release-link:hover{
	text-decoration:underline;
}

/* FOTOS -------------------------------------------------------------------------------------------------- */

.fotos{
	float:left;
	margin:10px 0px 10px 0px;
}


.fotosp{
	float:left;
	text-align:center;
	width:120px;
	margin:0px 0px 10px 10px;
}
.fotosp a:hover span{
	color:#900;
}
.fotosp .titulo{
	display:block;
	font-weight:bold;
	font-size:12px;
}
.fotosp .subtitulo{
	display:block;
	font-size:10px;
}
.fotosp .data{
	display:block;
	font-size:10px;
}

.coluna-d h3{
	margin:10px 0 10px 10px;
	font-weight:bold;
	color:#333;
}

.fotosm{
	float:left;
	text-align:center;
	width:315px;
	margin:0px 0px 10px 10px;
}
.fotosm a:hover span{
	color:#900;
}
.fotosm .titulo{
	display:block;
	font-weight:bold;
	font-size:12px;
}
.fotosm .subtitulo{
	display:block;
	font-size:10px;
}
.fotosm .data{
	display:block;
	font-size:10px;
}


/* MÚSICAS ------------------------------------------------------------------------------------------------- */

.musicas{
	margin:10px 0px 20px 0px;
}
/*.musicas span{
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	margin:0px 0px 10px 20px;
}*/
.musicas span{
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	display:inline-block;
	margin:0px -5px 10px 10px;
}
.musicas audio{
	margin:0 0 10px 10px;
	width:640px;
	max-height:40px;
}
.clipes{
	text-align: center;
	margin:10px 0px 20px 0px;
}
.clipes span{
	text-align: center;
	display: block;
	margin:10px 0px 20px 0px;
}



/* TEXTOS ------------------------------------------------------------------------------------------------- */

.artistas-social{
	position:absolute;
	text-align:right;
	margin-left:340px;
	width:300px;
	height:40px;
}
.artistas-social a{
	display:inline-block;
	width:40px;
	height:40px;
	margin-left:10px;
}
.artistas-social-site{
	background-image:url(layout/artistas_social_site_a.png);
}
.artistas-social-facebook{
	background-image:url(layout/artistas_social_facebook_a.png);
}
.artistas-social-twitter{
	background-image:url(layout/artistas_social_twitter_a.png);
}
.artistas-social-instagram{
	background-image:url(layout/artistas_social_instagram_a.png);
}
.artistas-social-youtube{
	background-image:url(layout/artistas_social_youtube_a.png);
}
.artistas-social-site:hover{
	background-image:url(layout/artistas_social_site_b.png);
}
.artistas-social-facebook:hover{
	background-image:url(layout/artistas_social_facebook_b.png);
}
.artistas-social-twitter:hover{
	background-image:url(layout/artistas_social_twitter_b.png);
}
.artistas-social-instagram:hover{
	background-image:url(layout/artistas_social_instagram_b.png);
}
.artistas-social-youtube:hover{
	background-image:url(layout/artistas_social_youtube_b.png);
}


.apresentacao{
	width:640px;
	margin:10px 0px 10px 10px;
}
.contato-vazio{
	display: block;
	min-height: 400px;
}
.apresentacao h2{
	font-size:24px;
	margin-bottom:15px;
	padding:15px 0 5px 0;
	border-bottom:solid 2px #CCC;
}
.apresentacao-cheia{
	width:960px;
	margin:10px 0px 10px 10px;
}
.apresentacao-cheia h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:solid 2px #CCC;
}
.apresentacao p{
	text-align:justify;
	font-size:12px;
	margin-bottom:10px;
}
.apresentacao .citacao{
	font-weight:bold;
	font-style:italic;
}
strong{
	font-weight:bold;
}




.noticia-olho{
	width:960px;
	margin:10px 0px 10px 10px;
}
.noticia-olho h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:solid 2px #CCC;
}
.noticia-olho p{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.noticia-corpo p{
	margin:20px;
}








/* FORMULARIO ------------------------------------------------------------------------------------------------- */

form{
}
form span{
	font-weight:bold;
}
input{
	border-radius:5px;
	-moz-border-radius:5px;
	border:solid 2px #999;
	height:20px;
	margin-bottom:10px;
}
select{
	width:203px;
	border-radius:5px;
	-moz-border-radius:5px;
	border:solid 2px #999;
	height:26px;
	margin-bottom:10px;
}
#nome{
	width:200px;
}
#data{
	width:200px;
}
#endereco{
	width:200px;
}
#cep{
	width:200px;
}
#cidade{
	width:200px;
}
#estado{
	width:30px;
}
#local{
	width:200px;
}
#descricao{
	width:400px;
	border-radius:5px;
	-moz-border-radius:5px;
	border:solid 2px #999;
}
#responsavel{
	width:200px;
}
#email{
	width:200px;
}
#quantidade{
	width:195px;
	padding-left:5px;
	font-weight:bold;
}

#telefone{
	width:200px;
}
#enviar{
	margin-left:0px;
	font-weight:bold;
	height:26px;
}
#enviar:hover{
	background:#C00;
	color:#FFF;
	border:solid 2px #900;
	cursor:pointer;
}




/* AREA RESTRITA ------------------------------------------------------------------------------------------------- */


.arearestrita-botao{
	clear:both;
	float:right;
	margin:-60px 10px 0px 0px;
}
.voltar{
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
	display:block;
	border-top:solid 2px #CCCCCC;
}

/* RODAPE ------------------------------------------------------------------------------------------------- */

.rodape{
	width:980px;
	height:150px;
	background:url(layout/fundo_rodape.png);
	text-align:center;
	clear:both;
}
.rodape p{
	padding-top:100px;
	font-size:10px;
	color:#333;
}
.rodape ul{
}
.rodape li{
}
.rodape li a{
}
.rodape li a:hover{
}



/* CAMISETAS ------------------------------------------------------------------------------------------------- */

.envelope-cheio{
	width:980px;
	margin:auto;
	background:url(layout/fundo_envelope_cheio.png);
	display:table;
}
.camisetas{
}
.camiseta-mini{
	width:230px;
	height:410px;
	float:left;
	margin-left:12px;
	margin-bottom:12px;
	text-align:center;
}
.camiseta-mini-titulo{
	display:block;
	font-weight:bold;
	margin-top:2px;
	font-size:14px;
}
.camiseta-mini-autor{
	display:block;
	font-style:italic;
	font-size:12px;
}
.camisetas-comprar-mini{
	display:block;
	width:120px;
	height:30px;
	color:#FFF;
	margin:5px 0 0 55px;
	text-align:center;
	padding-top:10px;
	background:url(layout/camisetas_comprar_mini.png);
}
.camisetas-comprar-mini:hover{
	color:#FFFF00;
}

.camiseta-fotos{
	width:640px;
	margin:0 0 10px 10px;
}
.camiseta-foto{
}
.camiseta-descricao{
	width:640px;
	display:block;
	margin:0 0 10px 10px;
	font-size:14px;
}
.camiseta-tamanhos{
	width:640px;
	display:block;
	margin:0 0 10px 10px;
}
.camiseta-estampa{
	margin-left:390px;
	position:absolute;
}
.camiseta-estampa a{
	display:block;
	margin-bottom:10px;
}
.camiseta-form{
	width:280px;
	padding:10px 0;
}
.camiseta-form span{
	color:#FFF;
	font-weight:bold;
}

.preco{
	display:block;
	color:#FFF;
	padding:16px 0 0 30px;
	font-size:18px;
}
.precoi{
	display:block;
	color:#FFF;
	padding:0 0 16px 46px;
	font-size:16px;
}
.valor{
	color:#FFF;
	font-weight:bold;
	font-size:22px;
}
.valori{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}
.esgotada{
	padding-left:40px;
	color:#FFF;
	font-weight:bold;
	font-size:22px;
}


.enviado-mensagem{
	display:block;
	width:960px;
	text-align:center;
	padding:80px 0 80px 0;
	font-size:25px;
	color:#666;
	border-bottom:solid 2px #CCC;
}

.enviado-link{
	color:#990000;
	font-weight:bold;
	margin:10px 0 200px 440px;
	display:block;
}
.enviado-link:hover{
	color:#330000;
}




/* NOVO ------------------------------------------------------------------------------------------------- */


.cabecalho-novo{
	width:980px;
	height:120px;
	background:#000 url(layout/top2014.png);
	text-align:center;
}
.top-social-fb{
	position:absolute;
	width:100px;
	height:80px;
	text-align:right;
	margin:10px 0 0 870px;
}

.promo-texto{
	padding:20px 40px 0 40px;
}
.promo-texto p{
	text-align:center;
	margin-bottom:10px;
}
.promo-texto p a{
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
}



/* MENU2014 ------------------------------------------------------------------------------------------------- */

.menu2014{
	width:980px;
	height:50px;
	text-align:center;
	background:url(layout/menu2014_fundo.png);
}
.menu2014 ul{
}
.menu2014 li{
	float:left;
}
.menu2014 li a{
	display:block;
	font-size:24px;
	color:#FFF;
	margin-left:11px;
	padding:11px 19px 7px 19px;
}
.menu2014 li a:hover{
	color:#FFF;
	background:url(layout/menu2014_fundob.png);
}


/* CONTATO2018 ------------------------------------------------------------------------------------------------- */

.contato-new{
	display: block;
	padding: 80px 0 50px 0;
}
.contato-new a{
	display: block;
	width: 600px;
	height: 30px;
	padding: 10px 0 0 50px;
	margin: 0 0 30px 120px;
	text-align: left;
}
.contato-new a:hover{
	color: #990000;
}

.contato-new-email{
	background: url(layout/artistas_social_email_a.png) top left no-repeat;
}
.contato-new-email:hover{
	background: url(layout/artistas_social_email_b.png) top left no-repeat;
}

.contato-new-whatsapp{
	background: url(layout/artistas_social_whatsapp_a.png) top left no-repeat;
}
.contato-new-whatsapp:hover{
	background: url(layout/artistas_social_whatsapp_b.png) top left no-repeat;
}

.contato-new-facebook{
	background: url(layout/artistas_social_facebook_a.png) top left no-repeat;
}
.contato-new-facebook:hover{
	background: url(layout/artistas_social_facebook_b.png) top left no-repeat;
}

.contato-new-instagram{
	background: url(layout/artistas_social_instagram_a.png) top left no-repeat;
}
.contato-new-instagram:hover{
	background: url(layout/artistas_social_instagram_b.png) top left no-repeat;
}