/* Basic styling */
/* Draw the lines */

.orgChart{
  cursor: move;
}
.orgChart table
, div.itemBody .orgChart table {
  margin: 0;
}
.orgChart table tbody td
, div.itemBody .orgChart table tbody td{
  border:  0;
  padding: 1px;
}
.orgChart table tbody tr:hover{
  background: none !important;
}
.orgChart .line
, div.itemBody .orgChart .line {
  height                : 20px;
  width                 : 4px;
}
.orgChart .down
, div.itemBody .orgChart .down {
  background-color 		: black;	
  margin 				: 0px auto;
}

.orgChart .top
, div.itemBody .orgChart .top  {
  border-top          : 3px solid black;
}

.orgChart .left
, div.itemBody  .orgChart .left {
  border-right          : 2px solid black;
}

.orgChart .right
, div.itemBody  .orgChart .right {
  border-left           : 2px solid black;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
}

/* The node */
#chart .jOrgChart .node {
  background: #e5af5a url("../images/bg/bg_organograma_yellow.png") repeat-x center;
  border: 1px solid #bd7404;
  color: #fff;
  font-family: "MuseoSans500";
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  width: auto;
  min-width: auto;
  height: auto;
  z-index: 10;
  margin: 0 2px;
  padding: 5px;
}

.node h3.item-title{
    color: #fff !important;
    text-transform: none !important;
    font-weight: bold
}

.node div.item-info{}

.node div.item-info a{
    display: block;
    white-space: nowrap;
    background: url("../images/bt/bt_chart_info.png") no-repeat;
    font-size: .9em;
    width: 16px;
    height: 16px;
    text-indent: 50px;
    overflow: hidden;
    margin: 1px auto;
    cursor: cell
}

/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}
#chart .jOrgChart .node.blue{
  background: #0281c0 url("../images/bg/bg_organograma_blue.png") repeat-x center;
  border:1px solid #005681;
}