/*Caracteristicas básicas da página*/

html {
	height: 100%; 
	margin-bottom: 1px; 
	}

body {
	background: #D9D9D9;
	text-align: left;
	}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595858;
    text-align: left;
	}
	input, select, textarea {
	color: #666;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 1px solid #E9E9E9;
	}
/*Caracteristicas básicas das listas*/

ul{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	list-style: none;
	}

ul li{
  	text-align: left;
	line-height: 16px;
	padding-left: 0px;
	padding-top: 0px;
	}

.boxnot {
        margin:2px 0px 0px 2px;
        background-image: url(http://www.bq.com.br/images/bq/box.gif);
        width:182px; 
        height:78px;
		padding-top:8px;
	background-repeat: no-repeat;
	}
	.boxnot2 {
        margin:2px 0px 0px 0px;
        background-image: url(http://www.bq.com.br/images/bq/box.gif);
        width:182px; 
        height:78px;
		padding-top:8px;
		background-repeat: no-repeat;
	}

.search {
	background-image: url(http://www.bq.com.br/images/bq/top_bossa.gif);
	width:546px; 
	height:25px;
	background-repeat: no-repeat;
	padding:0px 0px 0px 220px	
	}
#box {
	margin-left: 3px;
	padding:0px;
	width: 188px;
	height: 103px;
	}
	
/*Texto titulos e fonts diferenciadas*/

h4{
	font-size: 11px;
	font-weight: bolder;
	color: #3A5A89;
	margin: 0px;
	padding:0px;
	}
.foot {
	color: #3E5D8B;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:center
	}
/*CSS para os links da página*/

a:link, a:active, a:visited { 
	font-weight: bolder; text-decoration: none; color: #294988
	}

a:hover {
	color: #294988; text-decoration: underline
	}

/*CSS para os parametros dos forms*/

FORM {
	padding: 0px; margin: 0px
	}

/*CSS para os botões de form e componentes utilitarios*/

.button {
	color: #7B7B7B; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #F1F0EE;
	border: 1px solid #7B7B7B;
	height: 20px
	}
	
/*CSS para as configurações dos input box de form*/


.inputbox {
	color: #666;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #C5C9CF
	}
	formbox{
	color: #666;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #C5C9CF;
	height: 20px;
	width: 60px;
	}

/* geralmente usado nas fontes pequenas, em contents eh utilizada em "Written by..." texts */
	
.small {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #595858;
	text-decoration: none;
	font-weight: normal
	}

.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: green;
    text-decoration: none;
    font-weight: normal
    }
	
/*Estes stylings são formatar a maneira que os módulos left e higth são indicado. 
Trata principalmente do formato de sua tabela.*/ 

/* Estilo da tabela dos modulos */

table.moduletable {
	margin: 0px;
	width: 100%;
	vertical-align: top;
	padding:1px 0px 0px 1px
	}
	
/* Formato do titulos do modulos e do modulo header */

table.moduletable th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3A5A89;
	text-align: center;
	border: 0px solid #B5B2B2;
	line-height: 20px;
	}
	
/* Formato da tabela dos modulos */

table.moduletable td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #595858;
	}
	
/* isto é usado principalmente para a tabela que prende as content, tais como notícias. */ 

.contentpane {
	background-color : #FFF;
	}

.contentpaneopen {	
	  	background-image: url(http://www.bq.com.br/images/bq/bg_fundo.gif);
		padding: 0px;
	}

/* É usado em varios lugares, como em contents on the frontpage, e tb usada em titulos de notícias*/

.contentheading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #FF9900;
	text-align:left;
	line-height: 16px;
	height: 15px;
	}
	
/* Texto das noticias*/

.contentdescription {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	text-align: left;
	}
	
/* This is used to format the table of the Tables of Contents or "Jump to" 
box when it is enabled in a multiple paged content or article */

table.contenttoc {
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }
	
/* the same as above, but this is used to format the td or table cells */

table.contenttoc td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}

/* usado em classificação de artigos */

.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

/* usado no textos de votos */

.content_vote {
	
	font-weight: normal;
	font-size: 8pt;
}

/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
	   
.pagenav {

	font-weight: normal;
	}
	
/* same as above, but for links */
	
a.pagenav, a.pagenav:visited {

	font-weight: bold;
	color: #343A58;
	}
	
/* same as above, but for links with mouse pointer over it */
	
a.pagenav:hover {

	color: #FF9900;
	}
	
/* Botão de voltar das páginas */

.back_button {
	text-align:center;
	background:#EEEDED;
	height: 18px;
	padding-top: 5px
	}
	
/*.mainlevel menus de navegação*/

a.mainlevel:link, a.mainlevel:visited {
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	display: list-item;
	text-decoration: none;
	padding-left: 3px;
	width: 98%;
	background-color: #EEEDED;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;}

a.mainlevel:hover {
	font-size: 12px;
	font-weight: bold;
	padding-right: 3px;
	text-decoration: none;
	width: 98%;
	display: list-item;
	text-align: right;
	background-color: #E6E5E5;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;}

.sublevel {
color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	text-decoration: none;
	width: 170px;
	display: block;
	padding-bottom: 0em;}

a.sublevel:link, a.sublevel:visited {line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	display: list-item;
	text-decoration: none;
	padding-left: 3px;
	width: 98%;
	background-color: #afafaf;
	border: 1px;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;}

a.sublevel:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-right: 3px;
	text-decoration: none;
	width: 98%;
	display: list-item;
	text-align: right;
	background-color: #D4D0D0;
	border: 1px #000000;
	list-style-image: none;
	list-style-type: none;
	white-space: nowrap;}
	
/*:: Construa um menu CSS com ToolTip ::
Passe o mouse sobre o menu HomePágina de entrada no site CSS para Web Design - um site projetado com folhas de estilo em cascata. TutorialCSS Nesta seção do site você encontrará uma série de tutoriais sobre as mais variadas técnicas de CSS para construção de páginas web. PDA 320x240 Neste link você verá como CSS pode ser utilizada para possibilitar exibir sua página web de maneira legível em um dispositivo PDA. Links Uma coletânea de links para sites sobre CSS. Mapa do site Mapa do site - Aqui você encontra uma relação completa de todas as páginas do site. Contato Entre em contato conosco! Sugestões serão muito bem vindas. Se você tem uma matéria sobre CSS e quer colaborar, publicaremos. Abaixo o código da folha de estilo do menu com ToolTip*/

#pagebody #content ul.menutt li a, #pagebody #content ul#menutt li a:visited,
#pagebody #content ul.menutt li a:hover, #pagebody #content ul#menutt li a:active    {
text-decoration:none;
}
#pagebody #content {padding:10px;}
/* End overrride rule */
ul.menutt {
	width: 200px; 
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:none;
	border:none;
}
ul.menutt li{
	position:relative;
}
ul.menutt a {

	display: block; 
  	padding: 0px 0px; 
    margin-bottom:0px; 
    text-decoration: none; 
    color: #595858; 
 	background:none;
    border-left: 3px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px;
	}
#pagebody>ul.menutt a {
	width:185px;
	} 
/* Fix IE. Hide from IE Mac \*/
html ul.menutt li { float: left; height: 1%; }
* html ul.menutt li a { height: 1%; }
/* End */
ul.menutt a:hover {
	color: #595858;   
	background:none;
    border-right: 1px solid #FFF; 
	border-left: 3px solid #FFF; 
	} 
ul.menutt a span {
	display: none;
}
ul.menutt a:hover span {
	display: block;
    position: absolute; 
	top:0; 
	left: 160px; 
	width: 175px;
    padding-left: 5px; 
	margin-left:20px;
    color: #595858; 
	background:none;
    font-size: 10px; 
	text-align:left;
    border:1px solid #000; 
   }