/* -------------------------------------------------- */
/* SOURCE CODE                                        */
/* -------------------------------------------------- */

* { margin:0; padding:0; border:none; list-style:none }

body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff }

input, textarea, button, select { font-family:Arial, Helvetica, sans-serif; font-size:12px }
input, textarea, select { padding:2px; border:1px solid #222; background-color:#000; color:#fff }
button { padding:5px; background:#222; color:#000; font-weight:bold; text-transform:uppercase; cursor:pointer }
button:hover { background-color:#444; color:#fff }

a { color:#fff; text-decoration:underline }
a:hover { text-decoration:none }

label { font-weight:bold }
label.clear { font-weight:normal }

#frmContato input, #frmContato textarea, #frmContato select { width:70% }
#frmMural input, #frmMural textarea { width:236px }

#frmContato label { float:right }


.nomb { margin-bottom:0 !important }


#wrap { position:absolute; left:50%; margin-left:-500px; width:1000px }


#header { float:left; width:1000px; height:230px; background:#000 url('../../imagens/bg_header.jpg') no-repeat }
#header img { width:1000px; height:230px }


#violao-mao { position:absolute; left:930px; z-index:1000 }


#middle { float:left; width:960px; padding:20px; background-color:#000 }
#middle.init { background:#000 url('../../imagens/bg_middle-init.jpg') no-repeat }


#sidebar { float:left; width:200px }


#menu { float:left; width:200px }
#menu ul li a { display:block; float:left; width:200px; height:38px; margin-bottom:10px; text-indent:-9999px }
#menu ul li a.agenda { background:url('../../imagens/btn_agenda.jpg') no-repeat }
#menu ul li a.fotos { background:url('../../imagens/btn_fotos.jpg') no-repeat }
#menu ul li a.noticias { background:url('../../imagens/btn_noticias.jpg') no-repeat }
#menu ul li a.musicas { background:url('../../imagens/btn_musicas.jpg') no-repeat }
#menu ul li a.artistas { background:url('../../imagens/btn_artistas.jpg') no-repeat }
#menu ul li a.mural { background:url('../../imagens/btn_mural.jpg') no-repeat }
#menu ul li a.contato { margin-bottom:0; background:url('../../imagens/btn_contato.jpg') no-repeat }

#init #menu ul li a.noticias { display:none }


#last-event { margin-top:20px; float:left; width:200px }
#last-event h3 { padding:2px; font-size:14px; font-weight:lighter; text-transform:uppercase; border-bottom:2px solid #666 }
#last-event h4 { padding:2px; font-size:12px; background-color:#111 }
#last-event p { padding:0 2px; background-color:#111 }
#last-event a { display:block; float:left }


#content { float:right; text-align:justify; width:740px; line-height:18px }
#content h2 { margin-bottom:10px; font-size:18px; font-weight:lighter; text-transform:uppercase }
#content h3 { margin-bottom:5px; font-size:14px }
#content h3.bt { margin-top:10px; padding-top:10px; border-top:2px solid #222 }
#content p.data { color:#999 }

#content #video { float:left; width:320px; height:240px; margin-top:9px; margin-left:9px }

#content img.iesquerda { float:left; margin-right:10px; border:2px solid #222 }
#content img.idireita { float:right; margin-left:10px; border:2px solid #222 }

#content .box { float:left; width:718px; padding:10px; border:1px solid #444; background-color:#222 }
#content .box button { margin-top:5px; background-color:#000; color:#fff }
#content .box p { margin:10px 0 }

#content ul.artistas li { display:block; float:left; text-align:center; width:240px; height:200px }
#content ul.artistas li.meio { margin:0 10px }
#content ul.artistas li img { border:2px solid #222 }

#content ul.eventos li { display:block; float:left; text-align:center; width:240px; height:280px }
#content ul.eventos li.meio { margin:0 10px }
#content ul.eventos li img { border:2px solid #222 }

#content ul.fotos { float:left; padding:4px }
#content ul.fotos li { display:block; float:left; text-align:center; width:102px; height:77px; margin:10px }

#content ul.musicas li { display:block; float:left; width:370px; margin-bottom:10px }
#content ul.musicas li a { display:block; float:left; margin-top:5px; padding:5px; padding-left:26px; background:#111 5px 7px url('../../imagens/ico_musica.png') no-repeat; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none }
#content ul.musicas li a:hover { background-color:#333; color:#000 }

#content ul.mural li { margin-bottom:10px; padding-top:10px; border-top:1px solid #111 }
#content ul.mural li.first { border:none }

#content ul.noticias li { margin-bottom:10px }
#content ul.noticias li span { color:#999 }

#content .paginacao { float:left; width:740px; margin-top:2px; padding-top:10px; border-top:2px solid #222 }
#content .paginacao ul { margin-top:10px }
#content .paginacao ul li { display:inline }
#content .paginacao ul li a { padding:5px 10px; background-color:#333 }
#content .paginacao ul li a.atual { background-color:#666 }
#content .paginacao ul li a:hover { background-color:#999; color:#000 }


#content-left { float:left; width:480px }

#content-left .box { width:458px }

#content-left .paginacao { width:480px }


#content-right { float:right; width:240px }

#content-right #mural-msg { margin-top:20px }
#content-right #mural-msg .box { width:218px }
#content-right #mural-msg .box h3 { margin-bottom:0; font-size:12px }


#destaques { float:left; width:960px; height:392px; padding:30px 20px; background:url('../../imagens/bg_destaques.jpg') no-repeat }


/*#destaque-foto { float:left; width:280px; height:260px; margin-top:60px }*/
#destaque-foto { float:left; width:236px; height:210px; margin-top:60px; padding:0 22px; padding-top:50px }
#destaque-foto ul { display:block; float:left; width:236px; height:150px; margin-bottom:7px }
#destaque-foto ul li { display:block; float:left }
#destaque-foto p { color:#999 }


#destaque-festa { float:left; text-align:center; width:380px; height:380px }
#destaque-festa img { margin:10px }


#destaque-apoio { float:left; width:160px; height:260px; margin-top:60px }
#destaque-apoio img { width:150px; height:110px; margin:75px 0; margin-left:10px }


#footer { float:left; text-align:center; width:1000px; height:28px; padding-top:12px; border-top:2px solid #222; background:#111 }
body#init #footer { border:none; background:url('../../imagens/bg_footer.jpg') no-repeat }
#footer address { font-style:normal }