/*
html, body {
    background-color: #FFFFFF;
    font-family: "Lucida Grande",Verdana;
    margin: 0;
    padding: 0;
    text-align: center;
}

input, select {
    font-size: 0.9em;
}*/


h2 {
  font: 20px sans-serif;
  font-weight:bold;
  text-align:center;
}

h3 {
  font-weight:italics;
}


h4 {
    display: none;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
}
a {
    color: #23A4FF;
}

.text {
    margin: 7px;
}

/*
#inner-details {
    font-size: 0.8em;
    list-style: none outside none;
    margin: 7px;
}

#log {
    color: #23A4FF;
    font-size: 1em;
    font-weight: bold;
    position: absolute;
    top: 10px;
}
*/

/*
.legendtm {
  border-width: 2px;
  border-style: solid;
  border-color:yellow;
}

#legendtmg {
  border-width: 2px;
  border-style: solid;
  border-color:green;

}

#legendtreemap{
  border-width: 0px;
  border-style: solid;
  border-color:green;
}
*/

header{
  border: 0px solid blue;
  font: 20px sans-serif;
  font-weight:bold;
  text-align:center;
}

.principal {
  margin-left:auto;
  margin-right:auto;
}

/* --------------------------------------------------------------------- */
/*                             legenda
/* --------------------------------------------------------------------- */

#infovis_legenda {
  position: relative;
  margin-left: 10%;
  margin-top: 1%;
  float: left;
  width: 350px;
  font: 16px sans-serif;
  font-weight:bold;
  border-style:solid;
  border-width:0px;
  border-color:yellow;
}

/* --------------------------------------------------------------------- */
/*                             grafico
/* --------------------------------------------------------------------- */

#infovis {
  float:left;
  width: 100%; /*1000px 750px*/
  height: 375px;
  margin-top: 1%;
  /*overflow: hidden;*/
  border-style:solid;
  border-width:0px;
  border-color:green;
}

#infovis-canvaswidget{
/*    width: 900px;
    height: 500px;*/
  border-style:solid;
  border-width:0px;
  border-color:red;
}

#infovis-canvas{
/*    width: 900px;
    height: 400px;*/
  border-style:solid;
  border-width:0px;
  border-color:red;
}

#infovis1 {
  float:left;
  width: 100%; /*1000px 750px*/
  height: 375px;
  margin-top: 1%;
  margin-bottom: 1%;
  /*overflow: hidden;*/
  border-style:solid;
  border-width:0px;
  border-color:green;
}

#infovis1-canvaswidget{
  border-style:solid;
  border-width:0px;
  border-color:red;
}

#infovis2, #vol24, #xchbr, #xchvol, #btcmkt, #xchwar {
  float:left;
  width: 100%; /*1000px 750px*/
  height: 500px; /*375px;*/
  margin-top: 1%;
  margin-bottom: 1%;
  padding-bottom: 5%;
  /*overflow: hidden;*/
  border-style:solid;
  border-width:0px;
  border-color:green;
}

.node {
  color: #fff;  cor da fonte dos labels dos quadrados */
  cursor: pointer;
  font-size: 18px; /* tamanho da fonte*/
  overflow: hidden;
  position: absolute;
  padding-bottom: 0%;
  /*line-height:100%;
  /* centraliza os labels dos quadrados mas torna a parte superior dos quadrados insensivel ao tip
  top: 50%;
  transform: translateX(-0%) translateY(47%);*/
}

.tip {
  background-color: #EBEBEB;
  color: #000000;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
  opacity: 0.9;
  padding: 7px;
  width: 250px;
}

.album {
    margin: 3px;
    width: 100px;
}

/* ---------------------------------------------------------------------
 controla o alinhamento das informa��es do zoom no projeto
 --------------------------------------------------------------------- */

.dica_navegacao{
	float:right;
}

.zoom {
	font: 15px sans-serif;
	font-weight:bold;
	text-align: center;
}

}
.zoom1 {
	text-align: left;
}

/* ---------------------------------------------------------------------
                         tabela do zoom no projeto
 --------------------------------------------------------------------- */

#desembolso{
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-collapse:collapse;
}


.nome {
  color: #000 !important;
	font-size: 16px;
	line-height:100%;
	padding-top:5%;
  padding-left:5%;
}

.nomeb {
  color: #fff !important;
	font-size: 16px;
	line-height:100%;
	padding-top:5%;
  padding-left:5%;
}

.detalhe {
  color: #000 !important;
	font-size: 12px;
	line-height:80%;
  padding-left:5%;
  padding-top:2%;
	/*padding-bottom:15%;*/
}

.detalheb {
  color: #fff !important;
	font-size: 12px;
	line-height:80%;
  padding-left:5%;
  padding-top:2%;
	/*padding-bottom:15%;*/
}

.source {
	text-align: left;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.poweredby {
  text-align: left;

  padding-top: 0px;
  margin-top: 0px;
}

.last_updated {
	text-align: left;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/*
.legytm {
  height: 70px;
}
*/