@charset "utf-8";
/* CSS Document */

/*- Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
/*body {
	line-height: 1;
}*/
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {

	background-color: #000;	
	
	margin: 0;
	padding: 0;
	
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;

}

a.link_sera {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_01.jpg) left top no-repeat;
	
	width: 265px;
	height: 30px;

}

a.link_sera:hover {

	background: url(images/downloads_over_01.jpg) left top no-repeat;
}

a.link_voce {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_02.jpg) left top no-repeat;
	
	width: 265px;
	height: 30px;

}

a.link_voce:hover {

	background: url(images/downloads_over_02.jpg) left top no-repeat;
}

a.link_instintos {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_03.jpg) left top no-repeat;
	
	width: 265px;
	height: 30px;

}

a.link_instintos:hover {

	background: url(images/downloads_over_03.jpg) left top no-repeat;
}


a.link_odio {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_04.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_odio:hover {

	background: url(images/downloads_over_04.jpg) left top no-repeat;
}


a.link_tudo {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_05.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_tudo:hover {

	background: url(images/downloads_over_05.jpg) left top no-repeat;
}


a.link_because {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_06.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_because:hover {

	background: url(images/downloads_over_06.jpg) left top no-repeat;
}


a.link_hora {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_07.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_hora:hover {

	background: url(images/downloads_over_07.jpg) left top no-repeat;
}


a.link_simples {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_09.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_simples:hover {

	background: url(images/downloads_over_09.jpg) left top no-repeat;
}

a.link_just {

	display: block;
	float: left;
	clear: left;
	
	text-indent: -3000px;
	
	background: url(images/downloads_10.jpg) left top no-repeat;
	
	width: 265px;
	height: 40px;

}

a.link_just:hover {

	background: url(images/downloads_over_10.jpg) left top no-repeat;
}


#tudo {

	width: 995px;
	height: 560px;
	
	background-color:  #fff;
	
	margin: 0 auto;

}

#menuflash {

	width: 290px;
	height: 560px;
	
	background-color: #FFF;
	
	float: left;

}

#conteudo {

	width: 705px;
	height: 560px;
	
	float: left;

}

#conteudo_base {

	width: 677px;
	height: 362px;
	
	margin-left: 28px;
	margin-top: 8px;
	
	float: left;

}

/* ESTILOS PARA DOWNLOADS */

div#principal.downloads {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/musica.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}



html>body div#principal.downloads {
width: 705px; /* ..nem este valor é visto. */
height: 560px; /* ..nem este valor é visto. */
}

#aba_downloads {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_musicas.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}


#conteudo_downloads {

	width: 600px;
	height: 290px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}



#principal.downloads ol {

	list-style: outside;
	list-style-type: decimal;

}

#principal.downloads p {

	padding-right: 30px;

}

#principal.downloads img {

	margin: 30px;
	margin-left: 0;
	margin-top: 0;
	float: left;

}

#principal.downloads img.cd {

	border: 5px #000 solid;

}

#principal.downloads img.download {

	float: none;
	margin: 0;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0;

}

#principal.downloads img.simples {

	float: none;
	margin: 0;
	margin-left: 40px;
	margin-right: 3px;
	padding: 0;

}

#principal.downloads img.odio {

	float: none;
	margin: 0;
	margin-left: 23px;
	margin-right: 3px;
	padding: 0;

}

#principal.downloads img.igual {

	float: none;
	margin: 0;
	margin-left: 23px;
	margin-right: 3px;
	padding: 0;

}


#principal.downloads img.just {

	float: none;
	margin: 0;
	margin-left: 6px;
	margin-right: 3px;
	padding: 0;

}

#principal.downloads ol li a {

color: #000;
text-decoration: none;
font-style: italic;

}

#principal.downloads ol li a:hover {

color: #e6dac0;


}

#principal.downloads h3 {

	font-size: 16px;

}


/* ESTILOS PARA LETRAS */




#aba_letras {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_letras.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}

#conteudo_letras {
	width: 500px;
	height: 380px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}

html>body #conteudo_letras {
width: 500px; /* ..nem este valor é visto. */
height: 350px; /* ..nem este valor é visto. */
}

ul.menu_letras {

	margin: 0;
	padding: 0;
	
	list-style: none;

}

ul.menu_letras li {

	float: left;
	display: block;
	margin-right: 5px;

}

ul.menu_letras li a {

	text-decoration: none;
	color: #000;
	padding-left: 3px;
	padding-right: 3px;

}

ul.menu_letras li a:hover {

	background-color: #000;
	color: #FFF;

}


div#menu {

	float: left;
	width: 500px;
	height: auto;

}

div#conteudo_letra {
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	float: left;
	
	width: 500px;
	height: auto;

}

ul.menu_letras li.meus a {

	background-color: #000;
	color: #FFF;

}

ul.menu_letras li.just a {

	background-color: #000;
	color: #FFF;

}

ul.menu_letras li.spls a {

	background-color: #000;
	color: #FFF;

}

ul.menu_letras li.tudo a {

	background-color: #000;
	color: #FFF;

}

.titulo_musica {

	font-size: 17px;
	font-weight: bold;
	color: #000;

}


/* ESTILOS PARA AGENDA */

div#principal.agenda {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/agenda.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}

html>body div#principal.agenda {
width: 705px; /* ..nem este valor é visto. */
height: 560px; /* ..nem este valor é visto. */
}

#aba_agenda {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_agenda.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}


#conteudo_agenda {

	width: 500px;
	height: 290px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}




/* ESTILOS PARA LINKS */

div#principal.links {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/link.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}

html>body div#principal.links {
width: 705px; /* ..nem este valor é visto. */
height: 560px; /* ..nem este valor é visto. */
}

#aba_links {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_links.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}


#conteudo_links {

	width: 500px;
	height: 290px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}

html>body #conteudo_links {
width: 500px; /* ..nem este valor é visto. */
height: 270px; /* ..nem este valor é visto. */
}

#conteudo_base img {

	border: 1px solid #000;

}


/* ESTILOS PARA GALERIA */

div#principal.galeria {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/galeria.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}

html>body div#principal.galeria {
width: 705px; /* ..nem este valor é visto. */
height: 560px; /* ..nem este valor é visto. */
}

#aba_galeria {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_galeria.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}


#conteudo_galeria {

	width: 500px;
	height: 290px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}

html>body #conteudo_galeria {
width: 500px; /* ..nem este valor é visto. */
height: 270px; /* ..nem este valor é visto. */
}

#conteudo_galeria a img {

	border: 2px #000 solid;

}

#conteudo_galeria ul li:hover {

	background-color: #fafafa;

}

#conteudo_galeria ul span.descricao {

	font-size: 11px;
	font-weight: normal;

}

#conteudo_galeria ul {

	margin: 0;
	padding: 0;
	list-style: none;
	
	font-size: 16px;
	font-weight: bold;

}

#conteudo_galeria p {

	padding-right: 30px;

}

#conteudo_galeria img {

	margin: 10px;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	display: inline;
	float: left;

}

#conteudo_galeria h3 {

	font-size: 16px;

}


/* ESTILOS PARA VIDEOS */

div#principal.videos {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/video.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}

html>body div#principal.videos {
width: 705px; /* ..nem este valor é visto. */
height: 560px; /* ..nem este valor é visto. */
}

#aba_videos {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_videos.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}


#conteudo_videos{

	width: 500px;
	height: 290px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}

html>body #conteudo_videos{
width: 500px; /* ..nem este valor é visto. */
height: 270px; /* ..nem este valor é visto. */
}


/* ESTILOS PARA VIDEOS */

#principal {

	width: 705px;
	height: 580px;


}

div#principal {

	width: 705px;
	height: 580px;
	background-image: url(imagens/principal.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}



html>body #principal.home {
	width: 705px; /* ..nem este valor é visto. */
	height: 560px; /* ..nem este valor é visto. */
	background-image: url(imagens/principal.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}


#aba_contatos {

	width: 390px;
	height: 190px;
	
	float: left;
	margin-left: 36px;
	
	background-image: url(imagens/aba_contatos.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;

}

#conteudo_contatos {
	width: 500px;
	height: 380px;
	
	margin-left: 36px;
	margin-top: 10px;
	
	float: left;

}

html>body #conteudo_contatos {
width: 500px; /* ..nem este valor é visto. */
height: 350px; /* ..nem este valor é visto. */
}



#fundo_rodape {

	width: 995px;
	height: 20px;
	
	margin: 0 auto;
	
	background-color: #FFF;

}

#rodape {

	width: 675px;
	height: 20px;
	margin-left: 320px;

	background-color: #1A1A1A;

}

#rodape p {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	
	margin: 0;
	margin-left: 5px;
	padding: 0;
	padding-top: 3px;

}

#rodape p a {

	cursor: help;
	color: #FFF;
	text-decoration:none;

}

#rodape p span.azul {

	color: #5eb2b5;

}

#conteudo_contatos textarea, input {

	width: 130px;
	float: left;
	margin-bottom: 3px;

}

.formulario_contato_label {

	float: left;
	clear: left;
	display: block; 
    padding-top: 3px;
    margin-bottom: 3px;
	width: 70px;
    height: 16px;
	text-align: right;
	padding-right: 3px;
    margin-right: 5px;
    border-right: 1px #c0c0c0 solid;

}

#conteudo_contatos input.botao  {

	width: 131px;
	float: left;
	clear: left;
    margin-left: 79px;
    margin-bottom: 50px;
    color: #682325;
    font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px;
	background: #c0c0c0;
    border: none;
    

}




html>body div#letras_porra {

	width: 705px;
	height: 580px;
	
	background-image: url(imagens/letras.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;

}

#conteudo_letras_letras {

	width: 700px;
	height: 560px;

	float:left;

	background-image: url(imagens/letras.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}

#conteudo_agenda_agenda {

	width: 700px;
	height: 560px;

	float:left;

	background-image: url(imagens/agenda.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}

#conteudo_links_links {

	width: 705px;
	height: 560px;

	float:left;

	background-image: url(imagens/link.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}


#conteudo_galeria_galeria {

	width: 700px;
	height: 560px;

	float:left;

	background-image: url(imagens/galeria.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}



#conteudo_video_video {

	width: 705px;
	height: 560px;

	float:left;

	background-image: url(imagens/video.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;


}