/* Organigrama editable (action=organigrama_v2) */

.org2-wrap {
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}

/* En pantallas angostas la imagen no baja de 760px (legible) y se desplaza horizontalmente */
.org2-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.org2-lienzo {
	position: relative;
	width: 100%;
	min-width: 760px;
}

.org2-img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}

/* Zonas clicables: posicion y tamano en % de la imagen (inline desde la BD) */
.org2-zona {
	position: absolute;
	display: block;
	box-sizing: border-box;
	border: 2px solid transparent;
	border-radius: 3px;
	cursor: pointer;
	/* IE: un <a> vacio y transparente no recibe clics sin fondo */
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.org2-zona:hover,
.org2-zona:focus,
.org2-zona.org2-activa {
	border-color: rgba(36, 87, 158, 0.85);
	background: rgba(36, 87, 158, 0.08);
	outline: none;
}

/* Ventana emergente: reutiliza .ventana-cargo de cargo_organigrama.css */
.org2-popup {
	display: none;
	position: absolute;
	width: 270px;
	z-index: 20;
	box-sizing: border-box;
}
.org2-popup .tabla-datos-funcionario {
	margin: 0 auto 10px auto;
	text-align: left;
}
.org2-popup input {
	cursor: pointer;
	margin: 0 2px;
}

.org2-preview {
	max-width: 1080px;
	margin: 0 auto 10px auto;
	padding: 8px 12px;
	background: #fff4d6;
	border: 1px solid #e0b252;
	color: #5c4300;
	font-size: 13px;
	text-align: center;
}

.org2-vacio {
	text-align: center;
	padding: 40px 10px;
	font-size: 14px;
	color: #666;
}