/*

	Website desenvolvido por
	RogerWD - Criação e Manutenção de Websites
	http://www.rogerwd.com.br
	
*/

/* DEFAULT ##################################### */

/* Folhas de Estilo Auxiliares */
@import url(estrutura.css);
@import url(tipo.css);
@import url(forms.css);


@import url(noticias.css);
@import url(eventos.css);
@import url(galeria.css);
@import url(faleconosco.css);

/* Reset*/

* {vertical-align: baseline; border: none; outline: none; padding: 0; margin: 0; list-style-type: none; text-decoration: none; font: normal normal 12px/normal 'trebuchet ms', 'lucida grande', sans-serif;}


/* Geral */

body {background: url(../img/bg.png) repeat 0 0 #000; color: #fff;}

.ultimo {padding-right: 0 !important; margin-right: 0 !important;}

iframe {border: 0 !important;}


/* Conteúdo */

#conteudo {height: 100%; overflow: hidden; padding: 10px 5px 0 5px;}

	#conteudo .box {padding-bottom: 20px;}
	
	.box-conteudo {padding: 20px 20px 0 20px;}
	
		.box-conteudo ul {padding-bottom: 10px;}
		
			.box-conteudo ul li {padding-bottom: 5px; font-size: 14px; font-weight: bold;}
		
				.box-conteudo ul li span {font-weight: normal;}
				
				.box-conteudo ul li p {padding: 0 !important;}
	
	#conteudo-esquerda .box-conteudo,
	#frame-direita .box-conteudo {background: url(../img/bg_boxes.png) repeat 0 0; width: 240px;}
	
	
	/* Fotos e Flyers */
	
	.box-conteudo .galeria {height: 100%; overflow: hidden; padding: 10px 0 0 0 !important;}
		
		.box-conteudo .galeria li {float: left; padding: 0 0 10px 10px !important; display: inline; font-size: 0 !important; line-height: 0 !important;}
		
			.box-conteudo .galeria li a {font-size: 0 !important; line-height: 0 !important;}
			
			.box-conteudo .galeria li img {border: 1px solid #fff;}
	
	
	/* Conteúdo da Esquerda */
	
	#conteudo #conteudo-esquerda {float: left; width: 290px;}
	
	
	/* Conteúdo do Meio */
	
	#frame-meio {background: url(../img/bg_iframe.png) repeat-x 0 0 fixed; float: left; width: 349px; height: 100%; overflow: hidden;}
	
		#frame-meio .box-conteudo {background: url(../img/bg_boxes.png) repeat 2px 0; width: 314px; margin-bottom: 20px; padding: 10px 10px 0 10px;}
		
			#frame-meio .box-conteudo .ultimas-noticias ul {padding: 0 10px 0 10px;}
		
			#frame-meio .box-conteudo ul li {font-size: 12px; font-weight: normal; padding-bottom: 18px;}
			
			#frame-meio .box-conteudo .galeria li {padding: 0 10px 20px 10px !important;}
					
					
	/* Conteúdo da Direita */
	
	#conteudo #conteudo-direita {float: right; width: 652px;}
	
		#frame-direita {background: url(../img/bg_iframe.png) repeat-x 0 0 fixed; float: right; width: 290px; padding-left: 13px;}
	
			#frame-direita .box-conteudo {margin-bottom: 20px; padding:10px; width:260px;}
	
				#frame-direita .box-conteudo .galeria li {padding: 0 13px 13px 0;}
		
		
		/* Orkut e Twitter */
		
		#frame-direita #conecte-se {height: 50px; padding: 10px 10px 0 10px;}
			
			#frame-direita #conecte-se li {float: left; text-indent: -9999px;}
				
				#frame-direita #orkut a {background: url(../img/orkut.png) no-repeat 0 0; width: 102px; height: 40px; display: block;}
				
				#frame-direita #twitter a {background: url(../img/twitter.png) no-repeat 0 0; width: 124px; height: 40px; display: block; margin: 0 0 0 12px;}
	
	
	/* Basic Page */

	.basicpage {background: url(../img/bg_iframe.png) repeat-x 0 0 fixed; height: 100%; overflow: hidden;}
	
		.basicpage .conteudo {background: url(../img/bg_boxes.png) repeat 1px 0; padding: 20px; width: 591px; height: 100%; overflow: hidden;}
		
		
		/* DEPOIMENTOS */

		.depoimentos .mensagem {padding-bottom: 10px; border-bottom:1px solid #b1b1b1; margin-bottom:10px;}

			.depoimentos .mensagem p {padding-bottom: 3px;}

			.depoimentos .mensagem span, .depoimentos .mensagem strong {font-weight: bold; font-style: italic; font-size: 13px; color: #f33;}


/* Rodapé */

#rodape {clear: both; display: block; text-align: center; padding: 0 0 20px 0;}

	#rodape a {color: #fff; font-weight: bold;}
	
	
	
	
/* --- Vídeos ---*/
.videos .conteudo {padding-bottom: 0 !important;}
.videos .conteudo li  { float:left; margin-left:20px; margin-bottom:16px;}


.musicas ul { margin: 20px 0;}
.musicas ul li {padding-bottom: 3px; list-style-type: square; margin-left: 15px;}
.musicas ul li a {font-weight: bold;}