/* MUSICA DE BOLSO SITE
Design: FABIO ISSAO [WWW.CAMISA10.ORG]
Codigo: FABIO ISSAO [WWW.CAMISA10.ORG]
DATA: 20.02.2008
VERSAO: 0.4a */


/* INDEX ---------------------------------------------------*/

/* HTML */

	* { margin: 0; padding: 0; }

	html, body { margin: 0; padding: 0; }
	body { text-align: center; font: normal 12px/14px "Courier New", Courier, monospace; }
		
		.fundo { background: #35b2a8 url(../imagens/fundos/mdb_bg_20.gif) repeat; }
		

/* IE correcao de bugs 
forca hover em toda a largura do link */

	* html a { height: 1px; }
	* html li { height: 1px; }


/* Links */
	
	a { text-decoration: none; border: none; }
	ul, li, li a { text-decoration: none; list-style: none; }
	li a, li a:visited { width: 117px; height: 27px; display: block; background-color: #dc5216; color: #FFFFFF; padding: 11px 0 0 9px; margin-bottom: 2px; font-weight: bold; }
	li a strong { color: #000000; font-weight: bold; }
	li a:hover { background-color: #FFDE00; color: #000000; }
	li a:hover strong { color: #dc5216; font-weight: bold; }
		
		
		
/* 00. CONTAINER */

#container { margin: 18px auto; width: 999px;}


/* 01. CABECALHO-HEADER -----------------------------------*/
			
#topo { width: 982px; height: 180px; display: block; padding: 26px 17px 0 0; text-align: left; margin-bottom: 9px; }
	.topo-colunaA { width: 548px; height: 180px; display: block; float: left; }
	.topo-colunaB { width: 434px; height: 180px; display: block; float: right; }
	.logo { width: 207px; height: 180px; display: block; float: left; text-align: left; }
	.logotag { width: 341px; height: 132px; display: block; float: left; position: relative; }
			.andanca-bt { width: 230px; position: absolute; left: 10px; top: 110px; }
			.andanca-bt a img { border: 0; }
	.infotag { width: 279px; height: 94px; position: absolute; margin: 50px 0 0 40px; }
		/*.infotag a { text-decoration: none; color: #000000; }
		.infotag a:hover { background-color: #dc5216;  }*/
	.infotag2 { width: 347px; height: 99px; position: absolute; margin: 45px 0 0 40px; }
	.contatotag { width: 351px; height: 99px; position: absolute; margin: 45px 0 0 40px; overflow: auto; line-height: 13px }
		.contatotag a { text-decoration: none; color: #000000; }
		.contatotag a:hover { text-decoration: underline; }
	


/* 01.A FORMULARIO NEWSLETTER */

	.newsletter { width: 341px; height: 22px; padding: 12px 0 14px 0; display: block; float: left; }
	.newsformA { width: 109px; height: 19px; display: block; float: left; }
	.newsformB { width: 212px; height: 19px; display: block; float: right; }
	.news-campo { width: 148px; height: 16px; display: block; float: left; background-color:#D7E298; border: 1px solid #ffffff; padding: 1px 2px 0 5px; font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
	.news-botao { width: 49px; height: 19px; display: block; float: right; background-color:#dc5216; border: 1px solid #ffffff; font: normal 9px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }
	
	
/* 02. CORPO-BODY ------------------------------------*/

#corpo { width: 936px; padding: 0 36px 18px 27px; display: block; }
#corpo-contato { width: 936px; padding: 0 36px 0 27px; display: block; }
#corpo-volumes { width: 972px; display: block; padding: 9px 0 9px 27px;}
#corpo-quem { width: 936px; padding: 0 36px 0 27px; display: block;  }
#corpo-newsletter { width: 936px; padding: 0 36px 0 27px; display: block; margin-bottom: 18px; }
#corpo-arquivo { width: 972px; display: block; padding: 9px 0 9px 27px; }



/* 02.A MENU */

#menu { width: 117px; /*width: 126px;*/ height: auto; display: block; float: left; padding: 0 9px 0 0; text-align: left; }
	.menu-feed { width: 126px; height: 49px; display: block; margin-bottom: 9px; color: #000000; font: normal 9px/10px Verdana, Arial, Helvetica, sans-serif; text-align: right; }
	.menu-feedA { width: 90px; height: 49px; display: block; float: left; padding-right: 9px; }
	.menu-feedB { width: 27px; height: 49px; display: block; float: right; line-height: 10px; text-align: left; }
	.menu-blog-eng { width: 126px;  display: block; margin-bottom: 9px;  }


/*02.B CONTEÚDO */

/*02.B.1 CONTEÚDO>VOLUME-ATUAL*/

#conteudo { width: 801px; height: 522px; display: block; float: right; }

	.volume-atual { width: 801px; height: 284px; display: block; float: left; background-color: #004648; position: relative; }
	.volume-atual3 { width: 765px; padding: 18px; display: block; float: left; background-color: #004648; }
		.blip { width: 600px; height: 368px; display: block; float: left; padding: 0 0 18px 18px; }
		.blip-txt { width: 147px; display: block; float: left; text-align: left; padding: 0 0 9px 0;}
			.blip-txt img { border: none; }
			.blip-txt a:hover { background-color: FFDE00; }
			.fimdeano { text-align: left; padding: 18px 0; color: #FFFFFF; }
	.splash-assista { 	width: 156px; height: 58px; position: absolute; left: 250px; top: -10px; }
	
	.foto-slider { width: 378px; height: 252px; display: block; float: left; padding: 18px 9px 18px 18px; vertical-align: middle; text-align: center; color: #FFFFFF; }
		.foto-slider img { border: 9px solid #FFFFFF; }
		.foto-slider a:hover img { border-color: #a5d624;}
		
	.info-atual { width: 369px; height: 252px; display: block; float: left; padding: 18px 18px 18px 9px; text-align: left; color: #FFFFFF; position: relative; }
	
	.info-atual-volume, .info-atual-volume a, .info-atual-volume a:active, .info-atual-volume a:link { width: 369px; height: 27px; display: block; background-color: #a5d624; text-align: left; background: url(../imagens/home/volume_a.png) no-repeat; }
		.info-atual-volume a:hover { background: url(../imagens/home/volume_b.png) no-repeat; }
		
	.info-atual-base { width: 369px; height: 198px; display: block; padding-top: 18px; }
	
	.info-atual-titulo, .info-atual-titulo a { width: 369px; height: 27px; display: block; background: url(../imagens/home/titulo_a.png) no-repeat; }
		.info-atual-titulo a:hover { background: url(../imagens/home/titulo_b.png) no-repeat; }
		
		
		.info-atual-titulo-duplo, .info-atual-titulo-duplo a { width: 369px; height: 54px; display: block; background: url(../imagens/home/titulo_a.png) no-repeat; }
		.info-atual-titulo-duplo a:hover { background: url(../imagens/home/titulo_b.png) no-repeat; }
		
		.duplo { height: 54px; }
		
	.info-atual-texto { width: 368px; height: 112px; display: block; padding: 18px 0px 9px 0px; }
		.info-atual-texto a, .fimdeano a { text-decoration: none; color: #a5d624; font-weight: bold; }
		.info-atual-texto a:hover, .fimdeano a:hover { background-color: #a5d624; color: #000; }
		
		.menor { height: 85px; }
		
	.info-atual-links { width: 351px; height: 20px; display: block; padding-right: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; float: left; line-height: 15px; font-weight: bold;  }
		.info-atual-links img { margin-right: 4px; border: none; }
		.info-atual-links a { color: #a5d624; text-decoration: none; font-weight: bold; }
		.info-atual-links a:hover { background-color: #a5d624; color: #000; }
		
		.info-atual-botoes-play { width: 19px; height: 18px; display: block; float: left; margin-right: 9px; background-image: url(../imagens/volumes/playA.gif); background-repeat: no-repeat; }
		.info-atual-botoes-play:hover { background-image:url(../imagens/volumes/playB.gif); background-repeat: no-repeat; }
		.info-atual-botoes-mail { width: 20px; height: 15px; display: block; float: left; margin-left: 15px; margin-right: 9px; background-image: url(../imagens/base/mail.png); background-repeat: no-repeat; }
		.info-atual-botoes-mail:hover { background-image: url(../imagens/base/mail_b.png); background-repeat: no-repeat; }
		.info-atual-botoes-texto { text-decoration: none; color: #FFDE00; border: none; float: left; }
		.info-atual-botoes-texto:hover { text-decoration: underline; }
	
	
/* 02.B.2 CONTEÚDO>PRÓXIMO */

	.outros { width: 801px; height: 216px; }
	
		.proximo { width: 378px; height: 198px; display: block; background-color: #FFDE00; float: left; padding: 9px; }
		
		.proximo-borda { width: 374px; height: 194px; border: 2px dashed #dc5216; }
		
		.proximo-foto { width: 178px; height: 176px; display: block; float: left; padding: 9px 0px 9px 9px; }
		
		.proximo-foto img { border: 5px solid #FFFFFF; }
		
		.proximo-info { width: 169px; height: 176px; display: block; float: right; padding: 9px 9px 9px 9px; }
		
		.splash-breve {
	width: 58px;
	height: 57px;
	position: absolute;
	margin-left: 140px;
	margin-top: -24px;
	left: 477px;
	top: 260px;
}
		


/* 02.B.3 CONTEÚDO>ANTERIORES */
	
	.anteriores { width: 378px; height: 198px; text-align: left;  display: block; background-color: #004648; float: right; margin-left: 9px; padding: 9px; }
	
		.anteriores a { text-decoration: none; color: #004648; }
		.anteriores a:hover { text-decoration: none; color: #fff; background-color: #004648; }
		
		.anteriores-titulo, .anteriores-titulo a { width: 378px; height: 27px; display: block; float: left; background-color: #dc5216; background: url(../imagens/home/arquivo_a.png) no-repeat; }
		.anteriores-titulo a:hover { background: url(../imagens/home/arquivo_b.png) no-repeat; }
		
		.anteriores-conteudo { width: 378px; height: 162px; display: block; float: left; }
		.anteriores-capsula { width: 120px; height: 162px; display: block; float: left; }
		
		.capsula-titulo { height: 18px; background-color: #a5d624; padding-left: 5px; font:  bold 12px "Courier New", Courier, monospace;  }
		.capsula-conteudo { height: 134px; background-color: #a5d624; padding: 5px; font-size: 10px; color: #6C2E63; font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif; }
			.capsula-conteudo img { border: 4px solid #ffffff; } 
			.capsula-conteudo img:hover { border: 4px solid #004648; }
		
		.margem-9-esq { margin-left: 9px; }
		.margem-9-abaixo { margin-bottom: 9px; }
		.margem-9-topo { margin-top: 9px; }
		.margem-18-esq { margin-left: 18px; }
		.margem-6-dir { margin-right: 6px;}
		.margem-4-topo { margin-top: 4px; }
		.margem-5-topo { margin-top: 5px; }
		.margem-18-topo { margin-top: 18px; }
		.margem-18-abaixo { margin-bottom: 18px; }
		.margem-27-abaixo { margin-bottom: 27px; }
		.padding-18-esq { padding-left: 18px; }
		.padding-0 { padding: 0;}
		
		.verde { background-color: #a5d624; }
		
		



/* 03. PE-FOOTER -------------------------------------*/

#pe { width: 900px; height: 16px; display: block; float: left; margin: 18px 36px 18px 27px; background-color: #004648; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; padding: 2px 18px; clear: both; }

#pe2 { width: 927px; height: 16px; display: block; float: left; margin: 18px 18px 9px 27px; background-color: #004648; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; padding: 2px 18px; }

#pe a, #pe2 a { text-decoration: none; color: #fff; }

#pe a:hover, #pe2 a:hover {  color: #004648; background-color: #fff; }



/* 04. CONTATO ---------------------------------------*/

#contato-base { width: 801px; display: block; float: right; }

	#contato-base strong { color: #FFDE00; font-size: 14px; font-weight: bold; }



	.contato-container { width: 783px; background-color: #004648; padding: 9px; display: block; margin-bottom: 18px; float: left; }
	
	.contato-moldura { width: 761px; border: 2px dashed #dc5216; display: block; text-align: left; padding: 9px; text-align: left; color:#FFFFFF; line-height: 16px; }
		
	.contato-moldura a { color: #FFDE00; text-decoration: none; }

	.contato-moldura a:hover { color: #000; background-color: #ffde00;  }
		
	.contato-caixalinks { width: 752px; height: 321px; display: block; clear: right;}
	
			.links { width: 367px; height: 98px; line-height: 15px; background-color: #35B2A8; color: #000000; margin-left: 6px; margin-bottom: 9px; float: left; }
	
			.links-thumb { width: 116px; display: block; float: left; }
			
			.links-texto { width: 224px; height: 80px; padding: 9px 18px 9px 9px; float: right; display: block;  }				
			
			.links img { border: 4px solid #35B2A8; }
			
			.links a { font-weight: bold; color: #FFDE00; text-decoration: none; }
			
				.links a:hover { text-decoration: underline; }
				
				
	.contato-links-rapidos { width: 725px; height: 17px; padding: 2px 9px 0px 9px; background-color: #35B2A8; color: #ffffff; display: block; margin-bottom: 18px; }
		
	.contato-links-rapidos a, .contato-links-rapidos a:link, .contato-links-rapidos a:visited { text-decoration: none; color: #FFDE00; font-weight: bold; }
		
	.contato-links-rapidos a:hover { color: #8E2A6A; }


/* 06. QUEM -------------------------------------------*/

#quem-base { width: 801px; display: block; float: right;}
	#quem-base a { text-decoration: none; color: #ffde00; }
	#quem-base a:hover { color: #000; background-color: #ffde00; }
	#quem-base a img  { border: none; }
	#quem-base a img:hover { background-color: #222;}

	.quem-coluna1-container { width: 298px; display: block; float: left; margin-right: 9px; }
	
	.quem-coluna1 { width: 280px; padding: 9px; float: left; display: block; background-color: #004648; color: #FFFFFF; text-align: left; margin-bottom: 9px; }
	
		.quem-coluna1 strong { color: #FFDE00; }
		
		.quem-coluna1-titulo { width: 280px; height: 36px; padding-bottom: 18px; padding-top: 9px; display: block; }
		
		.quem-coluna1-texto { width: 280px; display: block; padding-bottom: 9px; }
		
		.quem-coluna1-logo-ioio { width: 280px; height: 144px; padding-bottom: 18px; display: block; }
	
	.quem-coluna2-container { width: 494px; display: block; float: right; }
	
	.quem-coluna2 { width: 476px; padding: 9px; display: block; float: right; background-color: #004648; color: #FFFFFF; text-align: left; margin-bottom: 9px;  }
	
		.quem-coluna2-titulo { width: 476px; height: 36px; padding-bottom: 18px; padding-top: 9px; display: block; }
		
		.quem-coluna2-texto { width: 476px; height: 550px; padding-bottom: 9px; padding-top: 9px; display: block; }
		
		.verdana { font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; }
		
		.altura465 { height: 465px; }
		
		.quem-coluna2-linha { width: 476px; height: 142px; }
		
		.quem-coluna2-linha strong { color: #FFFFFF; }
		
		.quem-coluna2-texto-colunaA { width: 126px; height: 115px; padding: 9px; display: block; float:left; background-color: #35B2A8; }
		
		.quem-coluna2-texto-colunaB { width: 314px; height: 115px; padding: 9px; display: block; float:right; background-color: #35B2A8; color: #000000; }
		
		.quem-coluna2-texto-colunaA-thumb { width: 108px; height: 97px; padding: 9px; display: block; float: left; background-color: #004648; }
		
		.quem-coluna2-texto-linha2 { width: 476px; height: 161px; }
		
		.quem-coluna2-texto-colunaC { width: 219px; padding: 9px; display: block; float:left; }
		
		.quem-coluna2-texto-colunaC strong { color: #FFDE00; }
		
		.quem-coluna2-linha3-texto { width: 476px; display: block; padding-bottom: 18px; }
		
		.quem-coluna2-linha3-texto strong { color: #FFDE00; }
		
		.quem-coluna2-logo-camisa { width: 476px; height: 144px; padding-bottom: 18px; display: block; }




/* 05. VOLUMES --------------------------------------*/


#volumes-conjunto { width: 828px; display: block; float: right; padding-right: 9px; }

#volume-base { width: 622px; display: block; float: left; background-color: #004648; padding: 9px; text-align: left; }

		#volume-base a { color: #ffde00; text-decoration: none; font-weight: bold;  }
		#volume-base a:hover { color: #000000; background-color: #ffde00; text-decoration: none; }

	.volume-moldura { width: 600px; display: block; border: 2px dashed #FFDE00; padding: 9px; }
	
	.volume-titulo { width: 600px; display: block; text-align: left; margin: 10px 0px 5px 0px; color: #FFFFFF; }
	
	.volume-player { display: block; padding: 0px 0px 9px 0px; background-color: #FFDE00; color: #000000;}
	
	.player { display: block; }
	
	.volume-historia { display: block; color: #000; padding: 18px 9px; background-color: #35b2a8;  }
	
	#lateral { width: 161px; float: right; padding: 0px 9px 0px 18px; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #FFFFFF; }
	
	#lateral a { text-decoration: none; font-weight: bold; color: #ffffff; }
		#lateral a:hover { text-decoration: none; color: #000; }
	
	.volume-links { width: 143px; background-color: #CD3B40; display: block; padding: 9px 9px 18px 9px;}
		.volume-links a:hover { background-color: #FFFFFF; }
		
	.volume-galeria { width: 143px; background-color: #6C2E63; display: block; padding: 9px 9px 18px 9px; margin-top: 18px; margin-bottom: 18px; }

	.volume-anteriores { width: 143px; background-color: #1D5A6E; display: block; padding: 9px 9px 18px 9px; }
		.volume-anteriores a:hover { background-color: #a5d624; }
		.volume-anteriores a img:hover { background-color:  #1D5A6E; }
	
	

.tag-videos { width: 187px; height: 69px; position: absolute; margin-left: 445px; margin-top: -50px; }

.fotohistoria { margin: 10px 12px 0; float: left; border: 3px solid #004648; }



/* 06. ARQUIVO ---------*/

#arquivo-base { width: 828px; display: block; float: right; padding-right: 9px; padding-bottom: 9px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 15px; clear: right; }

.ficha-container { width: 387px; height: 198px; display: block; background-color: #004648; float: left; padding: 9px; margin-left: 9px; margin-bottom: 9px; overflow: hidden; } 

.ficha-moldura { width: 367px; height: 178px; display: block; border: 1px dashed #dc5216; padding: 9px; } 

.ficha-foto { width: 179px; height: 178px; display: block; float: left; }

.ficha-foto img { border: 4px solid #ffffff; }

.ficha-foto a img:hover { border: 4px solid #a5d624; }

.ficha-info { width: 179px; height: 178px; display: block; float: right; text-align: left; overflow: hidden; }

.ficha-info a { text-decoration: none; font-weight: bold; color: #a5d624; }

.ficha-info a:hover { color: #000; background-color: #a5d624; }

.navega-arquivos { width: 819px; height: 18px; display: block; float: left; background-color: #004648; margin-left: 9px; padding-top: 5px; } 

.navega-arquivos a { text-decoration: none; color: #fff; }

.navega-arquivos a:hover { background-color: #a5d624; color: #000; }

.ficha-info-volume { width: 179px; height: 27px; display: block; background-color: #a5d624; color: #000000; font-family: "Courier New", Courier, monospace; font-size: 14px; font-weight: bold; }


/*07. Tipografia*/

h5 { font: bold 14px/16px Georgia, "Times New Roman", Times, serif; border-bottom: 1px dashed #004648; padding: 0 12px 5px; }

.textohistoria { margin: 10px 0 20px; padding: 0 12px 15px; line-height: 16px; }


	/*08. cores */
	
	.amarelo { color: #ffde00; }
	.laranja { color: #dc5216; }
	.verde { color: #A5D624; }
	.azul { color: #35b2a8; }
	.petroleo { color: #004648; }
	.roxo { color: #6c2e63; }
	.lilas { color: #8e2a6a; }