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

body {margin:0 auto; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#000; background:#000 url(../imgs/bg_page_1.jpg) center center fixed no-repeat; }
.no-border {border:0 none;}
h1 {color:#FFF; text-shadow:2px 2px 2px #999; margin:0 0 5px 10px; padding:5px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
h2 {color:#FFF; text-shadow:2px 2px 2px #999; margin:0 0 5px 70px; padding:5px; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
h3 {color:#FFF; text-shadow:2px 2px 2px #999; margin:0 0 5px 0; padding:5px; font-size:12px; font-family:Verdana, Geneva, sans-serif;}

img {border:0 none;}

#header {width:100%; height:220px; background:url(../imgs/bg_menu.png) bottom left repeat-x;}
#content-head {width:810px; margin:0 auto;}

.logo { width:404px; margin:0 auto;}

object {overflow:hidden; width:255px; margin:0 auto; padding-bottom:10px;}

.problem {font-size:12px; color:#F90; font-weight:bold; margin-left:10px;}
/** Carregando **/
#prepage {position:absolute;font-size:22px; left:0px; top:0px; background:url(../imgs/bg_prepage.png) repeat top left; color:#FFF; layer-background-color:#000; height:100%; width:100%; z-index:100;}

/** Menu **/
.menu {width:100%; clear:both; padding-top:12px;}
.menu ul {list-style:none; margin:0; padding:0;}
.menu ul li {float:left; margin-left:15px;}
.menu ul li a {text-decoration:none; font-weight:bolder; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; font-size:24px;  color:#FFF; letter-spacing:-2px; text-shadow: 2px 2px 2px #999; }
.menu ul li a:hover {color:#FFF; text-shadow:none; border-bottom:2px dotted #fff; text-decoration:line-through;}

/** **/
#content {width:810px; height:auto; margin:10px auto 30px auto; overflow:hidden;}

/** Slide **/
#slider-banner {width:100%; height:300px; float:left; margin-bottom:20px; -moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left;}
#slider-banner img {-moz-border-radius:15px; -webkit-border-radius:15px; border:none;}

/** Colunas - Home **/
#colun-1-home {float:left; width:255px;}
#colun-2-home {float:left; width:255px; margin-left:22px;}
#colun-3-home {float:right; width:255px;}

/** Box - Home **/
#box-h-agenda {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}
#box-h-fotos  {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px; overflow:hidden;}
#box-h-twitter  {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}
#box-h-redes  {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}
#box-h-vote   {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}
#box-h-apoio  {-moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}

.menu-redes {margin:0 auto; margin-bottom:5px; padding:0; overflow:hidden; width:240px;}
.menu-vote {margin:0 auto; margin-bottom:5px; padding:0; overflow:hidden; width:218px;}
.menu-apoio {margin:0 auto; margin-bottom:5px; padding:0; overflow:hidden; width:218px;}

.menu-redes li, .menu-vote li, .menu-apoio li { display:block; list-style:none; margin:1px; }
.menu-redes li a, .menu-vote li a, .menu-apoio li a {float:left;}

/** Agenda Home **/
.lista-h-agenda {margin:0 0 10px 0; padding:0; overflow:hidden; color:#CCC; font-style:italic;border-bottom:1px dotted #333;}
.lista-h-agenda img { float:left; width:50px; margin-left:10px; margin-right:5px; }
.lista-h-agenda li {display:block; margin-bottom:6px; }
.lista-h-agenda .date {font-size:22px; color:#FFF; font-weight:bold}
.lista-h-agenda .local, .lista-h-agenda .valor {font-size:10px; }
.lista-h-agenda .valor {margin-left:65px;}
.lista-h-agenda .valor .H {color:#00F;}
.lista-h-agenda .valor .M {color:#F0F;}

#saiba { text-align:right; padding-right:5px;}
#saiba a {color:#CCC; text-decoration:none; font-size:10px;}
#saiba a:hover {color:#0F0;}

/*****/

.quadro {margin-left:43px; position:relative; width:180px; height:130px; float:left;}
.quadro img {background:#fff; border:solid 1px #ccc; padding:4px;}
.quadro span {width:20px; height:18px; display:block; position:absolute; top:12px; left:12px;}
.quadro a {text-decoration:none;}
.quadro-h span {width:181px; height:134px; display:block; position:absolute; top:-6px; left:-6px; background:url(../imgs/brush-border.png) no-repeat;}
.quadro-h img {border:none; padding:0;}

/*** - Coluna Esquerda Conteudo - ***/
#colun-conteudo {width:532px; float:left; -moz-border-radius:15px; -webkit-border-radius:15px; border:none; background:url(../imgs/bg_box.png) repeat top left; margin-bottom:20px; padding-bottom:5px;}

/*** - Box Agenda - ***/
#box-agenda {padding-bottom:5px;}
.lista-agenda {margin:0 80px 10px 80px; padding:0 0 10px 0; overflow:hidden; color:#CCC; font-style:italic; border-bottom:1px dotted #ccc;}
.lista-agenda img { float:left; margin-right:10px; }
.lista-agenda li {display:block; margin-bottom:6px; margin-top:2px;}
.lista-agenda .date {font-size:22px; color:#FFF; font-weight:bold; font-style:normal;}
.lista-agenda .local, .lista-h-agenda .valor {font-size:10px; }
.lista-agenda .valor .H {color:#00F;}
.lista-agenda .valor .M {color:#F0F;}
.lista-agenda .site a {color:#CCC; text-decoration:none;}
.lista-agenda .site a:hover {color:#0F0;}


/*** - Box Multimidia - ***/
#legenda-musicas {float: right; margin:5px 5px 0 0;}
#legenda-musicas span {vertical-align:middle; font-size:10px; color:#CCC; text-align:center;}
#legenda-musicas img {width:15px; vertical-align:middle;}

#box-multimidia {width:350px; margin:0 auto; overflow:hidden;}

.lista-musicas {margin:0; padding:0; color:#ccc;}
.lista-musicas li { display:block; border-bottom:1px dotted #666; line-height:20px; margin-bottom:10px; padding-left:5px;}
.lista-musicas li a { float:right;}
.lista-musicas li a img {width:20px;}
.lista-musicas li:hover {background-color:#000;}

/*** - Box A Banda - ***/

#texto-banda { text-align:justify; text-indent:15px; font-size:12px; font-weight:bold; padding:10px; color:#CCC; text-shadow:2px 2px 2px #000;}

#box-abanda {width:100%; margin:0 0 30px 0; overflow:hidden;}

.lista-integrante {margin:0 auto; padding:0; width:512px;}
.lista-integrante li {display:block; margin:0 10px 0 10px; width:105px; display:inline; float:left; border:1px dotted #666; background-color:#333; padding-bottom:2px; background-color:#000;} 
.lista-integrante li img {width:105px; height:158px; display:block; margin:0 auto;}
.lista-integrante li a {float:left; width:105px; text-align:center; margin-top:2px;}
.lista-integrante li .banda-nome {font-size:12px; color:#FFF;}
.lista-integrante li .banda-funcoes {font-size:10px; color:#CCC; font-style:italic;}

.foto-abanda {float:right; border:1px dotted #FFF; margin-left:5px; width:250px;}
/*** - Box Imprensa - ***/ 

#box-wallpaper {width:100%; margin:0 0 30px 0; overflow:hidden; display:none;}

.lista-wallpaper {margin:0 auto; padding:0; width:370px;}
.lista-wallpaper li {display:block; float:left; width:100px; margin:0 10px 0 10px;}
.lista-wallpaper li img {width:100px; height:75px; border:1px dotted #FFF;}
.lista-wallpaper li a {float:left; width:100px; text-align:center; margin-top:2px; color:#CCC; text-decoration:none;}
.lista-wallpaper li a:hover {color:#0F0;}

#box-logos {width:100%; margin:0 0 30px 0; overflow:hidden;}
.lista-logos {margin:0 auto; padding:0; width:370px;}
.lista-logos li {display:block; float:left; width:100px; margin:0 10px 0 10px;}
.lista-logos li img {width:100px; height:75px; border:1px dotted #FFF;}
.lista-logos li a {float:left; width:100px; text-align:center; margin-top:2px; color:#CCC; text-decoration:none;}
.lista-logos li a:hover {color:#0F0;}

/*** - Box Contato - ***/

#box-form {margin:0 auto; width:200px; color:#FFF;}
#box-form a {color:#ccc; text-decoration:none;}
#box-form a:hover {color:#FFF;}

#box-formulario {margin:20px  auto; padding:0; width:410px; color:#FFF;}

#box-formulario .titulo {float:left; list-style:none; padding:0; margin:0;}
#box-formulario .titulo li {margin-bottom:16px; text-align:right;}
#box-formulario .form-menu {clear:both; margin:0 auto; padding:0; width:210px;}
#box-formulario .form-menu li {display:inline; margin-left:5px;}

.formdir {margin:0 auto; padding:0; list-style:none; width:210px;}
.formdir li {margin-bottom:5px; color:#FFF;}
#nome, #mail,#cidade, #tel, #assunto, #msg {background:url(../imgs/bg_box.png) repeat; color:#0F0; border:1px solid #666; width:250px; font-size:12px; font-style:italic; padding:5px 2px 5px 2px;}

/*** - Box Repertorio - ***/
/*
ul.repertorio{list-style:none; color:#CCC;}
ul.repertorio li.img{width:100px; height:100px; margin:0 10px; float:left;}
ul.repertorio li.img img{border:1px dotted #CCC;}
ul.repertorio li{ width:100px; min-height:150px; _height:150px; padding:10px 0; float:left;}*/
#box-repertorio {color:#CCC; margin:0 auto; width:350px;}
/*#box-repertorio li {margin-bottom:5px;border-bottom:1px dotted #666; padding:5px;}*/
.bandas, .musicas {padding:10px;border-bottom:1px dotted #666;}
.bandas {font-weight:bold; }
.musicas {font-style:italic;}

/*** - Box Fotos - ***/
.lista-fotos { margin:0 auto; width:350px;}
.lista-fotos li {list-style:none; margin-bottom:15px; color:#999;}
.lista-fotos li a {text-decoration:none; color:#999; font-size:10px; background:url(../imgs/bg_box.png) repeat; padding:5px; 
moz-border-radius:8px; -webkit-border-radius:8px;}
.lista-fotos li a:hover, .lista-fotos li:hover {color:#FFF; list-style:square;}