/*IMPORTS*/

	@import url('https://fonts.cdnfonts.com/css/futura-md-bt');
	@import url('https://fonts.googleapis.com/css?family=Montserrat');
	html,
	body {
		font-family: 'Montserrat', sans-serif;
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: rgba(245, 245, 245, 1.0);
		font-size: 12pt;
		font-weight: 400;
		/*color: #4E4D4D;*/
		color: #575657;
	}

	h1,
	h2,
	h3 {
		margin: 0;
		padding: 0;
	}

	p,
	ol,
	ul {
		margin-top: 0;
	}

	ol,
	ul {
		padding: 0;
		list-style: none;
	}

	p {
		line-height: 180%;
	}

	strong {}

	a {
		color: #383838;
	}

	a:hover {
		text-decoration: none;
	}

	.container {
		width: auto;
		margin: 10px auto;
	}

	/*********************************************************************************/
	/* Image Style                                                                   */
	/*********************************************************************************/

	.image {
		display: inline-block;
	}

	.image img {
		display: block;
		width: 100%;
	}

	.image-full {
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}

	.image-left {
		float: left;
		margin: 0 2em 2em 0;
	}

	.image-centered {
		display: block;
		margin: 0 0 2em 0;
	}

	.image-centered img {
		margin: 0 auto;
		width: auto;
	}

	/*********************************************************************************/
	/* List Styles                                                                   */
	/*********************************************************************************/

	ul.style1 {}

	/*********************************************************************************/
	/* Social Icon Styles                                                            */
	/*********************************************************************************/

	ul.contact {
		overflow: hidden;
		margin: 0em 0 3em 0;
		padding-top: 1em;
		text-align: center;
	}

	ul.contact li {
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}

	ul.contact li span {
		display: none;
		margin: 0;
		padding: 0;
	}

	ul.contact li a {
		color: #FFF;
	}

	ul.contact li a:before {
		display: inline-block;
		background: #3f3f3f;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #FFFFFF;
	}

	/*********************************************************************************/
	/* Major Styles                                                                  */
	/*********************************************************************************/

	.major2 {
		width: 100%;
	}

	.major {
		overflow: hidden;
		margin-bottom: 4em;
		text-align: center;
	}

	.major h2 {
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 3em;
		font-weight: 700;
		color: #3f3f3f;
	}

	.major .byline {
		display: block;
		padding-top: 0.2em;
		font-weight: 300;
		font-size: 2em;
	}

	/*********************************************************************************/
	/* Title Styles                                                                  */
	/*********************************************************************************/

	.title {
		text-align: center;
	}

	.title h2 {
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3f3f3f;
	}

	.title .byline {
		display: block;
		padding-top: 1em;
		font-weight: 300;
		font-size: 1.1em;
	}

	/*********************************************************************************/
	/* Button Style                                                                  */
	/*********************************************************************************/

	.button {
		display: inline-block;
		margin: 1em 0em;
		padding: 1em 3em 1em 3em;
		background: #3f3f3f;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}

	.button:before {}

	/*********************************************************************************/
	/* Header                                                                        */
	/*********************************************************************************/

	#header {
		background: rgba(87, 86, 87, 1.0);
	}

	/*********************************************************************************/
	/* Logo                                                                          */
	/*********************************************************************************/

	#logo {
		/* padding: 4em 0em; */
		text-transform: uppercase;
	}

	#logo h1 {
		text-align: center;
		font-weight: 900;
		font-size: 2.5em;
	}

	#logo h1 a {}

	#logo span {
		padding: 0em 0em 0em 0.5em;
		color: rgba(61, 56, 52, 1.0);
	}

	#logo h1:before {}

	#logo a {
		color: #3f3f3f;
	}

	/*********************************************************************************/
	/* Menu                                                                          */
	/*********************************************************************************/
	/* 
	#menu ul {
		background:rgba(31, 87, 100, 1.0);
		margin: 0;
		list-style: none;
		line-height: normal;
		text-align: center;
	}

	#menu li {
		display: inline-block;
	}

	#menu a {
		display: block;
		padding: 1em 2em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 700;
		color: #FFF;
	}

	#menu .current_page_item a {}

	#menu a:hover {} */

	header {
		min-height: 50px;
		background: rgba(31, 87, 100, 1.0);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}

	#logo7 {
		float: left;
		flex-shrink: 0;
		/* margin  :auto; */
	}

	header>nav {
		float: right;
	}

	header>nav>ul {
		list-style-type: none;
		margin-left: 0;
		margin-right: 200px;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
	}

	header>nav>ul>li {
		float: left;
	}

	header>nav>ul>li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}

	header>nav>ul>li a:hover {
		background: rgb(96, 157, 170);
	}

	/*********************************************************************************/
	/* Banner                                                                        */
	/*********************************************************************************/

	#banner {}

	/*********************************************************************************/
	/* Page                                                                          */
	/*********************************************************************************/

	#page {
		overflow: hidden;
		padding: 2em 0em;
		border-top: 1px solid #E5E5E5;
	}

	/*********************************************************************************/
	/* Content                                                                       */
	/*********************************************************************************/

	#content {
		margin-left: 100px;
		float: left;
		width: 50%;
	}

	#content .title {
		padding-bottom: 2em;
		text-align: left;
	}

	#content h2 {
		font-size: 2em;
/*		color: rgba(31, 87, 100, 1.0);*/
		color: rgba(61, 56, 52, 1.0);
	}

	#content .byline {
		padding-top: 0;
		font-size: 1.5em;
	}

	/*********************************************************************************/
	/* Sidebar                                                                       */
	/*********************************************************************************/

	#sidebar {
		float: right;
		width: 40%;
	}

	/*********************************************************************************/
	/* Footer                                                                        */
	/*********************************************************************************/

	#footer {}

	/*********************************************************************************/
	/* Copyright                                                                     */
	/*********************************************************************************/

	#copyright {
		overflow: hidden;
		padding: 5em 0em;
	}

	#copyright p {
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: #6F6F6F;
/*		background-color: rgba(31, 87, 100, 1.0);*/
		background-color: rgba(87, 86, 87, 1.0);
		padding: 10px;
	}

	#copyright a {
		text-decoration: none;
		color: #8C8C8C;
	}

	/*
		FOOTER
	*/

	footer {
		clear: both;
		position: relative;
		height: 50px;
		padding-top: 20px;
/*		background-color: rgba(31, 87, 100, 1.0);*/
/*		background-color: rgba(61, 56, 52, 1.0);
*/		
		background-color: rgba(87, 86, 87, 1.0);
		text-align: center;
	}

	footer>p {
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.90em;
		color: #FFF;
		padding: 10px;
	}

	footer>a {
		letter-spacing: 0.20em;
		text-align: center;
		/* text-transform: uppercase; */
		text-decoration: none;
		font-size: 0.90em;
		color: #FFF;
		padding: 10px;
	}
	footer>a:hover{
		color: #440412;
	}

	/*********************************************************************************/
	/* Featured                                                                      */
	/*********************************************************************************/

	#featured-wrapper {
		overflow: hidden;
		/* padding  : 5em 0em; */
		background: #FFF;
		margin-left: 20px;
		margin-right: 20px;
	}

	#featured h2 {
		text-align: center;
	}

	#featured .icon {
		position: relative;
		display: block;
		margin: 0px auto 20px auto;
		line-height: normal;
		font-size: 6em;
		text-align: center;
		color: #3f3f3f;
	}

	.column1,
	.column2,
	.column3,
	.column4 {
		width: 270px;
		/* border    : 1px solid rgb(201, 195, 195); */
		border-radius: 4px;
		margin-left: 1px;
	}

	.column1,
	.column2 {
		float: left;
		margin-right: 28px;
	}

	.column3 {
		float: left;
	}

	.column4 {
		float: right;
	}

	.column1:hover {
		background-color: #dfd;
	}

	/*********************************************************************************/
	/* Portfolio                                                                     */
	/*********************************************************************************/

	#portfolio-wrapper {
		padding: 6em 0em;
	}

	#portfolio {
		overflow: hidden;
		text-align: center;
	}

	#portfolio img {
		margin: 0;
		padding: 0;
	}

	#portfolio .box {
		padding: 30px;
		background: #FFF;
		border-bottom: 2px solid #7C7C7C;
		border-right: 1px solid #DADADA;
		border-left: 1px solid #DADADA;
	}

	.tcontainer {
		margin-left: 65px;
		width: 100%;
	}

	/*
 	AGREGADOS PERSONALIZADOS PARA LOS DATOS 
 
  */

	#mapid {
		width: 100%;
		height: 400px;
		max-height: 800px;
	}

	.info {
		padding: 6px 8px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: white;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		max-height: 200px;
		overflow-y: scroll;
	}

	.info h4 {
		font-size: 15px;
		margin: 0 0 5px;
		color: #777;
	}

	.infoo {
		padding: 6px 8px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: white;
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
	}

	.legend {
		background-color: "black";
		line-height: 25px;
		color: #555;
		width: auto;
	}

	.legend i {
		width: 18px;
		height: 18px;
		float: left;
		/* margin-right: 8px; */
		opacity: 0.7;
	}


	.divtable {
		display: table;
	}

	.divtable>div {
		display: table-row;
	}

	.divtable>div>div {
		display: table-cell;
		padding: 2px;
		vertical-align: middle;
	}

	/* PERSONALIZADA */

	#holder {
		margin: 0 auto;
		display: inline-block;
		width: 100%;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	#logo2 {
		align: middle;
		text-align: center
	}

	#wrapper {
		height: 200px;
		position: relative;
		padding: 0em 0em 0em 0em;
		background: #fff;
		border: 1px solid blue;
	}

	#top {
		background-color: #0052cc;
		height: auto;
	}

	#Homeimage {
		height: 60px;
		width: 60px;
		padding-left: 40px;
		padding-top: 10px;
		display: block;
		text-align: left;
	}

	#navright {
		float: right;
		margin-top: 20px;
	}

	@media screen and (max-width: 1960px) {
		#page {
			margin-left: 200px;
		}

		.column1 {
			margin-right: 0;
		}
	}

	@media screen and (max-width: 1700px) {
		#page {
			margin-left: 50px;
		}

		.column1 {
			margin-right: 0;
		}
	}

	@media screen and (max-width: 1500px) {
		#page {
			margin-left: 50px;
		}

		.column1 {
			margin-right: 0;
		}
	}

	@media screen and (max-width: 1484px) {
		.tcontainer {
			margin-left: 40px;
		}
	}

	@media screen and (max-width: 1440px) {
		.tcontainer {
			margin-left: 10px;
		}
	}

	@media screen and (max-width: 1273px) {
		.tcontainer {
			margin-left: 80px;
		}

		#page {
			margin-left: 0;
		}

		.column1 {
			margin-right: 0;
		}
	}

	@media screen and (max-width: 1243px) {
		.tcontainer {
			margin-left: 50px;
		}
	}

	@media screen and (max-width: 1190px) {
		.tcontainer {
			margin-left: 30px;
		}
	}

	@media screen and (max-width: 1160px) {
		.tcontainer {
			margin-left: 150px;
		}
	}

	@media screen and (max-width: 1060px) {
		#content {
			width: 80%;
		}

		#sidebar {
			width: 100%;
			float: none;
			text-align: center;
		}

		.tcontainer {
			margin-left: 100px;
		}
	}

	@media screen and (max-width: 980px) {
		.tcontainer {
			margin-left: 40px;
		}

		.column1 {
			width: 44%;
		}
	}

	@media screen and (max-width: 883px) {
		.tcontainer {
			margin-left: 30px;
		}

		.column1 {
			width: 50%;
		}
	}

	@media screen and (max-width: 750px) {
		#content {
			width: 74%;
		}
	}

	@media screen and (max-width: 590px) {
		#content {
			width: 64%;
		}

		.tcontainer {
			margin-left: 45px;
		}

		.column1 {
			width: 90%;
		}
	}

	@media screen and (max-width: 500px) {
		#content {
			width: 54%;
		}

		video {
			width: 70%;
		}

		.tcontainer {
			margin-left: 45px;
		}

		.column1 {
			width: 85%;
		}
	}

	@media screen and (max-width: 370px) {
		#content {
			margin-left: 50px;
			width: 74%;
		}

		#content h2 {
			text-align: center;
			font-size: 20px;
		}

		video {
			width: 70%;
		}

		.tcontainer {
			margin-left: 0;
		}

		.column1 {
			width: 100%;
		}

		#logo h1 {
			font-size: 25px;
		}

		.major h2 {
			font-size: 22px;
		}

		.major .byline {
			font-size: 20px
		}
	}

	/*SLIDER*/
	.mySlides {
		display: none
	}

	img {
		vertical-align: middle;
	}

	/* Slideshow container */

	.slideshow-container {
		max-width: 1000px;
		position: relative;
		margin: auto;
	}

	/* Next & previous buttons */

	.prev,
	.next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		padding: 16px;
		margin-top: -22px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
	}

	/* Position the "next button" to the right */

	.next {
		right: 0;
		border-radius: 3px 0 0 3px;
	}

	/* On hover, add a black background color with a little bit see-through */

	.prev:hover,
	.next:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

	/* Caption text */

	.text {
		color: black;
		font-size: 15px;
		padding: 8px 12px;
		position: absolute;
		bottom: 8px;
		width: 100%;
		text-align: right;
	}

	/* Number text (1/3 etc) */

	.numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
	}

	/* The dots/bullets/indicators */

	.dot {
		cursor: pointer;
		height: 15px;
		width: 15px;
		margin: 0 2px;
		background-color: #bbb;
		border-radius: 50%;
		display: inline-block;
		transition: background-color 0.6s ease;
	}

	.active,
	.dot:hover {
		background-color: #717171;
	}

	/* Fading animation */

	.fade2 {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade2;
		animation-duration: 1.5s;
	}

	@-webkit-keyframes fade2 {
		from {
			opacity: .4
		}

		to {
			opacity: 1
		}
	}

	@keyframes fade2 {
		from {
			opacity: .4
		}

		to {
			opacity: 1
		}
	}

	/* On smaller screens, decrease text size */

	@media screen and (max-width: 300px) {

		.prev,
		.next,
		.text {
			font-size: 11px
		}
	}


	.tdspace {
		white-space: nowrap;
	}

	#custCarousel .carousel-indicators {
		position: static;
		margin-top: 20px
	}

	#custCarousel .carousel-indicators>li {
		width: 100px
	}

	#custCarousel .carousel-indicators li img {
		display: block;
		opacity: 0.5
	}

	#custCarousel .carousel-indicators li.active img {
		opacity: 1
	}

	#custCarousel .carousel-indicators li:hover img {
		opacity: 0.75
	}

	.carousel-item img {
		width: 80%
	}

	.hoveritem {
		cursor: pointer;
		padding: 1px;

	}

	.itemmenu {
		float: left;
		padding: 12px;
		width: 30%;
	}

	.menui {
		width: 100%;
	}

	.menui .menuli {
		width: 20%;
		position: relative;
		display: table-cell;
	}

	.itemdrop {
		margin: auto;
	}

	.imageli {
		border: solid 2px;
		border-color: white;
		border-radius: 10px;
		width: 70%;
	}

	.imageli2 {
		border: solid 2px;
		border-color: white;
		border-radius: 10px;
		width: 70%;
		display: none;
	}

	.textli {
		display: none;
		color: white;
	}


	.vl {
		margin-left: 10px;
		margin-right: 10px;
		border-right: 1px solid white;
		height: 80px;
	}


	.hoveritem:hover .imageli {
		border-color: rgb(4, 53, 25);
	}

	.itemactive {
		border-color: rgb(4, 53, 25);
	}

	/*** MENU CENTRADO **/
	nav {
		margin: 10px auto;
		width: 90%;
		border-radius: 10px;

	}

	.navbar {
		padding-bottom: 0;
	}

	.navbar2 {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}


	.labeltext {
		word-break: break-word;
		width: 100px;
		color: white;
	}


	.link-infografia {
		background-color: #3250AF;
		border: 2px solid #1B3EAD;
		border-radius: 50px;
		float: right;
		color: white;
		font-size: 15px;
		padding: 2px;
		cursor: pointer;
		text-decoration: none;
	}

	.link-infografia2 {
		background-color: #3250AF;
		border: 2px solid #1B3EAD;
		border-radius: 50px;
		color: white;
		font-size: 15px;
		padding: 2px;
		cursor: pointer;
		text-decoration: none;
		display: none;
	}

	.link-infografia:hover {
		background-color: #5a6caa;
		color: black;
	}

	.link-infografia2:hover {
		background-color: #5a6caa;
		color: black;
	}

	.button-excel {
		border: 2px solid white;
		border-radius: 5px
	}

	.button-excel:hover {
		border-bottom: 2px solid rgba(16, 218, 16, 0.842);
		width: 42px;
	}

	.button-pdf {
		border: 2px solid white;
		border-radius: 5px
	}

	.button-pdf:hover {
		border-bottom: 2px solid rgb(209, 86, 86);
		width: 42px;
	}


	.imagenav {
		/* background-image: url('iconos/grecas.png'); */
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.image-collapsed {
		display: none;
	}


	/* #chartContainer{
		height: auto!important;
	} */

	.adjust-page {
		margin-left: 60px !important;
		margin-right: 60px !important;
		padding: 10px
	}

	.titulo-legend-mapa {
		font-size: 12px;
		margin:0px;
	}

	@media only screen and (max-width: 991px) {
		.imagenav {
			background-image: none;
		}

		.hoveritem {
			max-width: none;
			margin-left: 0;
		}

		.imageli {
			display: none;
			/* vertical-align: middle;
			width            : 10%; */
		}

		.imageli2 {
			display: inline;
			vertical-align: middle;
			width: 10%;
		}

		.textli {
			display: inline-flex;
			width: 40%;
			word-break: break-word;
		}

		.mx-auto {
			margin-right: 0 !important;
		}

		.vl {
			display: none;
		}

		.itemdrop {
			text-align: center;
		}

		.menui .menuli {
			width: 100%;
			margin-bottom: 10px;
			margin-left: 35%;
			/* text-align: center; */
		}

		.labeltext {
			word-break: break-word;
			width: 50px;
			color: white;
			display: inline-flex;
		}

		.link-infografia {
			display: none;
		}

		.link-infografia2 {
			display: inline;
		}

		/* .image-collapsed{
			display: inline;
		} */
		.adjust-page {
			margin-left: 0px !important;
			margin-right: 0px !important;
			padding: 10px
		}

		#myChart {
			/* width: 400px!important;
			height: 400px!important; */
		}

		.divtable>div>div {
			display: table-cell;
			padding: 1px 1px 0px 1px;
			vertical-align: middle;
			font-size: 10px;
		}

		.legend i {
			width: 10px;
			height: 10px;
			float: left;
			/* margin-right: 8px; */
			opacity: 0.7;
		}

		.titulo-legend-mapa {
			font-size: 10px;
		}
	}

	@media only screen and (max-width: 400px) {
		.divtable>div>div {
			display: table-cell;
			padding-left: 1px;
			vertical-align: middle;
			font-size: 8px;
		}

		.legend i {
			width: 10px;
			height: 10px;
			float: left;
			/* margin-right: 8px; */
			opacity: 0.7;
		}
		.titulo-legend-mapa {
			font-size: 8px;
		}
		.legend{
			margin-bottom: 12px!important;
		}
		.leaflet-control-zoom{
			display: none;
		}
		.leaflet-control-attribution{
			font-size: 5px!important;
		}
		.info{
			font-size: 11px;
		}

		.info h4{
			font-size: 13px;
		}
	}