html, body{
	height: 100% !important;
}
body>section{
	background-repeat: no-repeat;
	background-size: 25%; 
	/*background-position: right bottom;*/
	background-position: 95% 80%;
}
header img{ max-height: 30px; width: auto; }
header img.logo-maya{ max-height: 60px; width: auto; }
footer {
	bottom: 0;
	left: 0;
	/*position: fixed;*/
	right: 0;
	width: 100%;
	z-index: -1;
}
footer>img{
	width: 100%;
}
thead{
	background-color: #dee2e6;
}
ul.collapsible{
	list-style: none;
}
.h-100{ height: 100% !important; }
.w-100{ width: 100% !important; }
.y-autooverflow{ overflow-y: auto !important; }
.y-hideoverflow{ overflow-y: hidden !important; }
.x-autooverflow{ overflow-x: auto !important; }
.x-hideoverflow{ overflow-x: hidden !important; }
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}
.px-0{padding-left:0!important; padding-right: 0!important;}
.cintilla-estadisticas{
	background-color: #272c37 !important;
}
.menu-item *{
	-webkit-transition: 0.2s ease-in all;
	-moz-transition: 0.2s ease-in all;
	-o-transition: 0.2s ease-in all;
	-ms-transition: 0.2s ease-in all;
	transition: 0.2s ease-in all;
}
.section-title,
.subsection-title,
.menu-item-label,
.custom-button{
	font-family: 'Aller Display', sans-serif;
}
.section-title,
.subsection-title,
.menu-item-label{
	color: #282C37 !important;
	line-height: 1.05;
	text-shadow: 2px 2px 5px #626262;
}
.apartado{
	color: #752d47;
	font-weight: bold;
}
.fundamento-legal{
	line-height: 1.1;
}
.menu-item-icon,
.menu-item-arrow{
	transform: scale(0.8, 0.8);
}
.menu-item-arrow{
	height: 50px !important;
	width: auto;
}
.menu-item-label{
	font-size: 1rem;
}
.section-title-arrow{
	transform: scale(1.1);
	margin-right: 0.5rem;
}
.custom-button{
	background: #282C37 !important;
	color: #dedede;
	cursor: pointer;
}
	.custom-button:hover{
		color: #ffffff;
	}
	.custom-button.el-gub{
		background-color: #baafa9 !important;
		box-shadow: 5px 5px 7px #505050;
		color: #000000;
		font-size: 1.5rem;
	}
	.custom-button.el-dip_loc{
		background-color: #ca9d97 !important;
		box-shadow: 5px 5px 7px #505050;
		color: #ffffff;
		font-size: 1.5rem;
	}
	.custom-button.el-dip_loc_rp{
		background-color: #b2b2b2 !important;
		box-shadow: 5px 5px 7px #505050;
		color: #ffffff;
		font-size: 1.5rem;
	}
	.custom-button.el-ayu{
		background-color: #727363 !important;
		box-shadow: 5px 5px 7px #505050;
		color: #ffffff;
		font-size: 1.5rem;
	}
	.custom-button.el-jun_mun{
		background-color: #ad9744 !important;
		box-shadow: 5px 5px 7px #505050;
		color: #ffffff;
		font-size: 1.5rem;
	}
	.custom-button.semirounded{
		border-top-left-radius: 10% 40%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 10% 40%;
		border-bottom-left-radius: 0;
	}
	.custom-button.rounded-btn{
		border-radius: 100px;
	}
	
	.format-pdf, .format-excel{
		color: #cccccc !important;
	}
	.format-pdf:hover, .format-excel:hover{
		color: #ffffff !important;
	}
	.custom-button.format-pdf{
		background: rgb(91,23,51) !important;
		background: -moz-linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(179,58,110,1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(179,58,110,1) 100%) !important;
		background: linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(179,58,110,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b1733",endColorstr="#b33a6e",GradientType=1) !important;
		margin-bottom: 0.25rem;
	}
	.custom-button.format-excel{
		background: rgb(3,103,55) !important;
		background: -moz-linear-gradient(90deg, rgba(3,103,55,1) 0%, rgba(57,180,77,1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(3,103,55,1) 0%, rgba(57,180,77,1) 100%) !important;
		background: linear-gradient(90deg, rgba(3,103,55,1) 0%, rgba(57,180,77,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#036737",endColorstr="#39b44d",GradientType=1) !important;
	}
	.localidades-panel .custom-button.gradient{
		text-shadow: 2px 2px 5px #000000;
	}
	.localidades-panel>div:nth-child(even) .custom-button.gradient {
		background: rgb(40,44,55) !important;
		background: -moz-linear-gradient(90deg, rgba(40,44,55,1) 0%, rgba(65,71,91,1) 50%, rgba(40,44,55,1) 100%) !important;
		background: -webkit-linear-gradient(90deg, rgba(40,44,55,1) 0%, rgba(65,71,91,1) 50%, rgba(40,44,55,1) 100%) !important;
		background: linear-gradient(90deg, rgba(40,44,55,1) 0%, rgba(65,71,91,1) 50%, rgba(40,44,55,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282c37",endColorstr="#282c37",GradientType=1) !important;
	}
	.localidades-panel>div:nth-child(odd) .custom-button.gradient {
		background: rgb(91,23,51)!important;
		background: -moz-linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(124,36,74,1) 50%, rgba(91,23,51,1) 100%)!important;
		background: -webkit-linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(124,36,74,1) 50%, rgba(91,23,51,1) 100%)!important;
		background: linear-gradient(90deg, rgba(91,23,51,1) 0%, rgba(124,36,74,1) 50%, rgba(91,23,51,1) 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b1733",endColorstr="#5b1733",GradientType=1)!important;
	}

.menu-item:not(.subsection-title):hover img.menu-item-arrow,
.menu-item:not(.subsection-title):hover img.menu-item-icon {
	transform: scale(1, 1);
}

.collapsible>li.active>.collapsible-body{
	visibility: visible;
}
.collapsible>li:not(.active)>.collapsible-body{
	visibility: hidden;
}
.collapsible-header span.h4{ font-size: 1rem; margin-bottom: 0!important; }
.collapsible-header .custom-button span.h4{ font-size: 1.5rem; margin-bottom: 0!important; }
@media (min-width: 576px) {
	header img{ max-height: 50px; width: auto; }
	.menu-item-icon{ height: 80px; width: 80px; }
}
@media (min-width: 768px) {
	header img{ max-height: 64px; width: auto; }
	.menu-item-icon{ height: 100px; width: 100px; }
	.menu-item-label:not(.h4){ font-size: 1.5rem; }
}
@media (min-width: 992px) {
	header img{ max-height: 64px; width: auto; }
	.menu-item-icon{ height: 100px; width: 100px; }
	.menu-item-label:not(.h4){ font-size: 2rem; }
}
@media (min-width: 1200px) {
	header img{ max-height: 80px; width: auto; }
	.menu-item-icon{ height: 150px; width: 150px; }
}