.Cajones{
	padding:.5em 2rem;

	font-weight:normal;
	display:grid;
	grid-template-columns:1fr 1fr;
	justify-content: stretch;
	align-content: center;
	align-items: start; 
	gap:1rem;
	
	grid-template-areas:
	"mapa mon" 
	"mapa art" 
	"pa mas"
	"que nac";
}

.Cajones .Cajon{
	align-self:stretch;
	padding:1rem 2vw 1rem 2vw;
	background:#FAF7F5;
	font-size:1.5rem;
	min-width:20rem;
	box-shadow:#333 0px 3px 6px;
	position:relative;
}
.Cajon h2{
	margin:0px;
	padding:.2rem 0em 1rem 0;
	text-align:left;
	font-size:1.1rem;
	color:#00548E;
}
.Cajon h3{
	margin:0px;
	padding:.1rem 0em .7rem 0;
	text-align:left;
	font-size:1.3rem;
	font-weight:bold;
}


#GaleriaMain{
	overflow:hidden;
	border:#E0E0E0 1px solid;
	box-shadow:#ccc 1px 1px 2px;
	margin:0rem 2rem 1rem 2rem;
	background:#fff;
}

#GaleriaMain .Elemento{

	display:none;
	margin:0;
	padding:2rem 3rem;
}
#GaleriaMain .Elemento:nth-child(1){
	display:block;
}
#GaleriaMain h2{
	padding:0 0 .8rem 0;
	text-align:center;
	margin:0;
	font-size:1.4rem;
	color:#00548E;
	text-align:left;
	border-bottom:#999 1px solid;

}
#GaleriaMain h2 a{
	color:#00548E;
	text-decoration:none;
}
.Elemento .cabeza{
	display:grid;
	grid-template-columns:120px 20px 1fr;
	align-items:start;
	margin-top:1.6rem;
}
.Elemento .cabeza img{
max-width:12vw;
width:120px;
height:76px;
max-height:16vw;
}

.Elemento .cuerpo{
	display:block;
	/*
	display:grid;
	grid-template-columns:1fr;
	align-items:startr;
	align-content:center;
	grid-template-rows:1fr 30px;
	column-gap:1rem;
	row-gap:.5rem;
	*/
	font-size:1.2rem;
	font-family:'Open Sans', Arial, sans-serif;
}
.Elemento .cuerpo b{
	font-weight:bold;
	color:#0069D9;
}
.Elemento .cuerpo img{
width:100%;
max-height:100%;
}
.Elemento .cuerpo .logo{
	grid-column: 1;
  grid-row: 1 / 3;
}
.Elemento .cuerpo .nav{
	grid-column: 2;
  grid-row: 2 / 2;
  margin:1rem auto 0 auto;
  list-style:none;
  padding:0;
  text-align:center;
  align-self:center;
}
.Elemento .cuerpo .nav li{
	display:inline-block;
	margin:.4rem .6rem 0 0;

}
.Elemento .cuerpo .nav li a{
	display:block;
	border-radius:11px;
	background:#fff;
	border:#1B75BB 1px solid;	
	width:13px;
	height:13px;
	cursor:pointer;
	transform:scale(1);
	transition:200ms ease-in-out transform;
}
.Elemento .cuerpo .nav li a[disabled]{
	cursor:not-allowed;
	background-color:#1B75BB;
}
.Elemento .cuerpo .nav li a:hover,.Elemento .cuerpo .nav li a:focus{
	transform:scale(1.5);
}
.Elemento .cuerpo .nav li a[disabled]:hover,.Elemento .cuerpo .nav li a[disabled]:focus{
	transform:scale(1);
}
.Elemento .flagspan{
	text-align:left;
}
.Elemento .txtCuerpo{
	color:#000;
	font-size:1.1rem;
	align-self:center;
}
.Elemento .txtCuerpo a{
	color:#1B75BB;
	font-weight:bold;
}
#GaleriaMain .Elemento{
	background-color: #f4f4f4;
}
.Elemento .Notas{
	margin:20px 0px 10px 0px;
	padding:10px 20px;
	border:#ccc 1px solid;
	border-radius:9px;
	background-color: #fff;
}



.Cajon[rel='mapa']{
grid-area:mapa;	
}
.Cajon[rel='monitoreo']{
grid-area:mon;	
}
.Cajon[rel='articulos']{
grid-area:art;	
}
.Cajon[rel='porpais']{
grid-area:pa;	
}
.Cajon[rel='mascitadas']{
grid-area:mas;	
}
.Cajon[rel='que']{
grid-area:que;	
}
.Cajon[rel='nacionales']{
grid-area:nac;	
}
.Cajon .paisRow{
	margin:0px;
	padding:0 0 1rem 0;
}

.tabsMioLinks{
	background:#EDEAE9;
	margin:0 -10px;
	padding:.5rem 10px 0 2rem;
}
.tabsMioLinks a{
	display:inline-block;
	margin:0px 1px 0px 0px;
	padding:.4rem 1rem;
	font-size:.9rem;
	font-family:Open Sans, Arial;
	font-weight:normal;
	text-decoration:none;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background:#EDEAE9;
	color:#007AFF;
}
.tabsMioLinks a:active,.tabsMioLinks .active{
	background:#FAF7F5;
	color:#1B75BB;
		font-weight:bold;
}
.tabc{
	display:block;
	padding:1rem;


	position:relative;

}
.tabc::after{
	content:'';
	background-color:#ccc;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	transform:scaleX(0);
	transition:transform 300ms ease-in-out;

}
.tabc.fadeOut::after{
	transform:scaleX(1);
		transform-origin:right;
}
.tabc.fadeIn::after{
	transform:scaleX(1);
	transform-origin:right;
}





.ListaAMCSN{
	background-color:#fff;
	padding:1rem .5rem;
}


.ListaElementos{
	font-size:1rem;
	font-weight:normal;
	font-family:Open Sans, Arial;
	color:#000;
}
.ListaElementos table
{
	background-color:#fff;
}
.ListaElementos table tr td{
border:#FAF7F5 1px solid;
text-align:center;
padding:.2rem .4rem;
}
.ListaElementos table tr th{
border:#FAF7F5 1px solid;

padding:.2rem .4rem;
}
.ListaElementos table tr td[align='left']{

text-align:left;

}
.ListaElementos b{
	color:#1C60AC;
	font-weight:bold;
}
.ListaElementos a{
	text-decoration:none;
	color:#1C60AC;

}

#mapaAmerica { 
	/*height:480px;*/
	min-height:240px;
	height:94%;
	min-width:200px;
	width:80%;
	overflow:hidden;
	/*width:400px;*/
	position:relative;
	background:#FAF7F5;
	margin:0px auto;

	}
	
#graficaSentenciasNacionales{

}
#graficaQueSeCita{
width:30vw;
margin:0 auto;
}
#graficaDemandados{
width:30vw;
margin:0 auto;
}


.vermasRow{
	/*padding:2rem 0 1.4rem 0;*/
	text-align:center;
	position:absolute;
	bottom:2rem;
	left:50%;
	margin:0px 0px 0px -4rem;
}

.iconQuestion{
	display:block;
	position:absolute;
	bottom:2rem;
	right:1.8rem;
	width:24px;
	height:24px;
	background:url(img/question-circle-fill.png) top right no-repeat;
	cursor:pointer;
	transform:scale(1);
	transition:transform ease-in-out 200ms;
	border-radius:13px;
}
.iconQuestion:hover, .iconQuestion:focus{
	transform:scale(1.2);
	box-shadow:#888 1px 1px 2px;
}

#Inicial{

}
#Inicial .Cover{
	position:fixed;
	width:100%;
	height:100%;
	background:#333;
	opacity:.5;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
}
.panelInicial{
position:absolute;
top:5vw;
left:50%;
width:80vw;
margin-left:-40vw;
padding:2rem;
background:#fff;
	z-index:101;	
	border-radius:5px;
	box-shadow:#00000029 0px 3px 6px;
}
.panelInicial h3{
	color:#FD8800;
	text-align:center;
	fon-size:1.4rem;
}
.panelInicial .video{
	width:80vw;
	min-height:30vw;
	background:#000;
	margin:0 auto;
}
.panelInicial .video iframe{
	min-height:30vw;
	min-width:54vw;
}
.panelInicial .cerrar{
	display:block;
	position:absolute;
	top:1rem;
	right:.5rem;
	font-size:1.2rem;
	color:#808080;
	cursor:pointer;
	padding:.5rem;
	font-family:Verdana,Arial;
}


.hoverinfo{
	
	font-size:.8rem;
	font-weight:normal;
padding:0;
	border:#FeF698 1px solid;

}
.hoverinfo section{
	display:block;
	background:#FFF799;
		padding:.2rem .5rem;
	line-height:1.4;
}
.hoverinfo strong{
	color:#1C60AC;
	font-size:1rem;
}



.tooltip{
	display:block;
	display:none;
	background:#FFF799;
	padding:.2rem .5rem;

	line-height:1.4;
	font-size:.9rem;
	font-weight:normal;
	border:#fff 3px solid;
	background:#FFF799;
	position:absolute;
	color:#222;
	margin:0 auto;
	z-index:50;
	box-shadow:#888 0px 0px 3px;
}	

.datoAdicional{
	width:68%;
	font-size:1rem;
	color:#333;
	font-weight:normal;
	text-align:center;
}


.apexcharts-legend-text {
	vertical-align:text-top;
	line-height:2;
}
.apexcharts-legend-text b{
	color:#000;
	font-weight:bold;
	margin:0 4pt 0 2pt;
}

.leyendaGraficas{
	display:block;
}
.leyendaGraficas li{
	list-style:none;
	display:flex;
	flex-wrap:none;
	justify-content:start;
	align-items:center;
	column-gap:.2rem;
	
	margin:0 0 .6rem 0;
}
.leyendaGraficas li a{
	color:#222;
	font-size:.9rem;
	text-decoration:none;
}
.leyendaGraficas li a:hover,.leyendaGraficas li a:focus{
	color:#000;
}
.leyendaGraficas li a b{
	margin-right:.4rem;

}
.leyendaGraficas .marcador{
	display:inline-block;
	width:21px;
	height:21px;
	background-color:blue;
	margin:0 .5rem 0 0 ;
}
.leyendaGraficas .marcador.circles{
	background-image:url(img/textura_circle.png);
}
.leyendaGraficas .marcador.verticalLines{
	background-image:url(img/textura_verticalLines.png);
}
.leyendaGraficas .marcador.horizontalLines{
	background-image:url(img/textura_horizontalLines.png);
}
.leyendaGraficas .marcador.slantedLines{
	background-image:url(img/textura_slantedLines.png);
}


.graficaPar{
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
}


@media screen and (max-width:860px){
	
	.Cajones{
	display:block;
	margin:1rem .1rem 2rem .1rem;
	padding:.5rem .1rem;
	/*
	grid-template-rows:auto;
	grid-template-columns:1fr;
	grid-column:1/1;
	grid-template-areas:
	"mapa" 
	"mon" 
	"mapa" 
	"art" 
	"pa" 
	"mas" 
	"que" 
	"nac" ;
	*/
	}
	.Cajones .Cajon{
	display:block;
	margin:1rem 1rem 2rem 1rem;
	}
	
	
	#graficaQueSeCita{
width:auto;

}
#graficaDemandados{
width:auto;
}




}

@media screen and (max-width:520px){
	
	#mapaAmerica { 
	height:240px;
	width:200px;
	}
	
	
	
	.Elemento .cuerpo{
	display:block;
	}
	.Elemento .cuerpo .logo{
	width:20vw;
	margin:0 1rem .4rem 0;
	}
	.Elemento .cuerpo .txtCuerpo{
	display:inline;
	}
	
	
	.tooltip{
	width:90vw;
	}
	
	
	.panelInicial{
	left:0;
	width:95vw;
	margin-left:2px;
	padding:.5rem;
	}
	.panelInicial .video{
	width:90vw;
	}
	
}