/*========================================================
                    RH - ORGANOGRAMA
=========================================================*/
.org{
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	text-align:center;
	background:url(../imgs/organograma.png) no-repeat;
	}

button {
	display: inline-block;
	color: #ffffff;
	background:#c0504d;
	border: none;
	height:38px;
	position:relative;
	margin:10px;
	width:100px;
	transition: 0.3s background ease-in-out;
}

button#btn1:hover, button#btn2:hover, button#btn3:hover, button#btn4:hover, button#btn6:hover, button#btn7:hover, button#btn15:hover, button#btn25:hover, button#btn26:hover, button#btn28:hover, button#btn29:hover, button#btn30:hover, button#btn32:hover, button#btn34:hover, button#btn42:hover, button#btn44:hover, button#btn45:hover, button#btn48:hover, button#btn51:hover, button#btn52:hover {
	background: #C6DEE5;
	color: #4595DA;
	cursor:pointer;
}

button#btn1:active, button#btn2:active, button#btn3:active, button#btn4:active, button#btn6:active, button#btn7:active, button#btn15:active, button#btn25:active, button#btn26:active, button#btn28:active, button#btn29:active, button#btn30:active, button#btn32:active, button#btn34:active, button#btn42:active, button#btn44:active, button#btn45:active, button#btn48:active, button#btn51:active, button#btn52:active {
	box-shadow:0 0 100px #4595DA;
}

#btn1, #btn2, #btn3 {
	width:150px;
	background:#4bacc6;
}

#btn4, #btn5, #btn6, #btn7, #btn12, #btn21, #btn22, #btn23{
	width:155px;
	margin-left:94px;
	margin-right:94px;
	margin-top:50px;
}

#btn8, #btn9, #btn10, #btn11 {
	width:110px;
	height: 22px;
}

/*VERDE*/
#btn4 {
	background:#9bbb59;
}

/*LARANJA*/
#btn5, #btn6, #btn7{
	background:#f79646;
}

/*AZUL ESCURO*/
#btn8, #btn9, #btn10, #btn12, #btn21, #btn22, #btn23{
	background:#4f81bd;
}

.gerencia{
	display:inline-block;
	margin-left:45px;
	margin-right:45px;
}

#first, #second, #third, #sixth, #seventh {
	top:350px;
}

#sixth{
	height:400px;
}

#fourteenth {
	top:700px;
}

#twentyfifth, #twentyeighth, #fortyfirst, #fortyfourth, #fiftyfirst,  #fortyfifth, #fortyeighth{
	top:1180px;
}

.align-pdf{
	text-align:right;
	margin-top:25px;
}

@media (min-width: 980px) and (max-width: 1199px) {
	.org{
		margin-left:-25px;
		background-size: 900px 1220px;
	}
	
	button{
		font-size:11px;
		height:32px;
		width:90px;
		margin:7px;
	}
	
	#btn1, #btn2, #btn3 {
		width:120px;
		position:relative;
		top:5px;
	}
	
	#btn4, #btn5, #btn6, #btn7, #btn12, #btn21, #btn22, #btn23{
		width:130px;
		margin-left:75px;
		margin-right:75px;
		margin-top:45px;
	}
	
	.gerencia{
		margin-left:30px;
		margin-right:30px;
	}
	
	#btn12{
		position:relative;
		top: -12px;
	}
	
	#btn21, #btn22, #btn23, #btn10{
		position:relative;
		top: -5px;
	}
}
@media (min-width: 769px) and (max-width: 979px) {
	.org{
		margin-left:-50px;
		background-size: 800px 1130px;
	}
	
	button{
		font-size:10px;
		height:27px;
		width:80px;
		margin:5px;
		left:28px;
	}
	
	#btn1, #btn2, #btn3 {
		width:110px;
		position:relative;
		top:4px;
	}
	
	#btn4, #btn5, #btn6, #btn7, #btn12, #btn21, #btn22, #btn23{
		width:110px;
		margin-left:64px;
		margin-right:64px;
	}
	
	.gerencia{
		margin-left:28px;
		margin-right:28px;
	}
	
	#btn5, #btn6, #btn7, #btn8, #btn9, #btn10, #btn11, #btn12, #btn13, #btn14, #btn15, #btn16, #btn17, #btn18, #btn19, #btn20, #btn21, #btn22, #btn23{
		position:relative;
		top:-10px;
	}
}
@media (max-width: 768px) {
	.org{
		display:none;
	}
	.align-pdf{
		text-align:center;
	}
}