@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

.organograma-container
{
	position: relative;
  width: 100%;
  min-height: 300px;
	
}

body
{
	width: 900px;
	height: 100%;
}

.box
{
	width: 160px;
	min-height: 40px;
	border: 1px solid black;
	position: absolute;
	text-align: center;
	display: table;
	padding: 4px;
	
	
}

.box > a
{
width: 100%;
	height: 40px;
  	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	font-family: "Open Sans","OpenSansSemibold" !important;
	font-size: 10px;
	color: white;
}

.box.blue
{
	background: #0099CC;
}

.box.blue:not(.no-link):hover
{
	background: #7FCCE5;
}

.box.blue > a
{
	color: white;
}

.box.dark-blue
{
	background: #006699;
}

.box.dark-blue:not(.no-link):hover
{
	background: #7FB2CC;
}

.box.dark-blue > a
{
	color: white;
}

.box.dark-cyan
{
	background: #66CCCC;
	color: #86A3B9;
	
}

.box.dark-cyan > a
{
	color: #2C3A4D;
}



.box.dark-cyan:not(.no-link):hover
{
	background: #B2E5E5;
}

.box.cyan
{
	background: #CCFFFC;
	color: #86A3B9;
}

.box.cyan > a
{
	color: #2C3A4D;
}

.box.cyan:not(.no-link):hover
{
	background: #A2D5E0;
}

.no-link
{
	cursor: default;
}

.tooltip
{
	font-size: 10px !important;
	font-family: Arial;
}

.tooltiptext{
    display: none;
}

.obs-text
{
	font-size: 11px;
	font-family: Arial;
}

.center-block
{
	width: 900px; margin: auto;
	text-align: center;
}

.back-button
{
	background: #35C3F2;
	border: 1px solid #286275;
	font-family: Arial;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	text-decoration: none;
}

.title
{
		font-weight: bold;
		font-family: Arial;
		font-size: 12px;
		color: #188EB5;
}

.box-texto
{
	width: 400px;
	color: #1F637A;	
	font-weight: bold;
	font-family: Arial;
	font-size: 10px;
	float: left;
}