@charset "utf-8";


/* TODAS AS CONFIGURACOES PRIMARIAS DOS ELEMENTOS ESTAO AQUI --------------------------------------------*/

body {
	background:url(../img/bg_site.jpg) repeat-x left top #fff;
	color:#626262;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	font:normal 20px Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 0 20px 0;
}

h2 {
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin:10px 0 20px 0;
}

p {
	margin:15px 0;
}

a {
	color:#33aac5;
	text-decoration:underline;
}

a:hover {
	color:#1d8097;
}

/* CONFIGURAÇÃO DA DIV GLOBAL -------------------------------------------------------------------------- */


#global {
	width:890px;
	margin:0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:url(../img/bg_global.jpg) no-repeat left top #fff;
}



/* TODAS AS DIVS/CONTEUDO DO TOPO ESTAO AQUI ----------------------------------------------------------- */

#topo_menu {
	width:100%;
	height:458px;
	background:#333;
	margin:0 0 34px 0;
}


/* CONFIGURAÇÃO DA DIV INTERNAS ------------------------------------------------------------------------ */

#internas {
	display:none;
	width:855px;
	padding:20px 5px 20px 20px;
}


/* CONFIGURAÇÃO DOS ELEMENTOS DENTRO DA DIV INTERNAS --------------------------------------------------- */

#ajax_loader {
	display:none;
	text-align:center;
	background:#fff;
	color:#000;
	padding:2px 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.data {
	margin:-20px 0 20px 0;
}

span.divisor {
	display:block;
	width:100%;
	height:6px;
	background:url(../img/bg_divisor.jpg) repeat-x;
	margin:5px 0;
}


/* ELEMENTOS DA PÁGINA HOME */


.novidades {
	width:385px;
	float:left;
	margin:0 20px 0 0;
}

.novidades .wrap {
	margin:0 0 20px 0;
}

.novidades .img {
	float:left;
	margin:0 8px 8px 0;
}

.coluna_meio {
	width:240px;
	float:left;
}

.coluna_meio ul.gal_fotos {
	width:230px;
}

.coluna_meio ul.gal_fotos li {
	margin:15px 10px 0 0;
}

.coluna_meio ul.album li {
	margin:0 20px 0 0;
	float:left;
}

.mural {
	width:200px;
	float:left;
}


/* ELEMENTOS DA PÁGINA DISCOGRAFIA */

.disco {
	width:250px;
	float:left;
	margin:0 15px;
}

.disco .img_album {
	width:100px;
	height:100px;
	float:left;
	margin:0 5px 10px 0;
}

.disco dl.descricao dt, .disco dl.descricao dd {
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
}

.disco dl.descricao dd {
	margin:0;
}

.disco ul.faixas {
	width:250px;
}

.disco ul.faixas li {
	padding:2px 0 2px 25px;
}

.disco ul.faixas li.odd {
	background:#f4f3f2;
}

.disco ul.faixas li img.baixe {
	position:absolute;
	margin:0 0 0 -23px;
}


/* ELEMENTOS DA PÁGINA DISCOGRAFIA */

dl.agenda {
	width:166px;
	height:128px;
	float:left;
	display:inline;
	margin:0 20px 30px 20px;
	background:url(../img/bg_agenda.jpg) no-repeat;
}

dl.agenda dt {
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#626262;
	padding:9px 0 0 10px;
}

dl.agenda dt span {
	display:block;
	width:20px;
	float:left;
	margin:0 12px 0 0;
	color:#fff;
	text-align:center;
}

dl.agenda dd {
	margin:0 0 0 10px;
}

dl.agenda dd span {
	display:block;
	margin:12px 0 0 0;
	font-weight:bold;
	color:#3c33aa;
}



/* ELEMENTOS DA PÁGINA NOTICIAS */

.destaques {
	float:left;
	margin:0 20px 0 0;
}

.destaques .wrap {
	width:385px;
	float:left;
	margin:0 20px 20px 0;
}

.destaques .img {
	float:left;
	margin:10px 8px 8px 0;
}

ul.listagem li a {
	display:block;
	padding:4px 10px 4px 12px;
	margin:2px 0;
	background:#fbfbfb;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#626262;
	text-decoration:none;
}

ul.listagem li a:hover {
	background:#f3f3f3;
}

ul.listagem li a span {
	font-size:11px;
	color:#a5c31c;
}

.img_not {
	float:left;
	padding:0 7px 7px 0;
}


/* ELEMENTOS DA PÁGINA PUBLICAÇÕES */

.publicacao {
	width:385px;
	height:200px;
	float:left;
	margin:0 20px 20px 0;
	background:url(../img/bg_divisor.jpg) repeat-x left bottom;	
}

.publicacao p.breve_desc {
	height:78px;
	overflow:hidden;
}	


/* ELEMENTOS DA PÁGINA GALERIA DE FOTOS E VÍDEOS */

.galeria {
	width:505px;
	float:left;
}

.galerias {
	width:320px;
	float:right;
}

.video {
	width:500px;
	height:280px;
}

ul.gal_fotos {
	width:505px;
	background:#f4f3f2;
}

ul.gal_fotos li {
	width:50px;
	height:37px;
	float:left;
	padding:6px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ccc;
	margin:10px;
}

ul.gal_fotos li span.thumb {
	display:block;
	width:50px;
	height:37px;
	overflow:hidden;
}

ul.gal_fotos li img {
	border:none;
}

ul.lista_gals li {
	padding:4px 0 4px 15px;
}

ul.lista_gals li.odd {
	background:#f4f3f2;
}

ul.lista_gals li a {
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#626262;
	text-decoration:none;
}

ul.lista_gals li a span {
	font-size:11px;
	color:#a5c31c;
}

ul.lista_gals li a:hover {
	color:#1469bf;
}


/* ELEMENTOS DA PÁGINA MURAL DE RECADOS */

.recado {
	width:340px;
	float:right;
	margin:0 20px 0 0;
}

dl.mural_recados {
	width:465px;
}

dl.mural_recados dt {
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
}

dl.mural_recados dd {
	margin:10px 0 20px 0;
	padding:0 0 15px 0;
	background:url(../img/bg_divisor.jpg) repeat-x left bottom;
}

dl.mural_recados dd.data {
	margin:0;
	padding:0;
	background:none;
}



/* ELEMENTOS DA PÁGINA CONTATO */


.formulario {
	width:400px;
	float:left;
}

.contatos {
	float:right;
	margin:30px 20px 0 0;
}

.contatos p {
	font-size:14px;
	margin:20px 0 20px 20px;
}

/* CONFIGURAÇÃO DO RODPÉ ------------------------------------------------------------------------------- */


#rodape {
	width:855px;
	height:57px;
	margin:20px auto 0 auto;
	padding:10px 15px;
	color:#000;
	background:url(../img/bg_rodape.jpg) no-repeat left top;
}

#rodape .wrap {
	width:420px;
	float:left;
}

a.joaofelipe {
	margin:10px 0 20px 0;
	float:right;
}