/*
+----------------------------------------------------------------+
	CSS Reset
+----------------------------------------------------------------+
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
a{color:#926402; text-decoration: none;}
a:hover{text-decoration:underline;}

/*
+----------------------------------------------------------------+
	Títulos
+----------------------------------------------------------------+
*/
.tituloPadrao {float: left; clear: both; color: #caaf7f; margin: 0 0 10px -41px; display: block; font-weight: normal; font-size: 24px;}
.titLua     {padding: 10px 0 0 40px; margin-top: 10px; height: 45px; width: 740px; background: url(../imagens/temaSite/titulos/tit-discografia.jpg) no-repeat;}
.titEstrela {padding: 23px 0 0 40px; height: 40px; width: 100%; background:url(../imagens/temaSite/titulos/teste.jpg) no-repeat;}
.subTitSimples {font:normal 24px arial; color:#eddab7; margin: 0 0 15px 0;}
.subTitInstrumentos {float: left; clear: both; width: auto; padding: 5px 100px 0 0; margin: 20px 0 0 0; font: normal 24px arial; color: #eddab7; height: 40px; background: url(../imagens/temaSite/bg_subTitInstrumentos.gif) no-repeat right top;}

/* Titulos PNG */
.titInstrumentos {margin: 20px 0 10px -20px; float: left;}
.titInstrumentos {float: left; margin: 10px 0 10px -10px;}

/*div.typeface-js { font-family: Chopinscript; font-size: 36px;}*/
/* Typeface */
.typeface-js{font-family: Chopinscript; font-size: 36px; margin: 0; padding: 0; float: left; width: 81%;}
.font26 {font-size: 26px;}

h3.titulo {margin: 0 0 10px 0; float: left; clear: both; font: normal 14px arial; color: #eddab7; width: 100%;}
h3.typeface-js {font-size: 36px;}
h2.typeface-js {font-size: 60px; height: 70px;}
.h3Sub {font-size: 24px;}
.claro{color: #ab7f32;}
.escuro{color: #483108}

/* Alerta */
.alerta {border: solid 1px #5e3e0a; background: #281b05; padding: 5px;}

/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/
body{background: #d4cebf url(../imagens/temaSite/bg_body.jpg) repeat-y center top; font: normal 12px arial; color: #cfa04d;}

#containerSite {width: 100%; background: url(../imagens/temaSite/bg_containerSite.jpg) no-repeat center top;}

#site {width: 801px; overflow: auto; background:#000 url(../imagens/temaSite/bg_site.jpg) repeat-y; margin:0 auto;}
#conteudo {float: left; clear: both; padding: 0 20px 0 40px; width: 740px;}
#conteudoInterno {float: left; width: 730px; margin: 0px 10px 0 35px;}

/* outros */
#conteudoInterno p {margin: 0 0 10px 0;}
.boxExtra {padding: 27px; margin: 15px 0 130px; width: 330px; float: left; background: #261d0c url(../imagens/temaSite/bg_boxExtra.jpg) repeat-x;}
.boxExtra .conhecaInstrumentos {float: left; width: 350px; position: absolute; margin: -20px 0 0 50px;}
.imgBiografia {float: right; width: 235px;}

/* Classes */
.leiaMais, .leiaMais2 {padding: 0 0 0 8px; margin: 0; display: block; font-weight: 700; display: block; clear: both;}
.leiaMais {background: url(../imagens/temaSite/marcador_marrom.gif) no-repeat left center; color: #caaf7f; float: left;}
.leiaMais2 {background: url(../imagens/temaSite/marcador_marrom2.gif) no-repeat left center; color: #483108;float: right; }

/* Lista Form */
.listaForm {float: left; clear: both; width: 400px; margin: 30px 0;}
.listaForm li {float: left; clear: both; width: 100%; margin: 0 0 20px 0;}
.listaForm li label {display: block; margin: 0 0 7px 0; font-weight: 700; color: #caaf7f;}
.campoMedio {border: solid 2px #cfa04d; width: 340px; padding: 3px;}
.campoMedio:hover, .campoMedio:focus {border: solid 2px #7D5E22; background: #FBF7EE;}

.botaoForm {padding: 5px 10px; cursor: pointer; background: #453d2c url(../imagens/temaSite/bg_liAlbum.jpg) repeat-x; border: none; color: #cfa04d;}
.botaoForm:hover {background: #79653a;}

/*
+----------------------------------------------------------------+
	Cabeçalho
+----------------------------------------------------------------+
*/
#cabecalho {float: left; clear: both; width: 801px; height: 265px; background: url(../imagens/temaSite/bg_cabecalho.jpg) no-repeat;}
#cabecalho h1 {text-indent: -9000px;}

/*
+----------------------------------------------------------------+
	Menu
+----------------------------------------------------------------+
*/
#menu {float: left; clear: both; margin: 200px 0 0 30px;}
#menu li {float: left; margin: 0 9px 0 0;}
#menu li a {display: block; padding: 3px 20px; font:normal 14px arial; color: #ab7f32;}

/*
+----------------------------------------------------------------+
	CONTEUDO INDEX
+----------------------------------------------------------------+
*/
/* Index do site */
#biografiaIndex {float: left; width: 430px; margin: 0 10px 0 0;}

/* BOX DE INSTRUMENTOS E NOTÍCIAS NA HOME */
#extrasIndex {float: left; width: 290px; height: 530px; overflow: hidden; background: url(../imagens/temaSite/bg_papel_index.jpg) no-repeat; color: #483108;}

/* Instrumento */
#extrasIndex .instrumentos {float: left; width: 260px; height: 300px; margin: 0 0 0 20px;}
#extrasIndex .instrumentos h2 {margin: 0 0 0 -17px;}
#extrasIndex .instrumentos .listaInstrumentosIndex {margin: 0 0 0px 10px; float: left; clear: both; height: 210px; width: 240px;}
#extrasIndex .instrumentos .listaInstrumentosIndex li {float: left; width:109px;}
#extrasIndex .instrumentos .listaInstrumentosIndex li.margin {margin: 0 18px 0 0;}
#extrasIndex .instrumentos .listaInstrumentosIndex li h3 {float: left; width: 100px; font-size: 14px; margin: 0 0 5px 5px;}
#extrasIndex .instrumentos .listaInstrumentosIndex li .imgInstrumento {float: left; width: 88px; height: 88px; padding: 6px; background: url(../imagens/temaSite/bg_imgInstrumentosIndex.jpg) no-repeat;}
#extrasIndex .instrumentos .listaInstrumentosIndex li .mascaraImg {width: 88px; height: 88px; float: left; overflow: hidden;}
#extrasIndex .instrumentos .listaInstrumentosIndex li .descricao {width: 95px; float: left; margin: 10px 0 0 5px;}

/* Notícias */
#extrasIndex .noticias {float: left; clear: both; width: 250px; margin: 0 0 0 20px;}
#extrasIndex .noticias h2 {margin: 0 0 0 -7px;}
#extrasIndex .noticias .listaNoticiaIndex {float: left; clear: both; width: 240px;}
#extrasIndex .noticias .listaNoticiaIndex li {width: 100%; float: left; clear: both; border-bottom: dotted 1px #483108; padding: 0 0 5px 0; margin: 0 0 5px 0;}
#extrasIndex .noticias .listaNoticiaIndex li a {display: block; color: #483108;}
#extrasIndex .noticias .listaNoticiaIndex li a strong {display: block; font-size: 14px;}

/* Discografia */
#discografiaIndex {float: left; clear: both; margin: 40px 0 0 0;}
#discografiaIndex .containerResumoDisco {cursor: default;}

/*
+----------------------------------------------------------------+
	DISCOGRAFIA
+----------------------------------------------------------------+
*/

/* Músicas disponíveis */
.listaAlbuns li .containerResumoDisco .containerMusicas {float: left; width: 200px; padding: 0 0 0 10px; background: url(../imagens/temaSite/bg_linhaPontilhadaVertical.gif) repeat-y;}
.listaAlbuns li .containerResumoDisco .containerMusicas h3{font-size: 12px; margin: 0 0 10px 0; letter-spacing: 1px; color: #caaf7f;}
.listaAlbuns li .containerResumoDisco .containerMusicas .listaMusicas {float: left; clear: both; width: 200px}
.listaAlbuns li .containerResumoDisco .containerMusicas .listaMusicas li {float: left; clear: both; width: 180px; background: none; padding: 0; margin: 0 0 10px 0;}
.listaAlbuns li .containerResumoDisco .containerMusicas .listaMusicas li a {padding: 0 0 0 20px; background: url(../imagens/temaSite/bg_listaAlbum_marcador.gif) no-repeat; color: #ab7f32;}

/* Box de descrição do disco */  
.listaAlbuns li .descricaoDisco {width: 720px; overflow: auto;}
.listaAlbuns li .descricaoDisco .imgDisco {float: left; margin: 0 26px 0 0; border: solid 3px #eddab7; }
.listaAlbuns li .descricaoDisco .subTitSimples {float: left; width: 350px;}
.listaAlbuns li .descricaoDisco .textoDisco {float: left; width: 350px; padding: 0 0 40px 0; background: url(../imagens/temaSite/bg_textoDisco.jpg) no-repeat center bottom;}

/* Box com as faixas do album */
.containerFaixas {float: left; clear: both; width: 720px; margin: 15px 0;}
.listaFaixa {float: left; width: 355px; background: #000; overflow: auto;}
.listaAlbuns li .listaFaixa li {float: left; clear: both; width: 330px; margin: 0 0 6px 0; color: #fff;}
.listaAlbuns li .listaFaixa li span {float: right; clear: both; width: 295px; margin: 0 10px 0 0; color: #caaf7f;}

/* Box marrom de Album e espetaculo */
.listaEspetaculo, .listaAlbuns {float: left; clear: both; width: 722px; margin: 10px 0 0 0;}
.listaEspetaculo li, .listaAlbuns li {float: left; clear: both; width: 720px;}
.containerResumoDisco, .containerResumoEspetaculo {width: 702px; cursor: pointer; padding: 10px 9px; margin: 0 0 10px 0; background: #261d0c url(../imagens/temaSite/bg_liAlbum.jpg) repeat-x;}
.containerResumoEspetaculo p {color: #caaf7f; width: 95%;} 
.containerAlbum p {color: #caaf7f; width: 80%;}
.containerResumoEspetaculo img, .containerAlbum img {float: left; margin: 0 10px 10px 0;}
.linkExtra {float: right; position: absolute; width: 70px; height: 25px; text-align: center; margin: -6px 0 0 530px; color: #ab7f32; background: url(../imagens/temaSite/bg_btn_expandir.gif) no-repeat;}
.linkExtra:hover {text-decoration: none; color: #e1ba74;}

/*
+----------------------------------------------------------------+
	ESPETACULO
+----------------------------------------------------------------+
*/

/* Informativo do Espetaculo */
.descricaoEspetaculo {float: left; clear: both; width: 725px; margin: 0 0 55px 25px;}
.boxImgEspetaculo {float: left; width: 320px; height: 238px; margin: 20px 15px 0 0;}
.boxImgEspetaculo .imgMoldura {float: left; z-index: 2;}
.boxImgEspetaculo .maskFotoEspetaculo {float: left; width: 280px; height: 190px; overflow: hidden; margin: -207px 0 0 15px; z-index: 1; }
.boxDescEspetaculo {float: left; width: 360px;}

/*
+----------------------------------------------------------------+
	LISTA INSTRUMENTOS
+----------------------------------------------------------------+
*/
#containerInstrumentos {float: left; clear: both; width: 720px; overflow: auto;}
.listaInstrumentos {float: left; clear: both; width: 720px; margin: 5px 0 0 0; color: #caaf7f; border-bottom: solid 1px #cfa04d;}
.listaInstrumentos li {float: left; clear: both; width: 720px; margin: 0 0 17px 0; padding: 14px 0 0 0; background: url(../imagens/temaSite/bg_linhaPontilhadaHorizontal.gif) repeat-x left top;}
.listaInstrumentos li .imgInstrumento {float: left; width: 88px; height: 88px; padding: 6px; margin: 0px 10px 10px 0; background: url(../imagens/temaSite/bg_imgInstrumentos.jpg) no-repeat;}

/*
+----------------------------------------------------------------+
	MÍDIA
+----------------------------------------------------------------+
*/

/* Notícias e eventos */
#Noticia_evento {float: left; width: 360px; margin: 0 0 50px 0;}
#Noticia_evento .listaNotEven {float: left; clear: both; width: 330px;}
#Noticia_evento .listaNotEven li {float: left; clear: both; width: 330px; padding: 15px 0; background: url(../imagens/temaSite/bg_linhaPontilhadaHorizontal.gif) repeat-x left bottom;}
#Noticia_evento .listaNotEven li span.data {font: 700 14px arial;  display: block;}
#Noticia_evento .listaNotEven li a {display: block;}

/* Lista de Notícias temporária */
#Noticia_evento .listaNotEven li span.data {color: #fff;}
#Noticia_evento .listaNotEven a{display: block; color: #cfa04d;}

/* Alternancia das cores dos links 
#containerNoticia, #containerEvento {float: left; overflow: auto; margin: 0 0 30px 0; width: 340px;}
#containerNoticia .listaNotEven li span.data {color: #fff;}
#containerNoticia .listaNotEven a{display: block; color: #cfa04d;}
#containerEvento .listaNotEven li span.data {color: #cfa04d;}
#containerEvento .listaNotEven a{color: #fff;}
*/

/* Box GERAL de Fotos, Video e Links */
.containerFotosVideos {float: left; clear: both; width: 350px; height: 480px;}
#boxFotosVideos {float: left; width: 350px; height: 800px; padding: 7px 0 0 5px; margin: 0 0 0 3px; background: url(../imagens/temaSite/bg_midia_video2.jpg) no-repeat;}
#boxFotosVideos h3{float: left; clear: both; width: 80%; margin: 10px 0;}

/* Player das fotos e videos */
#fotosVideos {width: 350px; height: 420px;}

/* Links */
#links {float: left; clear: both; width: 205px; margin: 15px 0 0 75px;}
#links p {float: left; clear: both; width: 100%;}
#links ul.listaLinksRelacionados {float: left; clear: both; width: 100%;}
#links ul.listaLinksRelacionados li {float: left; clear: both; margin: 0 0 5px 0; padding: 2px 0 2px 8px     ; width: 100%; background: url(../imagens/temaSite/marcadorLinks.gif) no-repeat left center;}
#links ul.listaLinksRelacionados li a {color: #cfa04d;}

/* Lista Fotos*/
.listaFotos {float: left; width: 320px; margin: 0 0 0 15px;}
.listaFotos li {float: left; width: 33%; margin: 0 0px 0px 0;}
.listaFotos a {display: block; overflow: auto; padding: 10px; background: url(../imagens/temaSite/bg_imgInstrumentosIndex.jpg) no-repeat center;}
.listaFotos a .maskFoto {float:left; overflow: hidden; width: 88px; height: 88px; border-color: #000;}
.listaFotos a .maskFoto img {width: 88px; height: auto;}

.listaPaginacao {float: left; clear: both; width: 310px; margin: 10px 0 0 20px;}
.listaPaginacao li {float: left;width: 49%;}
.listaPaginacao li a {display: block; color: #483108; font-weight: 700;float: left; }
.listaPaginacao li a.ant {background: url(../imagens/temaSite/left.jpg) no-repeat left center; padding: 3px 3px 3px 20px; text-align: left; float: left;}
.listaPaginacao li a.prox {background: url(../imagens/temaSite/right.jpg) no-repeat right center; padding: 3px 20px 3px 3px; text-align: right; float: right;}

.listaPagInterna {float: left; width: 330px; margin: 20px 0;}
.listaPagInterna li {float: left; margin: 0 5px 0 0; width: auto;}
.listaPagInterna li a {display: block; padding: 4px 8px; font: 700 11px arial; border: solid 1px #CFA04D; background: #FEE2A9; color: #946D27;}
.listaPagInterna li a:hover {text-decoration: none; background: #CFA04D; border: solid 1px #FEE2A9; color: #fff;}

/*
+----------------------------------------------------------------+
	Contato
+----------------------------------------------------------------+
*/
#formContato {float: left; overflow: auto; width: 400px;}
#imgContato {float: left; width: 320px;}

/*
+----------------------------------------------------------------+
	Rodapé
+----------------------------------------------------------------+
*/
#rodape {float: left; clear: both; width:721px ; padding: 25px 40px; color: #787878; background: url(../imagens/temaSite/bg_rodape.jpg) no-repeat center bottom;}
#rodape .p4 {float: left; margin: 15px 0 0 0;}
#rodape .listaLinks {float: right; width: 300px;}
#rodape .listaLinks li {width: auto; float: right; margin: 0 0 0 5px;}