@charset "UTF-8";
/* TEMP 
***************************************************************************************************/

/**************************************************************************************************/

/*                                                                  88
                                                                    88
                                                                    88
 ,adPPYb,d8  ,adPPYba, 8b,dPPYba,   ,adPPYba, 8b,dPPYba, ,adPPYYba, 88
a8"    `Y88 a8P_____88 88P'   `"8a a8P_____88 88P'   "Y8 ""     `Y8 88
8b       88 8PP""""""" 88       88 8PP""""""" 88         ,adPPPPP88 88
"8a,   ,d88 "8b,   ,aa 88       88 "8b,   ,aa 88         88,    ,88 88
 `"YbbdP"Y8  `"Ybbd8"' 88       88  `"Ybbd8"' 88         `"8bbdP"Y8 88
 aa,    ,88
  "Y8bbd*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,400,500,600,700');

body{
-moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
}
#mapa    p{

    max-width: 100%;
    margin-bottom:15px;
    font-family: 'Work Sans', sans-serif;
        font-size: 15px;
}

    hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

#tps-org-chart {
	background: #fff;
	padding: 20px 20px 40px 20px;
	margin-bottom: 2em;
}
figure ul, figure ul li, figure ul li a {
	position: relative;
}
figure ul {
	padding: 0;
	margin: 0;
	list-style: none;
	
}
figure ul li {
	padding: 8px 0;
}
figure ul li a {
	display: block;
	color: #444;
	font-size: 1.05em;
	overflow: hidden;
	font-weight: 500;
	line-height: 1.2em; 
}


figure ul li a.figure-big {
	display: block;
	text-align: center;
	color: #444;
	font-size: 1.6em;
	height: 125px;
	overflow: hidden;
	font-weight: 400;
	line-height: 1.3em;
}

figure ul li a.figure-extrabig {
	display: block;
	text-align: center;
	color: #444;
	font-size: 1.6em;
	height: 135px;
	overflow: hidden;
	font-weight: 400;
	line-height: 1.3em;
}

figure ul li.figure-small a {
	display: block;
	text-align: center;
	color: #444;
	font-size: 1.6em;
	height: auto;
	overflow: hidden;
	font-weight: 400;
	line-height: 1.3em;
}
figure ul li a:hover {
	color: #fff;
	text-decoration: none;
}
figure ul li a > span {
	display: flex;
	min-height: 100%;
	overflow: hidden;
	transition: all ease .4s;
	/*text-shadow:rgba(255,255,255,0.5) 1px 1px 1px;*/
	padding: 12px 20px;
	align-items: center; 
	/*justify-content:center; */
}
figure ul li a > span.center {
	justify-content: center !important;
}
figure ul li a > span img {
	margin-right: 10px;
}
figure ul > li a:hover > span {
	/*background:#222;*/
	color: #444;
}
figure small {
	display: block;
	font-weight: normal;
}
.no-borde {
	border-left: 0 !important;
}
/* 
88                                   88
88                                   88
88                                   88
88  ,adPPYba, 8b       d8  ,adPPYba, 88 ,adPPYba,
88 a8P_____88 `8b     d8' a8P_____88 88 I8[    ""
88 8PP"""""""  `8b   d8'  8PP""""""" 88  `"Y8ba,
88 "8b,   ,aa   `8b,d8'   "8b,   ,aa 88 aa    ]8I
88  `"Ybbd8"'     "8"      `"Ybbd8"' 88 `"YbbdP"'  */

/* Level 1 
-------------------------------------------------*/
figure > ul > li > div > a {
	max-width: 50%;
	margin: 0 auto 25px auto;
}
figure > ul > li > div:after {
	content: "";
	width: calc(50%);
	height: 25px;
	margin: 0 auto;
	position: absolute;
	border-left: 2px solid #888;
	top: 65px;
	left: calc(50% - 2px);
	display: block;
	z-index: 0;
}

.index figure > ul > li > div:after {
	content: "";
	width: calc(50%);
	height: 25px;
	margin: 0 auto;
	position: absolute;
	border-left: 2px solid #888;
	top: 60px;
	left: calc(50% - 2px);
	display: block;
	z-index: 0;
}
.index figure > ul > li > div.big:after {
	content: "";
	width: calc(50%);
	height: 35px;
	margin: 0 auto;
	position: absolute;
	border-left: 2px solid #888;
	top: 110px;
	left: calc(50% - 2px);
	display: block;
	z-index: 0;
}
.index figure > ul > li > ul > li {
	padding-right: 0;
}
.index figure > ul > li > div > a {
	max-width: 70%;
	margin: 0 auto 25px auto;
	font-weight: 700;
	font-size: 1.7em;
	color: white;
}

.nivel-1 {
   
}

/*nuevo*/

figure > ul > li > ul > li > ul.nivel-1 { /* vertical line connecting boxes under a director (level 2) */
	border-left: 2px solid #888;
	margin-left: 10%;
    margin-top: 1px;

}
figure > ul > li > ul > li > ul > li.subnivel-1 { /* horizontal line connect level 3 boxes to vertical line under director (level 2) */
	border-top: 2px solid #888;
	top: 50px;
}
figure ul > li > ul > li > ul > li.subnivel-1 > a { /* level 3 boxes and below... */
	right: -30px;
	top: -30px;
	width: calc(100% - 30px);
}
figure > ul > li.no-line > div:after {
	border-left: 0px solid #888 !important;
}

.index figure > ul > li.no-line > div:after {
	border-left: 0px solid #888 !impotant;
}
.index figure > ul > li.no-line > div.big:after {
	border-left: 0px solid #888 !important;
}


/*nuevo*/

.index figure > ul > li > div.big > a {
	max-width: 100%;
	height: 100px;
	margin: 0 auto 25px auto;
	font-family: "Poppins";
	font-weight: 700;
	font-size: 2.5em;
	color: white;
}
.index figure > ul > li > div.index:after {
	content: "";
	width: calc(50%);
	height: 350px;
	margin: 0 auto;
	position: absolute;
	border-left: 2px solid #888;
	top: 75px;
	left: calc(50% - 2px);
	display: block;
	z-index: 0;
}
.index figure ul > li div a:hover > span {
	/*background:#222;*/
	color: #fff;
}

.index figure ul > li div a:hover > span.link {
	/*background:#222;*/
	color: #a94442;
}
/* Level 2 
-------------------------------------------------*/
figure > ul > li > ul:after { /* horizontal line connecting boxes under head honcho (and vertical lines on the far left and right) */
	content: "";
	width: calc(100% - 30px - 248px + 4px);
	height: 35px;
	margin: 0 auto;
	position: absolute;
	/*border: 2px solid;*/
	border-bottom: none;
	top: 8px;
	left: calc(15px + 124px - 2px);
	display: block;
	z-index: 0;
}
figure > ul > li > ul > li {
	z-index: 1;
	
}
figure > ul > li > ul > li:first-of-type:before, figure > ul > li > ul > li:last-of-type:before { /* hiding vertical lines on the far left and right */
	border-left: transparent;
}
figure > ul > li > ul > li:before { /* vertical lines connecting boxes to horizontal line under head honcho */
	content: "";
	/*border-left: 2px solid;*/
	position: relative;
	display: block;
	min-height: 20px;
	margin-left: calc(50% - 2px);
}
/* Level 3 
-------------------------------------------------*/
figure > ul > li > ul > li > ul { /* vertical line connecting boxes under a director (level 2) */
	border-left: 2px solid;
	margin-left: 10%;
}
figure > ul > li > ul > li > ul > li { /* horizontal line connect level 3 boxes to vertical line under director (level 2) */
	border-top: 2px solid;
	top: 52px;
}
figure ul > li > ul > li > ul > li > a { /* level 3 boxes and below... */
	right: -30px;
	top: -30px;
	width: calc(100% - 30px);
}
/*Judicial*/
figure > ul > li > ul > li.judicial:before { /* vertical lines connecting boxes to horizontal line under head honcho */
	content: "";
	border-left: 0px;
	position: relative;
	display: block;
	min-height: 20px;
	margin-left: calc(50% - 2px);
}
.index figure > ul > li.org-judicial > ul:after { /* horizontal line connecting boxes under head honcho (and vertical lines on the far left and right) */
	content: "";
	width: calc(100% - 30px - 248px + 4px);
	height: 0px !important;
	margin: 0 auto;
	position: absolute;
	border: 2px solid;
	border-bottom: none;
	top: 8px;
	left: calc(15px + 124px - 2px);
	display: block;
	z-index: 0;
}
/* Level 4 
-------------------------------------------------*/
figure > ul > li ul > li > ul > li > ul { /* vertical line connecting boxes under a level 3 box */
	border-left: 2px solid;
	right: -30px;
	top: -37px;
	width: calc(100% - 30px);
	padding-top: 10px;
}
figure ul > li > ul > li > ul > li.tps-org-branch-end { /* hiding the bottom section of the vertical line above */
	border-left: 2px solid #fff;
	right: 2px;
	width: calc(100% + 4px);
	margin-bottom: 40px;
}

.tps-org-branch-begin { /* hiding the bottom section of the vertical line above */
	border-left: 2px solid #fff;
	right: 2px;
	width: calc(100% + 4px);
}
figure ul > li > ul > li > ul > li > ul > li { /* horizontal line connect level 4 boxes to vertical line under level 3 box */
	border-top: 2px solid;
	top: 50px;
}

/*
  ,ad88PPP88ba,                                         88 88
 d8"  .ama.a "8a                                        88 ""
d8'  ,8P"88"  88                                        88
88  .8P  8P   88 88,dPYba,,adPYba,   ,adPPYba,  ,adPPYb,88 88 ,adPPYYba,
88  88   8'   8P 88P'   "88"    "8a a8P_____88 a8"    `Y88 88 ""     `Y8
88  8B ,d8 ,ad8' 88      88      88 8PP""""""" 8b       88 88 ,adPPPPP88
"8a "88P"888P"   88      88      88 "8b,   ,aa "8a,   ,d88 88 88,    ,88
 `Y8aaaaaaaad8P  88      88      88  `"Ybbd8"'  `"8bbdP"Y8 88 `"8bbdP"Y8
    """""""""
*/
@media all and (max-width: 1200px) {
figure > ul > li > div > a {
	width: 100%;
	margin: 0 auto;
}

figure > ul > li > ul > li { /* horizontal line connecting level 2 boxes to vertical line under head honcho (level 1) */
	top: 50px;
}
    
    figure > ul > li > ul > li > ul.nivel-1 { /* vertical line connecting boxes under a director (level 2) */

	margin-top: 21px;
}
figure > ul > li > div:after,  figure > ul > li > ul:after,  figure > ul > li > ul > li:first-of-type:before,  figure > ul > li > ul > li:last-of-type:before,  figure > ul > li > ul > li:before,  .index figure > ul > li.org-judicial > ul:after {
	display: none;
}
figure > ul > li > ul > li.col-lg-2 {
	padding-right: 0;
	padding-left: 30px;
}
figure > ul > li > ul > li > a,  figure > ul > li > ul > li > ul {
	top: -50px;
}

figure ul > li > ul > li.tps-org-branch-end:last-of-type { /* hiding the bottom section of the vertical line above */
	border-left: 2px solid #fff;
	right: 2px;
	width: calc(100% + 4px);
}
}

@media all and (max-width: 992px) {
.index figure > ul > li > div > a {
	max-width: 100%;
	margin-bottom: 20px;;
}
.index figure > ul > li > div.big > a {
	max-width: 100%;
	margin-bottom: -4px;
}
.index figure > ul > li > div:after {
	display: none;
}
.index figure > ul > li > div.big:after {
	display: none;
}

.index .no-linea figure ul:last-child > li:first-child > ul:nth-child(2) > li {
	border-left: 0px solid #888;
	right: 2px;
	width: calc(100% + 4px);
}
.index figure ul:last-child > li:first-child > ul:nth-child(2) > li.tps-org-branch-ebd {
	border-left: 2px solid #888;
}
figure ul > li > ul > li.tps-org-branch-end:last-of-type { /* hiding the bottom section of the vertical line above */
	border-left: 2px solid #fff;
	right: 2px;
	width: calc(100% + 4px);
}
figure > ul > li > ul > li { /* horizontal line connecting level 2 boxes to vertical line under head honcho (level 1) */
	border-top: 0px solid #ffffff;
	top: 75px;
}
	

.index figure > ul > li > div.big > a {
	height: auto;
}
figure ul li a,
figure ul li a.figure-big,
figure ul li a.figure-extrabig
	{
	height: auto;
}

}

@media all and (max-width: 768px) {
    figure > ul > li > ul > li > ul.nivel-1 { /* vertical line connecting boxes under a director (level 2) */

	margin-top: 2px;
}
	}

@media all and (max-width: 720px) {
    figure > ul > li > ul > li > ul.nivel-1 { /* vertical line connecting boxes under a director (level 2) */
top: -50px;
			
}
	figure ul > li > ul > li > ul > li.subnivel-1 > a { /* level 3 boxes and below... */
	top: -30px;
	}
    
    figure > ul > li > ul > li > ul > li.subnivel-1 {
    top: 40px;
}
    }

/*                     88
                       88
                       88
 ,adPPYba,  ,adPPYba,  88  ,adPPYba,  8b,dPPYba, ,adPPYba,
a8"     "" a8"     "8a 88 a8"     "8a 88P'   "Y8 I8[    ""
8b         8b       d8 88 8b       d8 88          `"Y8ba,
"8a,   ,aa "8a,   ,a8" 88 "8a,   ,a8" 88         aa    ]8I
 `"Ybbd8"'  `"YbbdP"'  88  `"YbbdP"'  88         `"YbbdP"'  */

/* Line color 
-------------------------------------------------*/
figure ul li a, figure > ul > li > ul, figure > ul > li > ul:after, figure > ul > li > div:after, figure > ul > li > ul > li, figure > ul > li > ul > li:before, figure > ul > li > ul > li > ul, figure > ul > li > ul > li > ul > li, figure > ul > li ul > li > ul > li > ul, figure ul > li > ul > li > ul > li > ul > li {
	border-color: #888;
}
/* Background color 
-------------------------------------------------*/
#tps-org-chart, figure ul > li > ul > li > ul > li.tps-org-branch-end {
	background: #fff;
}
/* Box colors by column 
-------------------------------------------------*/
figure ul li a {
	background: #13BAC2;
	border: none;
}
figure ul li a.no-color {
	background: #fff;
	border: none;
}

/* level 1 and default box color */
figure ul li a:hover {
    background: #13ABB2;
}
figure > ul > li > ul > li a {
	background: #e3edfc;
}
figure > ul > li > ul > li a:hover {
	background: #D9E5F9;
}
/*figure > ul > li > ul > li:nth-of-type(1) a{  background:#FBDF8D; }
figure > ul > li > ul > li:nth-of-type(1) a:hover{background: #FDEFC4; }
figure > ul > li > ul > li:nth-of-type(2) a{  background:#FBDF8D; }
figure > ul > li > ul > li:nth-of-type(2) a:hover{background: #FDEFC4; }
figure > ul > li > ul > li:nth-of-type(3) a{  background:#f7a30a; }
figure > ul > li > ul > li:nth-of-type(3) a:hover{ }
figure > ul > li > ul > li:nth-of-type(4) a{  background:#8c42ad; }
figure > ul > li > ul > li:nth-of-type(4) a:hover{  }*/
/* 3 steps lighter */
/*figure > ul > li > ul > li:nth-of-type(5) a{  background:#de5433; }
figure > ul > li > ul > li:nth-of-type(5) a:hover{ }/*
/* 1 step lighter */
/*figure > ul > li > ul > li:nth-of-type(6) a{  background:#00b0ab; }
figure > ul > li > ul > li:nth-of-type(6) a:hover{ color:#00b0ab; }*/

/* Darken each level 
-------------------------------------------------*/
figure > ul > li > ul > li > a > span {
	background: rgba(0,0,0,0);
}
figure > ul > li > ul > li > ul > li > a > span {
	/*background:rgba(0,0,0,0.2);*/
	background: #f4f9ff;
}
.resaltado {
	background: #f9bf80;
}
figure > ul > li > ul > li > ul > li > a > span:hover {
	background: ##e3edfc;
}
figure > ul > li > ul > li > ul > li > ul > li > a > span {
	background: rgba(0,0,0,0.05);
}
figure > ul > li > ul > li > ul > li > ul > li > ul > li > a > span {
	background: rgba(0,0,0,0.2);
}


.yellow-borde-box3 {
	background: #fcf3c2;
	color: #333;
	border: 2px solid #000;
}