/******** GERAIS *********/
#bandaGaleria li a, #bandaGaleria li a:hover{
  padding:0;
  background:none;
}
#banda, #galeria, #videos, #agenda, #mural, #contato, #down, #integrantes, #integrante{
  width:910px;
  float:left;
  margin:10px 0 0 0;
  padding:0 0 40px 40px;
/*  border:1px solid red;*/
}


/******** A BANDA *********/
#banda a{
  font:12px "trebuchet ms", arial;
  color:#000;
  text-decoration:none;
  background:#99CC33;
  padding:0 3px;
}
#banda a:hover{
  font:12px "trebuchet ms", arial;
  color:#FFF;
  text-decoration:none;
  background:#333333;
  padding:0 3px;
}

#bandaTexto{ /* Coluna esquerda para o texto */
  width:55%;
  float:left;
  line-height:21px;
  text-align:justify;
}
#banda h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_banda.gif) no-repeat -12px 0;
}
#bandaGaleria{/* Coluna direita para a galeria */
  width:40%;
  float:left;
  padding:0 0 0 40px;
}
#bandaGaleria ul{
  width:100%;
  float:left;
  padding:0 0 0 4px;
}
#bandaGaleria li{
  width:104px;
  height:75px;
  overflow:hidden;
  float:left;
  margin:8px 3px 0 3px;
  border:1px solid #393939;
  padding:4px;
}

/******** GALERIA  *********/
#galeria h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_fotos.gif) no-repeat -8px 0;
}
#galeria h2{
  width:100%;
  float:left;
  margin:0 0 10px 0;
  font:bold 16px "tebuchet ms", arial;
  color:#ababab;
}
#galeria span{
}
#galeriaEsquerda{ /* Coluna esquerda para o texto */
  width:479px;
  float:left;
  border:1px solid #333;
  padding:14px;
  _padding:14px 2px;
}
#galeriaFotoGrande{
  width:479px;
  height:385px;
  float:left;
  margin:0 0 10px 0;
}
#galeriaDireita{/* Coluna direita para a galeria */
  width:360px;
  float:left;
  padding:0 0 0 20px;
/*  border:1px solid red;*/
}
#galeriaSelect{
  width:100%;
  float:left;
  border:1px solid #333;
  padding:12px;
  margin:0 0 10px 0;
}
#galeriaSelect select{
  width:250px;
  border:1px solid #000;
  font:11px "trebuchet ms", arial;
  color:#000;
}
#galeria ul#thumbs{
  width:100%;
  height:350px;
  float:left;
  border:1px solid #333;
  padding:12px;
}
#galeria li.liThumbs{
  width:88px;
  height:62px;
  float:left;
  margin:6px 13px 8px 9px;
  _margin:6px 10px 8px 7px;
  border:1px solid #393939;
  padding:4px;
  list-style-type:none;
}
#galeria .liThumbsFoto{
  width:88px;
  height:62px;
  overflow:hidden;
  float:left;
}
/*#galeria li.liThumbs img{
  width:88px;
  float:left;
  border:1px solid #393939;
  padding:4px 4px 10px 4px;
}*/
#galeriaPaginator{
  width:100%;
  float:left;
  border:1px solid #333;
  padding:12px;
  margin:10px 0 0 0;
  text-align:center;
  overflow:hidden;
}
#galeriaPaginator span{
  width:20%;
  float:left;
}
#galeriaPaginator ul#paginator{
  width:70%;
  float:left;
  list-style-type:none;
}
#galeriaPaginator li{
  float:left;
}
#galeriaPaginator li a{
  margin:0 3px;
  padding:2px;
  font:12px "trebuchet ms", arial;
  color:#FFF;
  text-decoration:none;
  border:1px solid #000;
}
#galeriaPaginator li a:hover, #galeriaPaginator li .galeriaPaginatorAcionado{
  color:#000;
  text-decoration:none;
  border:1px solid #333;
  background:#99CC33;
}

/******** VIDEOS *********/
#videos h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_videos.gif) no-repeat -6px 0;
}
#videos h2{
  width:100%;
  float:left;
  margin:0 0 10px 0;
  font:12px "tebuchet ms", arial;
  color:#a9a9a9;
}
#videosEsquerda{ /* Coluna esquerda para o texto */
  width:479px;
  float:left;
  border:1px solid #333;
  padding:14px;
}
#videosFotoGrande{
  width:479px;
  height:385px;
  float:left;
  margin:0 0 10px 0;
}
#videosDireita{/* Coluna direita para a galeria */
  width:360px;
  float:left;
  padding:0 0 0 20px;
/*  border:1px solid red;*/
}
#videos ul#thumbs{
  width:100%;
  height:400px;
  float:left;
  border:1px solid #333;
  padding:12px;
}
#videos li img{
  width:88px;
  height:64px;
  float:left;
  border:1px solid #393939;
  padding:4px;
  margin:0 0 5px 0;
}
#videos li.liThumbs{
  width:98px;
  height:120px;
  overflow:hidden;
  float:left;
  margin:6px 13px 8px 9px;
}
#videos li.liThumbs a{
  font:10px arial;
  color:#a9a9a9;
  text-decoration:none;
}
#videos li.liThumbs a:hover{  text-decoration:underline; }

#videosPaginator{
  width:100%;
  float:left;
  border:1px solid #333;
  padding:12px;
  margin:10px 0 0 0;
  text-align:center;
  overflow:hidden;
}
#videosPaginator span{
  width:20%;
  float:left;
}
#videosPaginator ul#paginator{
  width:75%;
  float:left;
  list-style-type:none;
}
#videosPaginator li{
  float:left;
}
#videosPaginator li a{
  margin:0 3px;
  padding:2px;
  font:12px "trebuchet ms", arial;
  color:#a9a9a9;
  text-decoration:none;
  border:1px solid #000;
}
#videosPaginator li a:hover, #videosPaginator li .videosPaginatorAcionado{
  color:#000;
  text-decoration:none;
  border:1px solid #333;
  background:#99CC33;
}

/******** AGENDA  *********/
#agenda h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_agenda.gif) no-repeat -2px 0;
}
#agenda h2{
  width:100%;
  height:30px;
  float:left;
  text-align:center;
  font:bold 14px "trebuchet ms", arial;
  color:#c6c5c5;
  background:url(../imagens/bg_tituloagenda.gif) repeat-x;
  padding:5px 0 0 0;
  text-transform:uppercase;
}
#agenda ul{
  width:98%;
  float:left;
  border:1px solid #333;
  padding:6px;
  margin:0 0 35px 0;
  list-style-type:none;
}
#agenda li{
  width:100%;
  float:left;
  text-align:center;
  padding:5px 0;
  margin:2px 0;
}
#agenda li.zebra1{
  font:12px "trebuchet ms", arial;
  color:#717171;
  background:#000;
}
#agenda li.zebra2{
  font:12px "trebuchet ms", arial;
  color:#acacac;
  background:#141414;
}
/******** DOWNLOADS  *********/
#down h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_down.gif) no-repeat -2px 0;
}
#down ul{
  width:96%;
  float:left;
  border:1px solid #333;
  padding:12px 0 12px 12px;
}
#down li img{
  width:65px;
  height:55px;
  float:left;
  padding:4px;
  margin:0 0 5px 0;
}
#down li{
  width:408px;
  height:65px;
  overflow:hidden;
  float:left;
  border:1px solid #393939;
  margin:6px 13px 8px 9px;
}
#down li .alinhamento{
  width:320px;
  height:30px;
  overflow:hidden;
  float:left;
  padding:22px 0 0 0;
}
#down li a{
  font:12px arial;
  color:#a9a9a9;
  text-decoration:none;
}
#down li a:hover{  text-decoration:underline; }

/******** INTEGRANTES e INTEGRANTE (tela 1 e 2)  *********/
#integrantes h1, #integrante h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_integrantes.gif) no-repeat -2px 0;
}
#integrantes ul{
  width:600px;
  float:left;
/*  border:1px solid #333;*/
  padding:12px 0 12px 170px;
  list-style-type:none;
}
#integrantes li{
  width:136px;
  float:left;
  margin:0 60px 40px 0;
  position:relative;
}
#integrantes li .moldura{
  width:136px;
  height:136px;
  position:absolute;
  top:0;
  left:0;
}
.integrantesFoto{
  width:136px;
  height:136px;
  overflow:hidden;
  float:left;
  padding:0;
}
#integrantes li h2{
  width:136px;
  float:left;
  font:12px "trebuchet ms", verdana;
  color:#505050;
  text-transform:uppercase;
  text-align:center;
  margin:3px 0 0 0;
}
#integrantes li h3{
  width:136px;
  float:left;
  font:12px "trebuchet ms", verdana;
  color:#505050;
  text-align:center;
}
#integranteEsq{
  width:520px;
  float:left;
/*  border:1px solid #333;*/
  position:relative;
}
#integranteDir{
  width:340px;
  float:left;
  font:12px "trebuchet ms", arial;
  color:#a9a9a9;
  line-height:18px;
  text-align:justify;
  padding:0 0 0 18px;
  margin:50px 0 0 0;
/*  border:1px solid #333;*/
}
#integrante h2{
  width:100%;
  height:80px;
  float:left;
  position:absolute;
  top:0;
  left:0;
  z-index:50;
  background:url(../imagens/h2_integrantes.jpg) no-repeat right 0; 
}

#integranteNome{
  width:160px;
  height:26px;
  font:bold 19px "trebuchet ms", arial;
  color:#e2d9d8;
  text-transform:uppercase;
  position:absolute;
  top:13px;
  left:250px;
  overflow:hidden;
  text-align:center;
}
#integranteFuncao{
  width:100px;
  height:50px;
  position:absolute;
  top:23px;
  left:365px;
  overflow:hidden;
  text-align:center;
/*  border:1px solid red;*/
}
#integranteEstrutura{
  width:460px;
  float:left;
  position:relative;
}
#integranteFoto{
  width:250px;
  height:250px;
  overflow:hidden;
  float:left;
  padding:10px 0 0 150px;
  margin:50px 0 0 0;
}

#integranteMoldura{
  width:460px;
  height:335px;
  position:absolute;
  top:44px;
  left:1px;
}
#integrante #voltar, #contato #voltar, #mural #voltar{
  width:100%;
  clear:both;
  float:left;
  margin:20px 0;
  text-align:right;
}
#integrante #voltar a, #contato #voltar a, #mural #voltar a{
  font:bold 12px "trebuchet ms", arial;
  color:#990000;
  text-transform:uppercase;
  text-decoration:none;
}
#integrante #voltar a:hover, #contato #voltar a:hover, #mural #voltar a:hover{  text-decoration:underline; }

/******** MURAL e CONTATO  *********/
#mural h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_mural.gif) no-repeat -2px 0;
}
#contato h1{
  width:100%;
  height:50px;
  background:url(../imagens/h1_contato.gif) no-repeat -2px 0;
}
#muralBox, #contatoBox{ /* Caixa para o form */
  width:90%;
  float:left;
  padding:0 0 0 60px;
}
#mural form, #contato form{
  width:780px;
  height:130px;
  float:left;
  border:1px solid #333;
  margin:0;
  padding:0 0 0 20px;
}
.coluna1{
  width:320px;
  float:left;
  padding:0 0 0 20px;
}
.coluna2{
  width:390px;
  float:left;
}

#mural label, #contato label{
  width:280px;
  font:11px arial;
  float:left;
  margin:0;
  color:#fff;
  padding:8px 0 0 0;
}
#mural fieldset, #contato fieldset{
  border:none;
  padding:10px 0 0 13px;
}
#mural input, #contato input{
  width:280px;
  background:#272626;
  border:1px solid #272626;
  font:12px "trebuchet ms", arial;
  color:#FFF;
  margin:0;
  padding:2px 5px 2px 2px;
  float:left;
}
#mural textarea, #contato textarea{
  width:280px;
  height:70px;
  background:#272626;
  border:1px solid #272626;
  font:12px "trebuchet ms",arial;
  color:#FFF;
  margin:0 20px 0 0;
  float:left;
}
#mural .button, #contato .button{
  width:80px;
  border:1px solid #757272;
  background:#000;
  font:11px arial;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  margin:35px 0 20px 0;
  float: left;
  text-transform:uppercase;
}
#divSubmit{
  width:100%;
  text-align:center;
  font:bold 14px arial;
  color:#CC3300;
  padding:20px 0 0 0;
}
#mural ul{
  width:89%;
  float:left;
  padding:10px 0 0 50px;
  margin:0 0 35px 0;
  list-style-type:none;
}
#mural li{
  width:93%;
  float:left;
  padding:10px 30px;
  margin:2px 0;
}
#mural li h2{
  font:12px "trebuchet ms", arial;
  color:#7d2b2b;
}
#mural li h3{
  font:12px "trebuchet ms", arial;
  color:#686868;
}
#mural li.zebra1{
  font:12px "trebuchet ms", arial;
  color:#acacac;
  background:#000;
}
#mural li.zebra2{
  font:12px "trebuchet ms", arial;
  color:#acacac;
  background:#141414;
}