@charset "utf-8";
/* CSS Document */
* {
	margin-left: 0;
}
#wrapper > * {
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0,0,0);
}

.dropdown {
	background: black;
	width: 620px;
	height: 27px;
	padding: 10px 0px 0px 0px !important;
	/*margin-top: -8px;*/
	/*padding-top: 11px;*/
	margin:-5px 0 0 0px;
	padding:0px;
	position:fixed;
	z-index:10000;
}
.dropdown dd { position:relative; }
.dropdown a {text-decoration: none;}
.dropdown li, .dropdown a:visited { color:#816c5b; outline:none; cursor:pointer;}
.dropdown li:hover { color:#fff;}
.dropdown dt:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #949599;}
.dropdown dt{
  background:#e8e8e8 url(http://s3.amazonaws.com/cdn.infografiaepoca.com.br/800_inovacoes/images/arrow.png) no-repeat scroll right center;
	display:block;
	padding-right:20px;
  border:1px solid #939598;
  width:159px;
  cursor:pointer;
  display:block;
  padding:7px;
  margin-left:5px;
  margin-top: -5px;
}
.dropdown dd ul {
  background:#e8e8e8 none repeat scroll 0 0;
  border:1px solid #939598;
  color:#C5C0B0;
  display:none;
  left:5px;
  padding:5px 0px;
  position:absolute;
  top:0px;
  width:auto;
  min-width:100px;
  width:173px;
  list-style:none;
  height: 580px;
  overflow:auto;
  line-height:1.2em;
  margin:0;
}
.dropdown dd ul li { padding:5px; display:block;}
.dropdown dd ul li:hover { background-color:#949599;}

#wrapperGraficos {
	background-color: #fff;
}


#wrapper {
	width:620px !important;
	height:3050px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:0.7em;
	margin:0 auto;

  -webkit-user-select: none; /* Chrome/Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */

  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  overflow-x: auto;
}


#result {
	padding-top: 32px;
}