@charset "UTF-8";

main {
	display: inline-block;
}

*{
	box-sizing: border-box;
}

.ui-dialog-titlebar {
	background-color: #89BEBA;
	background-image: linear-gradient(#DDEEEC, #89BEBA);
}

#divDominiosPeq 							{ width: 100%; padding: 6px 0px 5px 4px; margin: 0px 0px 5px 0px; float: left; position: sticky; top: 38px; background: #fff; display: block; z-index: 1; }
/*#divDominiosPeq::before 					{ content: ""; position: absolute; left: -15px; top: 0; height: 63px; width: calc(100% + 30px); border: 1px solid rgba(0,0,0,0.1);  background: #fff; box-shadow: 0 0 3px 0 rgba(0,0,0,0.1); z-index: -1; }*/
nav.fixed-top ~ main #divDominiosPeq,
.fixed-top ~ #main #divDominiosPeq			{ position: fixed; left: 0; z-index:2;}
nav.fixed-top ~ main #divDominiosPeq::after,
.fixed-top ~ #main #divDominiosPeq::after	{ content: ""; position: absolute; left: 0vw; top: 0; background: #fff; width: 100%; height: 100%; z-index: -1; border-bottom: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); }


.divDominio {
    padding: 0.2%;
    display: inline-block;
    float: left;
}

.imgDominio {
    opacity: 0.3;
	height: 68px;
	filter: saturate(0);

	pointer-events: none;
}

.divDominio a {
    display: block;
    width: 68px;
    height: 68px;
}

.divDominio:hover a .imgDominio,
.divDominio:focus a .imgDominio {
	opacity: 1;
    filter: saturate(1);
}

.imgDominioSelected {
    border-width: 2px;
    border-color: #89BEBA;
    border-style: solid;
    opacity: 1;
    height: 68px;
	pointer-events: none;
}

/*p {
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: justify;
}

p:first-of-type {
    margin-top: 0px;
}

.Inf > a > span{
	vertical-align: middle;
}*/

/********* Inicio *********************/
ul.iconos{
	padding-left: 0px;
    margin-left: 0px;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}

ul.iconos > li{
	list-style-type: none;
	display: inline-block;
}

ul.iconos a{
	display: block;
}


ul.iconos a object, ul.iconos a img {
	height: auto;
	width: 169px;
	height: 169px;
	margin: 5px;
	pointer-events: none;
	vertical-align: inherit;
	object-fit: cover;
}

ul.iconos a object.obj4836{
	background-color: #EB1C2D;
}

ul.iconos a object.obj4841{
	background-color: #D6A029;
}

ul.iconos a object.obj4846{
	background-color: #289B49;
}

ul.iconos a object.obj4869{
	background-color: #C42030;
}

ul.iconos a object.obj4977{
	background-color: #EE4129;
}

ul.iconos a object.obj5003{
	background-color: #26BDE2;
}

ul.iconos a object.obj4877{
	background-color: #FCC30B;
}

ul.iconos a object.obj4882{
	background-color: #8B1839;
}

ul.iconos a object.obj4895{
	background-color: #F07022;
}

ul.iconos a object.obj4901{
	background-color: #DE1584;
}

ul.iconos a object.obj4907{
	background-color: #FD9A27;
}

ul.iconos a object.obj4910{
	background-color: #CF8C2A;
}

ul.iconos a object.obj4915{
	background-color: #3F7E44;
}

ul.iconos a object.obj5128{
	background-color: #0A97D9;
}

ul.iconos a object.obj5198{
	background-color: #56C02B;
}

ul.iconos a object.obj5252{
	background-color: #00689D;
}

ul.iconos a object.obj5141{
	background-color: #163768;
}

@media screen and (max-width: 1920px){
	ul.iconos a object, ul.iconos a img { width: 175px; height: 175px; }
}

@media screen and (max-width: 1600px){
	ul.iconos a object, ul.iconos a img { width: 182px; height: 182px; }
}

@media screen and (max-width: 1366px){
	ul.iconos a object, ul.iconos a img { width: 177px; height: 177px; }
}

@media screen and (max-width: 1280px){
	ul.iconos a object, ul.iconos a img { width: 165px; height: 165px; }
}

@media screen and (max-width: 1024px){
	ul.iconos a object, ul.iconos a img { width: 185px; height: 185px; }
}

@media screen and (max-width: 1024px){
	ul.iconos a object, ul.iconos a img { width: 160px; height: 160px; }
}

@media screen and (max-width: 800px){
	.AppToolBarContent			{ max-width: none; }
	main .cuerpo,
	.AppToolBarContent > div,
	#divDominiosPeq + section 	{ padding: 0 5px; }
	main .cuerpo p + .iconos 	{ margin-top: 10px; }
	.divDominio         		{ margin: 0; width: 44px; border: 0 none; padding: 0; float: none; }

	ul.iconos > li 						{ list-style-type: none; display: inline-block; width: calc(33.33% - 3px); }
	ul.iconos a 						{ width: 100%; }
	ul.iconos a object, ul.iconos a img { height: auto; width: 100%; object-fit: contain; margin: 0; }

	.navbar a.sede>.tit,
	.navbar a.icoSocial:not([data-social-text])>.tit { display: none; }
}

@media screen and (max-width: 480px){
	.objetivo dl > dd, .objetivo dl > dt,
	section>div>*, section>ul>*  			{ font-size: 1rem !important; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.divDominio         		{ margin: 1px; float: left; }
}

/********* Fin Inicio *********************/


.objetivo{
	clear: both;
	display: inline-block;
	padding: 0;
	width:100%;
}

.titulo{
	width: 100%;
	display: inline-block;
}

.titulo > img, .titulo > object.image{
	float: left;
	width: 128px;
	height: 128px;
}

.titulo > div{
	padding: 1rem;
	display: inline-block;
    width: calc(100% - 128px);
    background-color: white;
    min-height: 128px;
}

.obj4836 > .titulo{
	background-color: #EB1C2D;
	border: solid 3px #EB1C2D;
}

.obj4841 > .titulo{
	background-color: #D6A029;
	border: solid 3px #D6A029;
}

.obj4846 > .titulo{
	background-color: #289B49;
	border: solid 3px #289B49;
}

.obj4869 > .titulo{
	background-color: #C42030;
	border: solid 3px #C42030;
}

.obj4977 > .titulo{
	background-color: #EE4129;
	border: solid 3px #EE4129;
}

.obj5003 > .titulo{
	background-color: #26BDE2;
	border: solid 3px #26BDE2;
}

.obj4877 > .titulo{
	background-color: #FCC30B;
	border: solid 3px #FCC30B;
}

.obj4882 > .titulo{
	background-color: #8B1839;
	border: solid 3px #8B1839;
}

.obj4895 > .titulo{
	background-color: #F07022;
	border: solid 3px #F07022;
}

.obj4901 > .titulo{
	background-color: #DE1584;
	border: solid 3px #DE1584;
}

.obj4907 > .titulo{
	background-color: #FD9A27;
	border: solid 3px #FD9A27;
}

.obj4910 > .titulo{
	background-color: #CF8C2A;
	border: solid 3px #CF8C2A;
}

.obj4915 > .titulo{
	background-color: #3F7E44;
	border: solid 3px #3F7E44;
}

.obj5128 > .titulo{
	background-color: #0A97D9;
	border: solid 3px #0A97D9;
}

.obj5198 > .titulo{
	background-color: #56C02B;
	border: solid 3px #56C02B;
}

.obj5252 > .titulo{
	background-color: #00689D;
	border: solid 3px #00689D;
}

.obj5141 > .titulo{
	background-color: #163768;
	border: solid 3px #163768;
 }


.objetivo h1{
	font-size: 1.3rem;
	padding-top: 1rem;
}

.objetivo h2{
	font-weight: bold;
    font-size: 1.1rem;
}

.Inf > * {
    padding-right: 1em;
}

/*.Inf .icoEnlaceExt{
	float: none !important;
}*/

/****************** Objetivo *********************/
.secciones > li > div,
.secciones > article > div{
	padding: 1rem 2rem 0rem 2rem;
}

.secciones table{
	border-spacing: 5px;
	width: 100%;
}

.secciones table td , .secciones table th {
	margin:0px;
	padding:4px 4px;
	white-space: normal;
}

.secciones table > thead > tr > th{
	border-bottom: 1px solid #457E76;
	font-weight: bold;
}

.secciones table tr td:first-child, .secciones table tr th:first-child{
	text-align:left;
	min-width: 200px;
}

.secciones table tr td:nth-child(2), .secciones table tr th:nth-child(2){
	text-align:center;
	width: 17%;
}

.secciones table tr td.nodisp, .secciones table tr td.disp{
	vertical-align: middle;
}

.secciones table tr td.nodisp > span{
	background-color: orange;
	padding: 5px;
	white-space: nowrap;
	display: inline-block;
}

.secciones table tr td.disp > span{
	background-color: #5cb85c;
	padding: 5px;
}

.secciones table tr td.noapli > span{
	background-color: #E27874;
	padding: 5px;
}

.secciones table tr td.norel > span{
	background-color: #999;
	padding: 5px;
}

.objetivo .secciones article > header 			{ margin: 0; width: 100%; }
.secciones li>.titleOpen,
.secciones article>.titleOpen			{ color: #black; display: inline-block; cursor: pointer; background: linear-gradient(45deg, #f0f0f0, #f0f0f0); padding: 5px 5px 0 25px; position: relative; z-index: 0; border: 1px solid rgba(0,0,0,0.05); border-radius: 8px 8px 0 0; }
.secciones li>.titleClose,
.secciones article>.titleClose			{ color: #black; background: transparent; display: inline-block; cursor: pointer; padding: 5px 0 0 25px; position: relative; }
.secciones li>.titleOpen::before,
.secciones article>.titleOpen::before	{ content: "\f0d8"; cursor: pointer; position: absolute; left: 5px; top: 6px; z-index: 1; width: 16px; height: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; color: #a70332; border: 1px solid #a70332; border-radius: 10px; text-align: center; padding: 0; line-height: 12px; }
.secciones li>.titleClose::before,
.secciones article>.titleClose::before	{ content: "\f0d7"; cursor: pointer; position: absolute; left: 5px; top: 6px; z-index: 1; width: 16px; height: 16px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; color: #a70332; border: 1px solid #a70332; border-radius: 10px; text-align: center; padding: 0; line-height: 15px; }
.secciones > li,
.secciones > article{
	margin-top: 2rem;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 5px;
	border-radius: 12px 12px 0 0;
}

.secciones > li table a > span,
.secciones > article table a > span		{ color: #457E76; font-weight: bold; text-decoration: underline; }

.secciones table td,
.secciones table th						{ vertical-align: top; }
.secciones table caption				{ display: none; }
/****************** Fin Objetivo *********************/

/********** INDICADOR ******************/

.objetivo div.titulo 							{ margin: 0 25px 15px; width: calc(100% - 50px); }
.objetivo ul									{ margin-top: 1rem; margin-bottom: 2rem; }
.objetivo ul:not(.notas) > li,
.objetivo div > article:not(:first-of-type)		{ margin-top: 2rem; }
/*.objetivo > .cuerpo > ul > li > :not(h2),
.objetivo > .cuerpo > ul > li > :not(h2)		{ padding-left:1rem; padding-right: 0rem; }
.objetivo > .cuerpo > ul > li > .mapGraph		{ padding-left: 2rem; width: 75%; }
.objetivo > .cuerpo > ul > li > dl				{ background: #fff; border: 1px solid rgba(0,0,0,0.2); padding: 5px; border-radius: 5px; color: #fff; width: 25%; float: left; position: relative; overflow: hidden; min-height: 128px; margin-top: 25px; }
.objetivo > .cuerpo > ul > li > dl::before		{ content: "Leyenda"; display: block; width: calc(100% + 10px); padding: 0 10px 0 10px; text-align: center; background: #DDEEEC; border-bottom: 1px solid rgba(0,0,0,0.2); margin: -5px 0 5px -5px; border-radius: 0; line-height: 32px; color: rgba(0,0,0,1); font-weight: bold; text-transform: uppercase; }*/

.objetivo header.titulo 						{ margin: 0 10px; width: calc(100% - 20px); }
.objetivo article {
    margin-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;

}
.objetivo div > article:not(:last-child) {
	border-bottom: solid 1px gray;
}

.objetivo article > header						{ margin-top: 2rem; }
.objetivo > .cuerpo								{ padding: 0; margin-top: 1em;}
.objetivo > .cuerpo > article > div,
.objetivo > .cuerpo > article > div article > div				{ padding-left:1rem; padding-right: 0rem; }
.objetivo > .cuerpo article > div > .mapGraph	{ width: 73%; }

/*
.obj4836 dl{
	border: 3px solid #EB1C2D;
}

.obj4841 dl{
	border: 3px solid #D6A029;
}

.obj4846 dl{
	border: 3px solid #289B49;
}

.obj4869 dl{
	border: 3px solid #C42030;
}

.obj4977 dl{
	border: 3px solid #EE4129;
}

.obj5003 dl{
	border: 3px solid #26BDE2;
}

.obj4877 dl{
	border: 3px solid #FCC30B;
}

.obj4882 dl{
	border: 3px solid #8B1839;
}

.obj4895 dl{
	border: 3px solid #F07022;
}

.obj4901 dl{
	border: 3px solid #DE1584;
}

.obj4907 dl{
	border: 3px solid #FD9A27;
}

.obj4910 dl{
	border: 3px solid #CF8C2A;
}

.obj4915 dl{
	border: 3px solid #3F7E44;
}

.obj5128 dl{
	border: 3px solid #0A97D9;
}

.obj5198 dl{
	border: 3px solid #56C02B;
}

.obj5252 dl{
	border: 3px solid #00689D;
}

.obj5141 dl{
	border: 3px solid #163768;
}
*/
/*.objetivo > .cuerpo > article > div > dl		{ background: #fff; padding: 5px; border-radius: 5px; width: 23%; float: left; position: relative; overflow: hidden; min-height: 128px; margin-top: 25px; }*/
/*.objetivo > .cuerpo > article > div > dl::before{ content: attr(data-header); display: block; width: calc(100% + 10px); padding: 0 10px 0 10px; text-align: center; background: #DDEEEC; border-bottom: 1px solid rgba(0,0,0,0.2); margin: -5px 0 5px -5px; border-radius: 0; line-height: 32px; color: rgba(0,0,0,1); font-weight: bold; text-transform: uppercase; }*/

/*.objetivo dl									{ display: inline-block; margin: 0px; }
.objetivo dl > dd, .objetivo dl > dt			{ float: left; padding-right: 5px; display: block; font-size: 0.865em; line-height: 1.4rem; }
.objetivo dl > dd.dl-value						{ color: #457e76; font-weight: bold; }
.objetivo dl > dt[class*="fa-"]::before			{ font-size: 17px; position: absolute; right: 5px; top: 0; font-family: "Font Awesome 5 Free"; font-weight: 400; color: rgba(0,0,0,0.3); }
.objetivo dl > dt								{ clear: both; color: rgba(0,0,0,0.7); }
.objetivo dl > dt:nth-child(3)					{ display: none; }
.objetivo dl > dd:nth-child(4) 					{ font-size: 3rem; display: block; clear: both; padding: 15px 0; text-align: center; width: 100%; }
.objetivo dl > dt:nth-child(5) 					{ float: left; width: 3.5rem; }
.objetivo dl > dd:nth-child(6) 					{ width: calc(100% - 3.5rem); }
.objetivo dl > dt:nth-child(7) 					{ clear: both !important; }
.objetivo dl > dd:nth-child(n+8),
.objetivo dl > dt:nth-child(n+7) 				{ display: block; position: relative; padding: 5px 0 0 0; margin: 0; float: left; clear: none; z-index: 1; }
.objetivo dl > dd:nth-child(n+8)::after,
.objetivo dl > dt:nth-child(n+7)::after 		{ content: ""; position: absolute; left: -5px; top: 0; width: calc(100% + 10px); background: #f0f0f0; height: 32px; z-index: -1; }
.objetivo dl > dt:nth-child(7)					{ width: 5.5em; color: #000; }
.objetivo dl > dd:nth-child(8)					{ width: calc(100% - 5.5em); color: #000; }
.objetivo dl > dt:nth-child(7)::after,
.objetivo dl > dd:nth-child(8)::after			{ border-top: 1px solid #ccc; }
.objetivo dl > dt:nth-child(9)					{ width: 7em; text-align: left; color: #000; }
.objetivo dl > dd:nth-child(10)					{ width: calc(100% - 7em); text-align: left; color: #000; }

@media screen and (max-width: 850px){
	.objetivo > .cuerpo > ul > li > dl{ width: 100%; float: none; }
	.objetivo > .cuerpo > ul > li > .mapGraph { width: 100%; }
	.objetivo dl > dd { clear: none; }
}

@media screen and (max-width: 480px){
	.objetivo dl > dt:nth-child(7),
	.objetivo dl > dd:nth-child(8),
	.objetivo dl > dt:nth-child(9),
	.objetivo dl > dd:nth-child(10)		{ width: 50%; }
	.objetivo > .cuerpo > article > div { padding: 0; }
}

@media screen and (max-width: 700px) {
	.contenido>*{ flex-grow: 1; }
	.contenido dl{ margin-bottom: 13px;	}
	.secciones table tr td.nodisp > span{ white-space: normal; }
}
*/
.objetivo article aside 						{ background: #fff; padding: 0; border-radius: 5px; width: 23%; float: left; position: relative; overflow: hidden; min-height: 128px; margin-top: 25px; }
.obj4836 article aside							{ border: 3px solid #EB1C2D; }
.obj4841 article aside							{ border: 3px solid #D6A029; }
.obj4846 article aside							{ border: 3px solid #289B49; }
.obj4869 article aside							{ border: 3px solid #C42030; }
.obj4977 article aside							{ border: 3px solid #EE4129; }
.obj5003 article aside							{ border: 3px solid #26BDE2; }
.obj4877 article aside							{ border: 3px solid #FCC30B; }
.obj4882 article aside							{ border: 3px solid #8B1839; }
.obj4895 article aside							{ border: 3px solid #F07022; }
.obj4901 article aside							{ border: 3px solid #DE1584; }
.obj4907 article aside							{ border: 3px solid #FD9A27; }
.obj4910 article aside							{ border: 3px solid #CF8C2A; }
.obj4915 article aside							{ border: 3px solid #3F7E44; }
.obj5128 article aside							{ border: 3px solid #0A97D9; }
.obj5198 article aside							{ border: 3px solid #56C02B; }
.obj5252 article aside							{ border: 3px solid #03518F; }
.obj5141 article aside							{ border: 3px solid #163768; }
.objetivo article aside > div					{ color: #000; padding: 5px; display: block; font-size: 0.865em; line-height: 1.4rem; }
.objetivo article aside > div label				{ font-weight: bold; color: rgba(0,0,0,0.7); }
.objetivo article aside > div.value label		{ display: none; }
.objetivo article aside > div.value span		{ font-size: 3rem; display: block; clear: both; padding: 15px 0; text-align: center; width: 100%; color: #457e76; font-weight: bold; }
.objetivo article aside > div.aditional			{ background: #f0f0f0; border-top: 1px solid #ccc; display: flex; justify-content: space-between; }
.objetivo article aside > div.aditional label	{ color: #000; }

@media screen and (max-width: 800px){
	.objetivo article aside > div.aditional		{ display: block; justify-content: inherit; }
}

@media screen and (max-width: 640px){
	.objetivo article aside 						{ width: 100%; margin-bottom: 20px !important; }
	.objetivo article aside > div.aditional			{ display: flex; justify-content: space-between; }
	.objetivo > .cuerpo > article > div > .mapGraph { width: 100%; }
	.objetivo > .cuerpo > article > div				{ padding-left: 0; }
	.secciones table tr td.nodisp > span 			{ width: 100%; white-space: normal; }
}

.mapGraph {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mapGraph > div{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

div.mapGraph > div.grafSerie,
.container-simulated-graphSerie{
	width: 100%;
    min-height: 450px;
    max-height: 800px;
    overflow: hidden;
    position: relative;
    padding-right: 35px;
    align-self: flex-end;
}

div.mapGraph > div.pnlDchCont,
.container-simulated-pnlDchCont{
	width: 100%;
	min-height: 300px;
    max-height: 800px;
    display: flex;
	flex-direction: column;
}

.container-simulated-graphSerie,
.container-simulated-pnlDchCont{ background: #e0e0e0; margin: 25px 0 0 0 !important; border: 1px solid #ccc; }
.container-simulated-graphSerie::before { content: "Gráfico de barras / Serie"; height: 100%; width: 100%; text-align: center; margin: 0 auto; display: table; line-height: 250px; }
.container-simulated-pnlDchCont::before { content: "Gráfico con pestañas"; height: 100%; width: 100%; text-align: center; margin: 0 auto; display: table; line-height: 250px; }

div.mapGraph > div.pnlDchCont > .subGraphDiv{
	height:100%;
	min-height: 250px;
}

div.mapGraph > div.pnlDchCont > .subGraphDiv>* {
	min-height:450px;
}

.w_cuerpo_contorno{
	margin-bottom: 0px !important;
}

.jqplot-xaxis{
	min-height: 50px;
}

ol.notasTabla{
	list-style: decimal;
	padding: 2em 0em 1.5em 1.5em;
}

ul.lista_hori {
    margin-top: 0px;
    margin-bottom: 1rem;
    margin-left: 0;
    font-size: 1.1em;
    color: white;
    font-weight: bold;
}

ul.lista_hori li {
    padding: 0 3px;
    MARGIN: 0.2em;
    WIDTH: auto;
    BACKGROUND: /*#4E7D36*/ #457e76;
    border-radius: 25px;
    DISPLAY: inline-block;
}

ul.lista_hori li a {
    padding: 0.3em;
    DISPLAY: inline-block;
    FONT-WEIGHT: bold;
    WIDTH: auto;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    border-radius: 25px;
}

.contenido {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
   	justify-content: space-between;
}

.contenido>*{
    align-self: flex-start;
	margin-top:0px!important;
}

.contenido>div{
	min-width:250px;

}

.contenido>dl{
	min-width:150px;
}

footer > a {
	color: #457e76 !important;
	text-decoration:underline !important;
}

/******************* Modo impresión *********************************/