body {

  background-color: transparent;

}





#elementosTeia {

    width:940px; height:400px; margin: 0 auto;

}



#debug1 {

  display:block;

}

.js-mindmap-active h1 {

   display:none;

}

.js-mindmap-active section h1 {

   display:block;

}

.js-mindmap-active .node {

  /*position:absolute;*/

  top:0;

  left:0;

/*  font-family:verdana;

  font-size:11px;

  color:#003258;*/

  opacity:1;

  padding: 8px;

  cursor:pointer;

  cursor:hand;

  z-index:100;

  list-style:none;



  font: 30px/1.15 calibri, Arial, sans-serif;

  font-size:.75em;

  font-weight: normal;

  letter-spacing: 0;

  display:block;

  color:white;

  text-align:center;

  text-decoration:none;

  background:#a9afb0;

  border: 0px solid white;

  width: 65px;

  height: 65px;

  /*

  -webkit-border-radius:50%;

  border-radius:50%;

  */

  position: relative;

}

.js-mindmap-active .node {

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: center center;

}



#n1{background-image:url("1.png");}

#n2{background-image:url("2.png");}

#n3{background-image:url("3.png");}

#n4{background-image:url("4.png");}

#n5{background-image:url("5.png");}

#n6{background-image:url("6.png");}

#n7{background-image:url("7.png");}

#n8{background-image:url("8.png");}

#n9{background-image:url("9.png");}

#n10{background-image:url("10.png");}

#n11{background-image:url("11.png");}

#n12{background-image:url("12.png");}

#n13{background-image:url("13.png");}

#n14{background-image:url("14.png");}

#n15{background-image:url("15.png");}

#n16{background-image:url("16.png");}

#n17{background-image:url("17.png");}

#n18{background-image:url("18.png");}


#teia{
    background: none repeat scroll 0 0 transparent;
    position: relative;
    top:0px;
}

.js-mindmap-active .root{
  background-image:url("corrupcao.png") !important;
  background-position: center center !important;
}

.js-mindmap-active .node.active { /*CORRUPÇÃO*/

  font-size:0.1em;

  text-transform: uppercase;

  width: 189px;
  height: 186px;

  font-weight: bold;

  padding: 0px !important;

  border-width:0px !important;

  background:transparent;

  color:#000;

  /*border-color: #a9afb0;*/

}

.js-mindmap-active .node.active span{ /*CORRUPÇÃO*/

color:#000;

  }



.js-mindmap-active .node.active {

  color:white;

}

.js-mindmap-active .node.activeparent {

  color:lightgray;

  padding:8px !important;

  border-width:8px !important;

  background:#c64d44; 

}

.js-mindmap-active .node div {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: table;

}

  .js-mindmap-active .node span {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding:5px;

  }

.js-mindmap-active img.line {

  position:absolute;

  width:200px;

  height:133px;

  top:0;

  left:0;

  display:block;

  z-index:0;

}

.ui-draggable {

  position:absolute;

}

.js-mindmap-active .node .node-action {

  position:absolute;

  right:5em;

  bottom:5px;

  text-align:center;

  vertical-align:super;

}



.js-mindmap-active .node.orange {

  background:#f89a3a; 

}

.js-mindmap-active .node.green {

  background:#92c63d; 

}

.js-mindmap-active .node.blue {

  background:#4688c2; 

}

.js-mindmap-active .node.purple {

  background:#6b5ba6; 

}

.js-mindmap-active .node.red {

  background:#c64d44; 

}



.js-mindmap-active .node.size-10 {

  width: 55px;

  height: 55px;

  /*font-size: 0.675em;*/

}

.js-mindmap-active .node.size-20 {

  width: 55px;

  height: 55px;

  /*font-size: 0.65em;*/

}

.js-mindmap-active .node.size-30 {

  width: 52.5%;

  height: 52.5%;

  /*font-size: 0.7em;*/

}

.js-mindmap-active .node.size-40 {

  width: 45px;

  height: 45px;

  /*font-size: 0.7em;*/

}

.js-mindmap-active .node.size-50 {

  width: 37.5px;

  height: 37.5px;

  /*font-size: 0.7em;*/

}

.js-mindmap-active .node.size25 {

  width: 113px;
  height: 115px;

  /*font-size: 0.9375em;*/
}

.js-mindmap-active .node.size50 {

  width: 172px;

  height: 143px;

  /*font-size: 1.125em;*/

}

.js-mindmap-active .node.size75 {

  width: 131.25px;

  height: 131.25px;

  /*font-size: 1.3125em;*/

}

.js-mindmap-active .node.size100 {

  width: 150px;

  height: 150px;

  /*font-size: 1.5em;*/

}

.js-mindmap-active .node.size200 {

  width: 225px;

  height: 225px;

  /*font-size: 2.25em;*/

}



span.ui-draggable {

border:solid 1px red;

}