@font-face{
    font-family: 'predio';
    font-style: normal;
    src: url('../fonts/EncodeSans-Regular.ttf') format('truetype');
}
@font-face{
    font-family: 'predio negrita';
    font-style: bold;
    src: url('../fonts/EncodeSans-SemiBold.ttf') format('truetype');
}

html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'predio'!important;
  margin-bottom: 60px;
}
a {font-family: 'predio'!important;}
h1,h2,h3,h4,h5 {color: #7f992f; font-family: 'predio negrita';}
.color-principal{color:#7f992f;}
.fondo-principal{background-color:#7f992f;color:#FFF;}

img { max-width: 100%; width:50%; height:50%;}
header {height: 0px; line-height: 0px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
header img { max-height: 75px;}
.cuadro-mistramites{
	background-color: #f8f8f8;
	border: 1px solid #7f992f;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 10px 0px;
	transition: 0.3s;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0);
}
.cuadro-mistramites:hover{
	background-color: #fff;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.titulo {
	background-color: #7f992f;   /* #077BE5 */
	width: 100%;
	height: 150px;
	line-height: 150px;
	color: #FFF;
	font-size: 32px;
	font-family: 'predio negrita', sans-serif;
	text-align: center;}
strong {font-family: 'predio negrita', sans-serif; color: #7f992f;}
.col-md-right {
	text-align:right;
}
.col-md-center {
	text-align:center;
}
.col-md-left {
	text-align:left;
}
	@media (max-width: 767px) {
	.col-md-right {text-align: inherit;}
	.col-md-center {text-align:inherit;}
	.col-md-left {text-align:inherit;}
	.col-xs-right{text-align:right;}
	.col-xs-center{text-align:center;}
	.col-xs-left{text-align:left;}
	header {height: 0px; line-height: 0px;}
	header img { max-height: 45px;}
	.titulo {font-size: 15px; text-align: center;
				height: 100px;line-height: 100px;
			}
}
.link-tabla {
	cursor: pointer;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 70px;
  background-color: #efefef;
}
.borde {margin: 0; padding:0; width: 100%; height: 0; border-top: 1px dotted #bbb;}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container .text-muted {
  margin: 0;
  line-height: 50px;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

@keyframes pulse {
	0% {
		transform: scale(0.8);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

#cargador {
	width: 100vw;
	min-height: 100vh;
	background-color: #7f992f;
	color: rgba(255,255,255,1);
	z-index: 10000;
	position: fixed;
	font-family: 'bold';
	font-size: 26px;
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	transition: all ease 0.3s;
}
.loading #cargador{
	display:flex;
}