body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  background-color: #fff;
  max-width: 960px;
  min-width: 880px;
  height: 750px;
  margin-top: 10px;
  margin: 0 auto;
  height: 750px;
  zoom: 1.1;
}
#main {
  float: left;
  width: 750px;
}
#sidebar {
  font-family: Verdana, Geneva, sans-serif;
  float: right;
  font-size: 13px;
  width: 120px;
  text-align: center;
  font-weight: 1100;
}
#sequence {
  width: 600px;
  height: 70px;
}
#legend {
  padding: 10px 0 0 3px;
}
#sequence text, #legend text {
  font-weight: 600;
  fill: #fff;
}
#chart {
  position: relative;
}
#chart path {
  stroke: #fff;
}
#explanation {
  position: absolute;
  top: 260px;
  left: 305px;
  width: 140px;
  text-align: center;
  color: #666;
  z-index: -1;
}
#percentage {
  font-size: 2.5em;
}
#cabecario {
  text-align: center;
}
#titulo {
  font-size: 2.5em;
  font-weight: bold;
}
#subtitulo {
  font-size: 2.25em;
}
#container {
  width: 750px;
  height: 604px;
}
label {display:block;}
input {
  border:solid 1px #888;
  font-size:20px;   
  border-radius:0 200px 0 0;  
  padding:2px;  
  width: 115px;  
  outline:none;
  text-align: center;
}
.modern {box-shadow:0 0 4px black;
}
#formasderenda {
  background: #DD4C44;
  border-radius:10px 10px 0 0;
  padding:2px 0 0 0;
}
#sabepoupar {
  background: #F69E93;
  padding:2px 0 0 0;
}
#sabeinvestir {
  background: #A3B9D5;
  padding:2px 0 0 0;
}
#usoconscienteeinteligentedodinheiro {
  background: #A693C1;
  padding:2px 0 0 0;
}
#circulosocial {
  background: #A1A0A6;
  padding:2px 0 0 0;
}
#objetivosemetas {
  background: #EDED98;
  padding:2px 0 0 0;
}
#monitoraasfinancas {
  background: #BB9972;
  padding:2px 0 0 0;
}
#pensamentosimpulsionadores {
  background: #FFAB2D;
  padding:2px 0 0 0;
}
#evitaaprocrastinacao {
  background: #BE4398;
  padding:2px 0 0 0;
}
#agradeceecelebra {
  background: #319493;
  padding:2px 0 0 0;
  border-radius:0 0 10px 10px;
}