/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Encode Sans', sans-serif;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type='range'] {
	-webkit-appearance: none !important;
	background: #dfdfdf;
	height: 10px;
	border-radius: 6px;
	margin-top: 3px;
}

/* input[type='range']::-webkit-slider-thumb { 
    -webkit-appearance: none !important;  
	background:#8b8b8b;  
	height: 15px;
	width: 15px;   
}   */
input[type=range]::-webkit-slider-thumb {
	/* box-shadow: 1px 1px 1px #000000;
	border: 1px solid #000000; */
	height: 15px;
	width: 15px;
	border-radius: 20px;
	background: #8b8b8b;
	/* cursor: pointer; */
	-webkit-appearance: none;
	/* margin-top: -8px; */
}

input[type=range]:focus {
	outline: none;
}

.btn_slider_anio {
	cursor: pointer;
	width: 15px;
	height: 15px;
	text-align: center;
}

.btn_slider_anio.restar_anio {
	background: url('../img/slide-left.png');
	background-repeat: no-repeat;
	background-position: center;
}

.btn_slider_anio.sumar_anio {
	background: url('../img/slide-right.png');
	background-repeat: no-repeat;
	background-position: center;
}

#textInput {
	outline: none;
	border-style: unset;
	font-family: 'GothamMedium', Arial;
	margin-bottom: 8px;
}

polyline {
	opacity: .3;
	stroke-width: 2px;
	fill: none;
}

div.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	float: none;
}

@font-face {
	font-family: 'GothamMedium';
	src: url('../fonts/GothamMedium.otf');
	src: local('GothamMedium'), url('../fonts/GothamMedium.otf') format('otf'),
		url('../fonts/GothamMedium.otf') format('truetype');

}

@font-face {
	font-family: 'GothamBold';
	src: url('../fonts/GothamBold.eot');
	src: local('GothamBold'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamBook';
	src: url('../fonts/GothamBook.eot');
	src: local('GothamBook'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype');
}

button {
	cursor: pointer;
	transition: .1s ease-in-out;
	font-family: 'Encode Sans', sans-serif;
	outline: 0 none;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

strong {
	font-family: 'Encode Sans', sans-serif;
}

button:hover {
	/* opacity: .9; */
	transform: scale(1.03);
}

body {
	font-family: 'Encode Sans', sans-serif;
	font-size: 14px;
	background-color: #f0f0f0;
}

header {
	height: 103px;
	background: #37BBED;
	padding: 17px;
	box-sizing: border-box;
}

header img.logo {
	padding-left: 40px;
	float: left;
}

header .inventario {
	color: #fff;

	padding: 5px 17px 5px;
	border-left: solid 1px #fff;
	float: left;
	font-size: 16px;
	line-height: 18px;
	margin-left: 17px;
	margin: 15px;
}

header .inventario .beta {
	display: block;
	font-size: 12px;
	line-height: 14px;
	opacity: .6;
	font-family: 'GothamBook';
	padding-top: 5px;
}

header .redes {
	margin: 10px;
	float: right;
}

header .redes a {
	display: inline-block;
	width: 34px;
	height: 34px;
	background: transparent center center no-repeat;
	transition: .1s ease-in-out;
	opacity: 0.75;
	margin-left: 5px;
	transition: all ease-in-out .3;
}

header .redes a:hover {
	opacity: 1;
}

header .redes a.facebook {
	background-image: url('../img/ico-facebook.png');
}

header .redes a.twitter {
	background-image: url('../img/ico-twitter.png');
}

header .redes a.youtube {
	background-image: url('../img/ico-youtube.png');
}

header .redes a.instagram {
	background-image: url('../img/ico-instagram.png');
}


footer {
	width: 100%;
	height: 126px;
	background: #ffffff;
	color: #5f6368;
	padding: 24px;
	font-size: 11px;
	line-height: 18px;
	box-sizing: border-box;
	font-family: 'Arial';
	padding-left: 38px;
	padding-bottom: 35px;
}

footer a {
	color: #37BBED;
}

.footer_inventario .footer_inventario_parrafo {
	font-size: 12px;
	color: #5f6368;
}

#content-wrapper {
	min-height: calc(100% - 117px - 117px - 2px);
	height: auto;
	background-color: #f0f0f0;
}

#content-wrapper>div {
	float: left;
}

#nav {
	width: 312px;
	background: #f0f0f0;
	box-sizing: border-box;
	min-height: calc(100% - 117px - 117px - 2px);
}

#nav .botones_top {
	text-align: right;
	padding: 17px 0 0;
	margin: 0 0 17px 17px;
}

#nav .botones_top>div {
	border-bottom: solid 3px black;
	height: 32px;
}

#nav .botones_top>div.emisiones {
	border-color: #37BBED;
}

#nav .botones_top>div.indicadores {
	border-color: #D177B0;
}

#nav .botones_top>div.monitoreo {
	border-color: #77C587;
}

#nav .botones {
	text-align: center;
	padding: 17px 0 0;
}

#nav button {
	height: 32px;
	padding: 0 10px;
	color: #fff;
	border: 0 none;
	border-radius: 2px 2px 0 0;
	background: #dadada;
	font-size: 12px;
	line-height: 34px;
}

#nav button.emisiones {
	float: left;
}

#nav button.emisiones.activo {
	background: #37BBED;

}

#nav button.indicadores.activo {
	background: #D177B0;

}

#nav button.monitoreo.activo {
	background: #77C587;

}

#nav .botones button.inactivo {}

#nav .nav_indicadores,
#nav .nav_monitoreo {
	display: none;
}

/* SE COMENTO PARA EL CAMBIO DE COLOR EN LOS BOTONES DE NAVEGACION DEL PANEL IZQUIERDO, EN NUEVAS CLASES ATIC (ULTIMAS LINEAS DE LOS ESTILOS)SE ECUENTRA EL NUEVO ESTILO  */

/* #nav .main
{
	background-color: #dfdfdf;
	background-color: red;
	padding:  17px;
	margin-bottom: 17px;
} */

#nav .main h2 {
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
	/* color: #37BBED; */
	color: white;
	/*COLOR DEL TITULO DEL NAV PANEL IZQUIERDO  - TODO: REVISAR FUNCIONAMIENTO*/
}

#nav .main.monitoreo h2.access {
	cursor: pointer;
}

/* SE COMENTO PARA EL CAMBIO DE COLOR EN LOS BOTONES DE NAVEGACION DEL PANEL IZQUIERDO, EN NUEVAS CLASES ATIC (ULTIMAS LINEAS DE LOS ESTILOS)SE ECUENTRA EL NUEVO ESTILO  */

/* #nav .main.monitoreo h2 {
	color: #5F6368;
	
	cursor: default;
} */

#nav .main.monitoreo.activo .rightarrowmain {
	background: #ffffff url('../img/slide-left.png') left 7px top 5px no-repeat;
}

/* SE COMENTO PARA EL CAMBIO DE COLOR EN LOS BOTONES DE NAVEGACION DEL PANEL IZQUIERDO, EN NUEVAS CLASES ATIC (ULTIMAS LINEAS DE LOS ESTILOS)SE ECUENTRA EL NUEVO ESTILO  */

/* #nav .main.back h2 {
	cursor: pointer;
	padding-right: 30px;
	font-size: 12px;
	color: #8e8e8e;
} */
/* SE COMENTO PARA ANULAR EL EFECTO HOVER DEL TEXTO EN BOTONES DEL PANEL IZQUIERDO */

/* #nav .main.monitoreo.energia.activo h2,
#nav .main.monitoreo.energia:hover h2 {
	color: #d13f2d;
}
#nav .main.monitoreo.bosques.activo h2,
#nav .main.monitoreo.bosques:hover h2 {
	color: #1b602a;
} */

/* SE COMENTO PARA EL CAMBIO DE COLOR EN LOS BOTONES DE NAVEGACION DEL PANEL IZQUIERDO (BOTON VOLVER) */

/* #nav .nav_monitoreo .main.back {

	margin-top: -17px;
	text-align: right;
} */

#nav .nav_monitoreo .main.back a {
	text-decoration: none;
	display: block;
	padding-right: 30px;
	color: #888888;

}

#nav .nav_monitoreo .main.back .leftarrowmain {
	margin-top: -1px;
}


#nav .main.monitoreo .content {
	margin-top: 10px;
	display: none;
}

#nav .main.monitoreo .content .categorias,
#nav .main.monitoreo .content .categorias .labels {
	display: none;
}

#nav .main.monitoreo .content .categorias .categoria {
	/* background-color: #ffeae9; */
	background-color: rgba(238, 71, 136, 0.3);
	/* TODO:  REVISAR COLOR*/
	padding: 10px;
	margin-top: 10px;
	/* color: #888888; */
	color: #6a6868;
	/*TODO: Revisar color */
	cursor: pointer;
	border-radius: 2px;
	padding-right: 42px;
	position: relative;
	font-size: 12px;
}

#nav .main.monitoreo .content .categorias p.categoria {
	background: none;
	padding: 0px;
	margin: 12px 10px;
	color: #555;
	cursor: pointer;
	border: none;
	padding-right: 0px;
	position: relative;
	font-size: 12px;
	text-decoration: underline;
}

#nav .main.monitoreo .content .categorias .categoria.read {
	background-color: #ccc;
	padding: 10px;
	margin-top: 10px;
	color: #fff;
	cursor: default;
}

#nav .main.monitoreo .content .select.read {
	background-color: #bdbbbb;
}

#nav .main.monitoreo .content .select.read h3 {
	color: #fff;
	cursor: default;
}

#nav .main.monitoreo .content .categorias .categoria.activo {
	/* color: #3f616e; */
	color: #333;
	/* TODO: Revisar Color*/
}

#nav .main.monitoreo .plusminus {
	display: inline-block;
	height: 17px;
	width: 17px;
	border-radius: 2px;
	/* background-color: #f8b3b8; */
	background-color: rgba(238, 71, 136, 0.7);
	/* TODO: Revisar color*/
	line-height: 16px;
	text-align: center;
	float: right;
	color: #fff;
	position: absolute;
	padding-right: 1px;
	top: 8px;
	right: 8px;
}

#nav .main.monitoreo .plusminus:after {
	content: "+";
}

#nav .main.monitoreo .categoria.activo .plusminus:after {
	content: "-";
}

#nav .main .rightarrowmain {
	height: 22px;
	width: 22px;
	border-radius: 11px;
	background: #ffffff url('../img/slide-right.png') center top 5px no-repeat;
	cursor: pointer;
}

#nav .main .leftarrowmain {
	height: 22px;
	width: 22px;
	border-radius: 11px;
	background: #ffffff url('../img/slide-left.png') left 7px top 5px no-repeat;
	cursor: pointer;
}

#nav .main .updownarrowmain {
	float: right;
	height: 22px;
	width: 22px;
	border-radius: 11px;
	background: #ffffff url('../img/slide-down.png') center top 7px no-repeat;
	cursor: pointer;
}

#nav .main .updownarrowmain.activo {
	background-image: url('../img/slide-up.png');
}

#nav .main .content_distribucion_evolucion {
	padding-top: 12px;
}

#nav .main .content_distribucion {
	display: none;
}


#nav .main .content_evolucion {
	display: none;
}

#nav .main .select h3 {
	font-size: 12px;
	padding: 0 12px 0 0;
	color: #5F6368;
	cursor: pointer;
	line-height: 14px;
}

#nav .main .select.activo h3 {
	color: #5F6368;
}

#nav .main .updownarrow h3 {
	background: transparent url('../img/slide-down.png') right top 2px no-repeat;
}

#nav .main .updownarrow.activo h3 {
	background-image: url('../img/slide-up.png');
}

#nav .main .select {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 13px 13px 10px;
	margin-bottom: 7px;

}

#nav .main .select.activo {

	background-color: #fff;
}


#nav .main .anobox label {
	display: block;
	line-height: 38px;
	font-size: 13px;
	color: #003d4f;
}


#nav .main .anobox .select.ano {
	float: right;

}

#nav .main .anobox .select.ano h3 {
	position: relative;
}

#nav .main .anobox .select.ano h3.activo {
	background-image: url('../img/slide-down.png');
}

#nav .main .anobox .select.ano {
	background-color: white;
}

#nav .main .anobox .select.ano .slider span {
	padding-right: 20px;
	color: #3f616e;
	/* position: absolute; */

}

#nav .main .anobox .select.ano .slider select {
	position: absolute;
	opacity: 0;
}

#nav .main .select.nomargin {
	margin-bottom: 0;
}

#nav .main .select.activo .labels {
	/* display: block; */
}

#nav .main .select .labels {
	padding-top: 13px;

}


#nav .main.provincial .select .labels {
	padding-top: 0px;

}

#nav .main.distribucion .select .labels {
	display: none;
}

#nav .main .select .labels label {
	display: block;
	padding: 7px 13px 7px 22px;
	font-size: 13px;
	cursor: pointer;
	background: transparent left top 5px no-repeat;
	background-image: url('../img/radio-off.png');
	color: #5F6368;
}

#nav .main .select .labels label.activo {
	background-image: url('../img/radio-on.png');
}

#nav .main .select .labels label input {
	float: right;
	opacity: 0;
	/* opacity: 1; */
}

#nav .main .select {}

#nav .main button.ver {
	background-color: #F7941D;
}

#nav .main button.ver:disabled {
	color: #eee;
}


#nav .download_box_row {
	border-bottom: solid 3px #d7d7d7;
}

#nav .download_box_row .download_box {
	width: 49%;
	box-sizing: border-box;
	margin: 0;
	display: inline-block;
	padding: 15px 0;
}

#nav .download_box_row .download_box.disabled button.download_monitoreo {
	background-color: #bdbbbb;
	cursor: default;
}


#nav .download_box_row .download_box.disabled button.download_monitoreo:hover {
	transform: none;
}

#nav .download_box_row .download_box button.download_monitoreo {
	height: 32px;
	padding: 0 10px 0 30px;
	color: #fff;
	border: 0 none;
	border-radius: 16px;
	font-size: 12px;
	line-height: 34px;
	width: 95px;
	margin: 0 auto;
	display: block;
	background: #f47672 url(../img/download.png) left 23px center no-repeat;
}

/*TODO: REVISAR ESTILOS DE ESTOS BOTONES */
#nav .download_box_row .download_box button.download_monitoreo.btn_plan_energia {
	background: #f472eb;
	padding: unset;
	font-size: 12px;
	width: 95px;
}

#nav .download_box_row .download_box button.download_monitoreo.btn_transporte {
	background: #0f6eb5;
	padding: unset;
	font-size: 12px;
	width: 95px;
}

#nav .download_box_row .download_box button.download_monitoreo.btn_bosques {
	background: #00b050;
	padding: unset;
	font-size: 12px;
	width: 95px;
}

/* =============================================================== */

#nav .download_box {
	padding: 20px 0 30px;
	text-align: center;
}

#nav .download_box.box_pdf_content_distribucion {
	padding: 40px 0 35px;
}

#nav .download_box h4 {
	margin-bottom: 10px;
	color: #53535c;
	font-size: 12px;
}

#nav .download_box a {
	text-decoration: none;
}

#nav button.download_indicadores {
	height: 32px;
	padding: 0 20px 0 28px;
	color: #fff;
	border: 0 none;
	border-radius: 16px;
	font-size: 14px;
	line-height: 34px;
	width: 120px;
	margin: 0 auto;
	display: block;
	background: #D177B0 url('../img/download.png') left 27px center no-repeat;
}

#nav button.download_emisiones {
	height: 32px;
	padding: 0 20px 0 28px;
	color: #fff;
	border: 0 none;
	border-radius: 16px;
	font-size: 14px;
	line-height: 34px;
	width: 120px;
	margin: 0 auto;
	display: block;
	background: #787FBD url('../img/download.png') left 27px center no-repeat;
}



#body {
	padding: 0 17px;
	box-sizing: border-box;
	width: calc(100% - 312px);
	background-color: #f0f0f0;
	min-height: calc(100% - 117px - 117px - 2px);
}

#body .info {
	text-align: center;
}

#body .content {
	margin: 17px 0;
	background-color: white;
	padding: 0 17px 17px;
	position: relative;
}

#body .info h1 {
	font-size: 24px;
	color: #4f81bd;
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'GothamBold';
	padding-top: 17px;
}

#body .content.nomonitoreo .info h1 {
	text-transform: inherit;
}

#body .content.nomonitoreo .info h1 sup {
	vertical-align: super !important;
	font-size: smaller !important;
}

.value sup {
	vertical-align: super !important;
	font-size: smaller !important;
}

#body .info h1.indicadores {
	color: #D177B0;
}

#body .info h1.emisiones {
	color: #4f81bd;
}


#body .info h1.monitoreo {
	color: #0097a7;
}

#body .info .ley {
	font-family: 'GothamBook';
	line-height: 18px;
}

#chart_descripcion,
#chart_descripcion_inner,
#chart_agricultura_disclaimer {
	background-color: #f0f0f0;
	padding: 17px;
	font-size: 12px;
	font-family: 'GothamBook';
	line-height: 18px;
	width: 90%;
	margin: 17px auto 0;
	display: none;
}

#chart_agricultura_disclaimer {
	text-align: center;
}

#chart_agricultura_disclaimer table {
	margin: 10px auto 0;
}

#chart_agricultura_disclaimer td:first-child {
	padding-right: 20px;
}

#chart_agricultura_disclaimer td {
	text-align: right;
}

#chart_descripcion h2,
#chart_descripcion_inner h2 {
	font-family: 'GothamBold';
	display: block;
	padding-bottom: 7px;
	font-size: 14px;
}

#chart_descripcion_inner h2 {
	color: #4f81bd;
}


#chart_back {
	border: 0 none;
	color: #0066ad;
	background: transparent;
	font-family: 'Gotham';
	font-size: 12px;
	position: absolute;
	right: 17px;
	top: 23px;
}

#chart_sankey {
	margin-top: 20px;
	width: 100%;
	display: none;
}

#chart_psd3 {
	text-align: center;
	padding: 20px;
}

#box_chart_emisiones_no_asignadas {
	display: none;
}

#chart_provincial {
	display: none;
	width: calc(250px + 20px + 400px);
	margin: 0 auto;
}

#chart_provincial h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'GothamBold';
	line-height: 20px;
	padding-bottom: 10px;
}

#chart_provincial .box_mapas {
	width: 250px;
	height: 541px;
	position: relative;
	float: left;
}

#chart_provincial .box_mapas img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#chart_provincial .box_mapas div {
	display: none;
	background-color: #efefef;
	padding: 10px 20px 5px;
	position: absolute;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
}

#chart_provincial .box_mapas div span {
	font-family: "GothamBook";
	font-size: 12px;
	line-height: 14px;
}

#chart_provincial .box_mapas img.colores {
	opacity: .4;
}

#chart_provincial .box_mapas img.prov {
	display: none;
}


#chart_provincial .totales {
	opacity: 0;
	margin-top: 100px;
	max-width: 400px;
	float: left;
	width: calc(100% - 250px);
	margin-left: 20px;
	text-align: center;
}

#miniChart {
	display: none;
}

#miniChart svg {
	overflow: visible !important;
}

#miniChart .black-grid>line {
	stroke: black;
}


#chart_provincial .totales table thead td {
	background-color: #d7e6f6;
	padding: 10px 10px;
}

#chart_provincial .totales table td.transparent {
	background-color: transparent;
}



td {
	font-family: 'GothamBook';
	font-size: 12px;
	line-height: 15px;
	vertical-align: middle;
	background-color: #f0f0f0;
	padding: 10px;
	text-align: center;
	border: solid 2px white;
	display: table-cell;
}



/*  C3 */

.c3-area {
	/* opacity: .5 !important; */
	/* cursor: pointer; */
}

.c3-line {
	stroke-width: 3px !important;
}


body.home {
	background-color: #fff;
}

body.home #home-content-wrapper {
	text-align: center;
	background-color: #fff;

}

body.home #home-content-wrapper .content {
	margin: 17px 0;
	background-color: #f6f6f7;
	float: none;
	display: block;
	text-align: center;
	min-height: calc(100% - 117px - 117px - 17px - 17px - 1px);
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

body.home #home-content-wrapper .content .content50 {
	width: 850px;
	margin: 0 auto;
}

body.home #home-content-wrapper .logo {
	padding-top: 17px;
}

body.home #home-content-wrapper .guion {
	padding: 17px;
}

body.home h1 {
	padding-top: 42px;
	text-align: center;
	color: #37BBED;
	font-size: 26px;
	line-height: 26px;
	font-family: 'Encode Sans', sans-serif;

}

body.home h2 {
	color: #F7941D;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Encode Sans', sans-serif;
	padding-bottom: 5px;
}


body.home p {
	font-size: 16px;
	line-height: 20px;
	font-family: "GothamBook";
	color: #234f5e;
}

body.home .page2 {
	display: none;
}

body.home .buttons button {
	height: 44px;
	padding: 0 20px;
	color: #fff;
	border: 0 none;
	border-radius: 22px;
	background: #4DB8BD;
	font-size: 12px;
	margin: 15px 10px 17px;
	vertical-align: bottom;
}

body.home .buttons button sup {
	vertical-align: top;
	font-size: smaller;
}

body.home .buttons.volver button {
	margin: 0 0 17px;
	background-color: #f87652;
	height: 34px;
	font-size: 11px;
}

/*.buttons.material_viejo {
	margin-right: 31%;
}*/


#chart_sankey_graph {
	height: 600px;
	/*font: 13px sans-serif;*/
	font-size: 12px;
	color: #252525;
}

#chart_sankey_graph .node rect {
	fill-opacity: .9;
	shape-rendering: crispEdges;
	stroke-width: 0;
}

#chart_sankey_graph .node text {
	pointer-events: none;
}


#chart_sankey_graph .link {
	fill: none;
	stroke: #000;
	stroke-opacity: 0.5;
}

#chart_sankey_log {
	font-family: 'GothamMedium';
	font-size: 13px;
	background-color: #eee;
	padding: 20px;
}

#monitoreo_chart_sector {
	display: flex;
	justify-content: center;
}

#body .monitoreo {

	display: none;

}

.home_monitoreo {

	max-width: 1000px;
	padding-bottom: 200px;
	margin: 0 auto;
}

.home_monitoreo h1.title {
	text-align: center;
	font-size: 18px;
	color: #77C587;
	line-height: 30px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 0px;
}

.home_monitoreo a {
	text-decoration: none;
}

.home_monitoreo>div {

	box-sizing: border-box;
	width: 33%;
	padding: 0 15px;
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin-bottom: 15px;

}

/*SE COMENTO PARA PROBAR EL FUNCIONAMIENTO DEL ESTILO , YA QUE CON ESTE ESTILO LAS IMAGENES TENIAN APLICADO UN FILTRO GRIS, EN NUEVAS CLASES ESTA LA MISMA SIN EL FILTRO*/

/* .home_monitoreo > div img {
	display: block;
	width: 100%;
	filter: grayscale(1);
} */

.home_monitoreo>div h3 {
	padding-top: 10px;
	font-family: "GothamBold";
	font-size: 14px;
	line-height: 16px;
	padding-right: 20px;
	color: #a0a0a0;
}

.home_monitoreo>div.energia img,
.home_monitoreo>div.transporte img {
	filter: grayscale(0);
}

.home_monitoreo>div.energia h3 {
	color: #ef4855;
}


.home_monitoreo_energia {

	max-width: 1000px;
	margin: 0 auto;
}

.home_monitoreo_energia h1.title {
	text-align: left;
	font-size: 30px;
	color: rgb(238, 71, 136);
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'GothamBold';
	padding-top: 30px;
}

.home_monitoreo_energia h2.subtitle {
	color: #000;
	font-size: 14px;
	line-height: 34px;
	font-family: "GothamBold";
	text-align: center;
	padding-bottom: 50px;
}

.home_monitoreo_energia .hme_content {
	width: 28%;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
	color: #f47672;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0 10px;
}

.home_monitoreo_energia .hme_content li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 3px;
}

.home_monitoreo_energia .hme_content li span.b {
	position: absolute;
	top: 1px;
	left: 0px;
}

.home_monitoreo_energia .hme_content h2 {
	font-size: 14px;
	line-height: 16px;
	color: #b53242;
	margin-bottom: 5px;
}

/* BOSQUES - BIODIVERSIDAD */

.home_monitoreo>div.bosques img {
	filter: grayscale(0);
}

.home_monitoreo>div.bosques h3 {
	color: #52875e;
}

.home_monitoreo_bosques {

	max-width: 1000px;
	margin: 0 auto;
}

.home_monitoreo_bosques h1.title {
	text-align: left;
	font-size: 30px;
	color: rgb(191, 215, 48);
	line-height: 35px;
	text-transform: uppercase;
	font-family: 'GothamBold';
	padding-top: 20px;
	/* width: 600px; */
}

.home_monitoreo_bosques h2.subtitle {
	color: #000;
	font-size: 14px;
	line-height: 34px;
	font-family: "GothamBold";
	text-align: center;
	padding-bottom: 50px;
}

.home_monitoreo_bosques .hme_content {
	width: 28%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
	color: #00b050;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0 10px;
}

.home_monitoreo_bosques .hme_content li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 3px;
}

.home_monitoreo_bosques .hme_content li span.b {
	position: absolute;
	top: 1px;
	left: 0px;
}

.home_monitoreo_bosques .hme_content h2 {
	font-size: 14px;
	line-height: 16px;
	color: #00b050;
	margin-bottom: 5px;
}


#chart2,
#chart3,
#chart4,
#chart5,
#chart6,
#chart7,
#chart8 {
	width: 40%;
	display: inline-block;
	padding-top: 40px;
}

#chart_custom_legend .list-group {
	margin: 0 auto;
	text-align: center;
}

#chart_custom_legend .list-group .list-group-item {
	margin-bottom: 15px;
	cursor: pointer;
	display: inline-block;
}

#chart_custom_legend .legend-label div {
	display: inline-block;
	font-family: sans-serif;
	font-size: 13px;
}

#chart_custom_legend .legend-label .badge {
	margin: 0px 6px;
	max-width: 10px;
	max-height: 10px;
	overflow: hidden;
	display: inline-block;
}

.fecha {
	position: relative;
}

.c3-title {
	margin-bottom: 20px;
	font-size: 16px !important;
	font-family: 'GothamBold' !important;
}

#chart_provincial area {
	cursor: pointer;
}

#unidad {
	font-family: 'GothamBook';
	line-height: 18px;
}

#leyenda_tierra {
	width: 475px;
	margin-top: 25px;
	letter-spacing: .7px;
	line-height: 12px;
	font-style: italic;
	text-align: left;
}

#leyenda_tierra p {
	font-size: 11px;
	font-family: Arial;
}

.infraestructura h3 {
	color: #7c689e;
}

#nav .main .select.btn-gen {
	background-color: #f47672;
}

#nav .main .select.btn-gen.bsq {
	background-color: #00b050;
}

#nav .main .select.btn-gen h3 {
	color: white;
	text-transform: uppercase;
	line-height: 16px;
}

#nav .main .updownarrow.btn-gen h3 {
	background: transparent url(../img/slide-down-w.png) right top 2px no-repeat;
}

#nav .main .updownarrow.btn-gen.activo h3 {
	background-image: url(../img/slide-up-w.png);
}

#nav .main .select.btn-gen .labels label {
	color: white;
}

#nav .main.monitoreo .content .select.btn-gen .categorias h4.categoria {
	background: none;
	padding: 0px;
	margin: 12px 10px 12px 0;
	color: #555;
	cursor: pointer;
	border: none;
	padding-right: 0px;
	position: relative;
	font-size: 12px;
	text-decoration: underline;
}

.nav_emisiones .select_grafico {
	background: url(../img/slide-down.png) center top 5px no-repeat !important;
}

.nav_emisiones .select_grafico.activo {
	background: unset !important;
	background: url(../img/slide-up.png) center top 5px no-repeat !important;
}

.nav_emisiones .tipo_grafico {
	color: #3f616e;
	font-size: 12px;
	padding: 0 12px 0 0;
	cursor: pointer;
	line-height: 14px;
	margin-top: 7px;
}

.btn_combustible {
	background: none;
	padding: 0px;
	margin: 12px 10px 12px 0;
	color: #555;
	cursor: pointer;
	border: none;
	padding-right: 0px;
	position: relative;
	font-size: 12px;
	text-decoration: underline;
}

.sectores {
	margin-bottom: 15px;
	margin-top: 15px;
	transition: .1s ease-in-out;

}

.titulo_sec {
	background: unset !important;
}

.sectores .titulo_sec {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.sectores .titulo_sec {
	font-size: 13px;
	cursor: pointer;
	color: #003d4f;
}

.sectores .titulo_sec .plusminus {
	display: inline-block;
	height: 17px;
	width: 17px;
	border-radius: 2px;
	background-color: #e3e3e3;
	line-height: 18px;
	text-align: center;
	float: right;
	color: #fff;
	padding-right: 1px;
	left: 305px;
}

.tipo_grafico label {
	display: block;
	padding: 7px 13px 7px 22px;
	font-size: 13px;
	cursor: pointer;
	background: transparent left top 5px no-repeat;
	background-image: url(../img/radio-off.png);
	color: #003d4f;
}

.tipo_grafico input[type="checked"] {
	display: none;
}

.tipo_grafico.activo {
	display: block !important;
}

.tipo_grafico label.activo {
	background-image: url(../img/radio-on.png);
}

.main.select.tipo_grafico {
	background-color: #fff !important;
}

#nav .main .select .labels .sectores .titulo_sec {
	padding: 7px 1px 6px 0px;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.sectores .labels input[type="radio"] {
	display: none;
}

.porsectores .labels .sectores {
	display: block !important;
}

.home_monitoreo>div.transporte h3 {
	color: #0f6eb5;
}

/* SE COMENTO PARA ANULAR EL EFECTO HOVER DEL TEXTO EN BOTONES DEL PANEL IZQUIERDO */


/* #nav .main.monitoreo.transporte:hover h2 {
	color: #0f6eb5;
} */

.home_monitoreo_transporte {

	max-width: 1000px;
	margin: 0 auto;
}

.home_monitoreo_transporte h1.title {
	text-align: left;
	font-size: 30px;
	color: rgb(209, 119, 176);
	line-height: 30px;
	text-transform: uppercase;
	font-family: 'GothamBold';
	padding-top: 30px;
}

.home_monitoreo_transporte h2.subtitle {
	color: #000;
	font-size: 14px;
	line-height: 34px;
	font-family: "GothamBold";
	text-align: center;
	padding-bottom: 50px;
}

.home_monitoreo_transporte .hme_content {
	width: 28%;
	/* 40 */
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
	color: #0f6eb5;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0 10px;
}

.home_monitoreo_transporte .hme_content li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 3px;
}

.home_monitoreo_transporte .hme_content li span.b {
	position: absolute;
	top: 1px;
	left: 0px;
}

.home_monitoreo_transporte .hme_content h2 {
	font-size: 14px;
	line-height: 16px;
	color: #003979;
	margin-bottom: 5px;
}

TODO ELIMINAR CUANDO FUNCIONE MOVILIDAD SOSTENIBLE
/* .home_monitoreo_transporte .hme_content.content_01 {
	background: transparent url('../img/plan_transporte_01.png') left top no-repeat;
}

.home_monitoreo_transporte .hme_content.content_02 {
	background: transparent url('../img/plan_transporte_02.png') left top no-repeat;
}

.home_monitoreo_transporte .hme_content.content_03 {
	background: transparent url('../img/plan_transporte_03.png') left top no-repeat;
} */

#nav .main.monitoreo.transporte .download_box_row .download_box button.download_monitoreo {
	background-color: #0f6eb5;
}

#nav .main.monitoreo.bosques .download_box_row .download_box button.download_monitoreo {
	background-color: #00b050;
}

#nav .main.monitoreo.transporte .content .categorias h4.categoria {
	/* background-color: #e3ecfd; */
	background-color: rgba(209, 119, 176, 0.3);
	/*TODO: Revisar estos colores -deplegable */
}

#nav .main.monitoreo.bosques .content .categorias h4.categoria {
	/* background-color: #cef9c9; */
	background-color: rgb(191, 215, 48, 0.4);
	/* TODO: Revisar color despegable biodiversidad */
}

#nav .main.monitoreo.transporte .plusminus {
	/* background-color: #b3c2f8; */
	background-color: rgba(209, 119, 176, 0.9);
	/* TODO: Revisar estos colores -icono "+" transporte */
}

#nav .main.monitoreo.bosques .plusminus {
	/* background-color: #1b602a; */
	background-color: rgba(191, 215, 48, 0.9);
	/* TODO: Revisar estos colores -icono "+" biodiversidad*/
	/* color:#333; */
}

#nav .main.monitoreo.transporte .content .categorias .categoria.read {
	background-color: #ccc;
}

.container_canvas {
	width: 100%;
	margin-top: 1%;
	display: none;
	text-align: center;
	overflow: hidden;
}

.text_box_treemap {
	background-color: #f0f0f0;
	padding: 17px;
	font-size: 12px;
	font-family: 'GothamBook';
	line-height: 18px;
	width: 96%;
	margin: 35 auto 0;
	bottom: 10px;
	text-align: initial;
}

.text_box_treemap h2 {
	font-family: 'GothamBold';
	padding-bottom: 7px;
	font-size: 14px;
}

.treemap_tooltip {
	position: absolute;
	display: none;
	width: auto;
	height: auto;
	background: none repeat scroll 0 0 white;
	border: 0 none;
	border-radius: 8px 8px 8px 8px;
	box-shadow: -3px 3px 15px #888888;
	color: black;
	font: 12px sans-serif;
	padding: 5px;
	text-align: center;
}

.treemap_label {

	font-family: sans-serif;
	font-size: 13px;
	pointer-events: none;
	z-index: 99;
	position: relative;

}


.popup {
	position: relative;
	display: inline-block;
}

/* The actual popup (appears on top) */
.popup .popuptext {
	visibility: hidden;
	width: 500px;
	background-color: white;
	color: #234f5e;
	text-align: initial;
	border-radius: 6px;
	padding: 25px;
	position: absolute;
	z-index: 1;
	bottom: 170%;
	left: 17%;
	margin-left: -80px;
	box-shadow: 3px 3px 20px 6px gainsboro;
}

/* Popup arrow */
.popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 12%;
	margin-left: -5px;
	border-width: 15px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.c3-tooltip-container {

	border-left: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);

}

.c3-tooltip tr {

	border: 0 none;
}

.c3-tooltip td {
	vertical-align: baseline;
	text-align: baseline;
	border: 0 none;
	padding: 10px 6px 0px;
}

.c3-tooltip th {

	padding: 5px 6px 2px;

}


.c3-tooltip td.name {
	text-align: left;
}

.c3-tooltip td.value {
	white-space: nowrap;
}

/*CONTAINER CANVAS*/

.container_canvas {
	max-width: 100%;
	overflow: auto;
}

.container_canvas text {
	pointer-events: none;
}

.container_canvas .grandparent text {
	font-weight: bold;
}

.container_canvas rect {
	stroke: #fff;
	stroke-width: 1px;
}

.container_canvas rect.parent,
.grandparent rect {
	stroke-width: 3px;
}

.container_canvas .grandparent:hover rect {
	fill: grey;
}

.container_canvas .children rect.parent,
.grandparent rect {
	cursor: pointer;
}

.container_canvas .children rect.child {
	opacity: 0;
}

.container_canvas .children rect.parent {}

.container_canvas .children:hover rect.child {
	opacity: 1;
	stroke-width: 1px;
}

.container_canvas .children:hover rect.parent {
	opacity: 0;
}

.container_canvas .legend {
	margin-bottom: 8px !important;
}

.container_canvas .legend rect {
	stroke-width: 0px;
}

.container_canvas .legend text {
	text-anchor: middle;
	pointer-events: auto;
	font-size: 13px;
	font-family: sans-serif;
	fill: black;
}

.container_canvas .form-group {
	text-align: left;
}

.container_canvas .textdiv {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 7px;
	cursor: pointer;
	overflow: none;
}

.container_canvas .textdiv .title {
	font-size: 102%;
	font-weight: bold;
	margin-top: 8px;
	font-size: 11px !important;
}

.container_canvas .textdiv p {
	line-height: 13px;
	margin: 0 0 4px !important;
	padding: 0px;
	font-size: 10px !important;
}

/*ORGANIZMO DE APLICACION*/
.box_resto {
	padding: 17px;
	font-size: 12px;
	font-family: 'GothamBook';
	line-height: 18px;
	width: 100%;
	max-width: 650px;
	margin: 17px auto;
}

.box_emisiones {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.resto_titulo {
	font-family: 'GothamBold';
	font-size: 16px;
	padding-bottom: 17px;
	/* color: #4f81bd; */
	text-align: center;
	/* margin-bottom: 17px;
	margin-top: 30px; */
}

.tabla_emisiones {
	table-layout: fixed;
	width: 100%;
	font-family: 'GothamBold';
	text-align: left;
	font-size: 14px;
	margin: auto;
	background-color: #f0f0f0;
}

.tabla_emisiones th {
	border: 2px solid #fff;
	text-indent: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tabla_emisiones th:last-child {
	text-align: end;
	padding-right: 5px;
	width: 14%;
}

/* .box_barra {
    background: #fff;
    height: 30px;
    display: flex;
	flex-flow: row;
	margin: 17px 0px 12px;
	padding: 2px;
}
.barra_agro {
    height: 30px;
    background:  rgb(40, 190, 239);
}
.box_union {
    /* position: relative;
    width: 80px;
    height: 60px;
    margin-left: 81%;
    border: 2px dotted #0873b9;
	margin-top: -5%; 
    position: relative;
    width: 18%;
    height: 49px;
    margin-left: 84%;
    border: 2px dotted rgb(8 115 185);
    margin-top: -12px;
    border-radius: 10px;
    background-color: rgba(8,115,185,.1);
}
.barra_residuos {
    height: 30px;
    background: rgb(27, 143, 182);
    margin-left: 2px;
}
.box_detalle {
    display: flex;
    flex-flow: row;
}
.box_detalle p{
	margin-left: 10px;
}
.box_texto {
    margin: 17px 0px 0px;
}
.box_texto p {
	/* font-family: 'GothamMedium';
    font-size: 13px; 
}
.detalle_agro {
    display: flex;
    flex-flow: row;
}
.cuadrado_agro {
    width: 15px;
    height: 15px;
	background: rgb(40, 190, 239);
	border: 2px solid #fff;
}
.detalle_residuo {
    display: flex;
    flex-flow: row;    
	margin-left: 20px;
}
.cuadrado_residuos {
    width: 15px;
    height: 15px;
	background: rgb(27, 143, 182);
	border: 2px solid #fff;
}
.detalle_deforestacion {
    display: flex;
    flex-flow: row;    
	margin-left: 20px;
}
.cuadrado_deforestacion {
	width: 15px;
    height: 15px;
    border: 2px dotted rgb(8 115 185);
    background-color: rgba(8,115,185,.1);
} */

.home_monitoreo p,
.home_monitoreo_energia p,
.home_monitoreo_transporte p,
.home_monitoreo_bosques p {
	padding: 30px 30px;
	text-align: center;
	font-family: 'Encode Sans', sans-serif;
	font-size: 16px;
	color: #5F6368;
	font-weight: bold;
}

.inventarioGases .buttons .resultados button {
	background-color: #fff;
	color: #4DB8BD;
	border: solid;
	font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* NUEVAS CLASES ATIC  */

/* IMAGENES HOME_MONITOREO SIN FILTRO GRIS APLICADO */
.home_monitoreo>div img {
	display: block;
	width: 100%;
}

/* NUEVO ESTILO PANEL DE NAVEGACION IZQUIERDO */

#nav .main {
	background-color: rgb(55, 187, 237);
	padding: 17px;
	margin-bottom: 17px;
	border-radius: 5px;
	margin-left: 5px;
}

/* COLOR DE FONDO BLANCO AL EXPANDIR MENU DEL PANEL IZQUIERDO*/
#nav .main.monitoreo.energia.activo {
	background: #ffffff;
}

#nav .main.monitoreo.transporte.activo {
	background: #ffffff;
}

#nav .main.monitoreo.bosques.activo {
	background: #ffffff;
}

/*=============================================*/

/* COLOR DE TEXTO EN BOTONES PANEL IZQUIERA LINEAS ESTRATEGICAS SEGÚN EL DESPLIEGUE O NO DEL MISMO*/

#nav .main.monitoreo.energia h2 {
	color: #ffffff;
	cursor: default;
}

#nav .main.monitoreo.energia.activo h2.access {
	color: #EE4788;
}

#nav .main.monitoreo.transporte.activo h2.access {
	color: #D177B0;
}

#nav .main.monitoreo.bosques.activo h2.access {
	color: #BFD730;
}

/*==============================================*/

#nav .main.back {
	background-color: lightgrey;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#nav .main.back h2 {
	cursor: pointer;
	padding-right: 30px;
	font-size: 12px;
	color: black;
}

.contenedor_energia {
	position: relative;
}

/* Imagen de zócalo dentro del home de lineas estrategicas*/
.monitoreo_zocalo {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}


/* BOTONES LINEA DE ACCION - LADO DERECHO  */

.btn_linea_accion {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	width: 275px;
	/* 300 */
	height: 80px;
	padding: 15px 10px 15px 10px;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	border-radius: 10px;
	border: none;
	cursor: pointer;
}

.btn_linea_accion_texto {
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
}

/* Boton disabled */
.disabled {
	color: #424242;
	background-color: #e3e2e2;
	cursor: not-allowed;
}

/* Color de Botones linea de accion según la línea*/
.btn_energia {
	background: #EE4788;
}

.btn_movilidad {
	background: #D177B0;
}

.btn_biodiversidad {
	background: #BFD730;

}


/* EFECTOS HOVER EN LOS BOTONES DEL PANEL DE LA IZQUIERDA  */

/* Transicion Energética */
#nav .main.energia:hover {
	background-color: rgb(238, 71, 136);
}

/* Movilidad sostenible  */
#nav .main.transporte:hover {
	background-color: rgb(209, 119, 176);
}

/* Gestión sostenible de sistemas alimentarios y bosques  */
#nav .main.industria:hover {
	background-color: rgb(119, 197, 135);
}

/* Conservación de la biodiversidad y bienes comunes  */
#nav .main.bosques:hover {
	background-color: rgb(191, 215, 48);
}

/* Transición Productiva  */
#nav .main.infraestructura:hover {
	background-color: rgb(255, 146, 0);
}

/* Territorios sostenibles y resilientes   */
#nav .main.agricultura:hover {
	background-color: rgb(120, 127, 189);
}


/* COLOR DE TITULO DEL NAV PANEL IZQUIERDO - EMISIONES GEI  */
.emisiones_gei_nav_title {
	color: white;
}


/* COTENEDER BOTONES METODOLOGICOS -PDF */
#nav .download_box_row .download_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#nav .download_box_row .download_box .title_metodologico {
	color: #333;
	margin-top: 10px;
}

/*ESTILOS BOTONES METODOLOGICOS - PDF */

#nav .download_box_row .download_box button.btn_metodologico {
	font-size: 12px;
	width: 95px;
	border-radius: 20px;
}

#nav .download_box_row .download_box button.btn_metodologico.movilidad {
	background: #D177B0;
}

#nav .download_box_row .download_box button.btn_metodologico.energia {
	background: #EE4788;
}

#nav .download_box_row .download_box button.btn_metodologico.biodiversidad {
	background: #BFD730;
}

/*==================================================================================================*/

/* MANDALA LINEAS ESTRATEGICAS */

.home_monitoreo .mapa_interactivo {
	width: 100%;
}

/* MAPA INTERACTIVO WIDTH CONTENEDOR  */
.home_monitoreo .mapa_interactivo .imagen {
	width: 750px;
	/* 1000 */
	position: relative;
	margin: auto;
}

.home_monitoreo .mapa_interactivo .imagen td {
	background: none;
	z-index: 1;
}

/* AREA TRANSICION ENERGETICA */
.area_transicion_energetica {
	position: absolute;
	top: 110px;
	/* 146 */
	left: 50px;
	width: 125px;
	height: 125px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

/* AREA MOVILIDAD SOSTENIBLE */
.area_movilidad_sostenible {
	position: absolute;
	top: 40px;
	left: 182px;
	width: 125px;
	/* 168 */
	height: 125px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

/* AREA BIODIVERSISAD Y BIENES COMUNES*/
.area_biodiversidad {
	position: absolute;
	bottom: 122px;
	left: 317px;
	width: 125px;
	height: 125px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}


/* EFECTO HOVER TRANCICION ENERGETICA */
.area_transicion_energetica:hover {
	background-color: rgba(238, 71, 136, 0.3);
	opacity: 1;
}

/* EFECTO HOVER MOVILIDAD SOSTENIBLE */
.area_movilidad_sostenible:hover {
	background-color: rgba(209, 119, 176, 0.3);
	opacity: 1;
}

/* EFECTO HOVER BIODIVERSIDAD */
.area_biodiversidad:hover {
	background-color: rgba(191, 215, 48, 0.3);
	opacity: 1;
}

/* ANIMACION APARECER MENU DE LA IZQUIERDA AL HACER CLICK EN MANDALA */

.slow {
	animation-name: down;
	animation-duration: 1s;
}


@keyframes down {
	from {
		opacity: 0.1;
	}

	to {
		opacity: 1;
	}
}

/* Borde sin background para desplegable Nivel 4 Energia - Menú Izquierda */
#nav .main.monitoreo .content .categorias .labels h5.nivel_cuatro_categoria_energia {
	background-color: transparent;
	border: 2px solid rgba(238, 71, 136, 0.3);
	border-radius: 2px;
}

/* Borde sin background para desplegable Nivel 4 Biodiversidad - Menú Izquierda */
#nav .main.monitoreo .content .categorias .labels h5.nivel_cuatro_categoria_biodiversidad {
	background-color: transparent;
	border: 2px solid rgba(191, 215, 48, 0.6);
	border-radius: 2px;
}

/* Tamaño y peso de fuente para despegable Nivel 4 Biodiversidad - Menú Izquierda - Texto entre paréntesis*/
#nav .main.monitoreo .content .categorias .labels .nivel_cuatro_categoria_biodiversidad_parentesis {
	font-size: 11px;
	font-weight: 400;
}

/* Boton en monitoreo de linea estrategica energia despegable con arrow */
#nav .main.monitoreo.energia h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Boton en monitoreo de linea estrategica movilidad despegable con arrow */
#nav .main.monitoreo.transporte h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Boton en monitoreo de linea estrategica biodiversidad (ex bosques) despegable con arrow */
#nav .main.monitoreo.bosques h2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Header secciones lineas estrategicas - Energia, Movilidad, Biodiversidad */

/* Contenedor linea estratégica energia*/
.mini_home.home_monitoreo_energia {
	margin-bottom: 150px;
}

/* Contenedor linea estratégica energia - header */
.mini_home.home_monitoreo_energia .header {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 10px;
	margin-bottom: 10px;
}

/* Contenedor linea estratégica movilidad*/
.mini_home.home_monitoreo_transporte {
	margin-bottom: 150px;
}

/* Contenedor linea estratégica movilidad - header */
.mini_home.home_monitoreo_transporte .header {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 10px;
	/* 20 */
	margin-bottom: 10px;
	/* 50 */
}

/* Contenedor linea estratégica bosques*/
.mini_home.home_monitoreo_bosques {
	margin-bottom: 150px;
}

/* Contenedor linea estratégica bosques - header */
.mini_home.home_monitoreo_bosques .header {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 10px;
	margin-bottom: 10px;
}
/* Linea eje y 0 de grafico deforestacion biodiversidad monitorteo_id = 37*/

.line_deforestacion{
	stroke-dasharray:6px ;
}
.line_deforestacion line{
	stroke: grey;
}