@charset "utf-8";

body {
	/*background-image: url("../../imagenes/edificio_injudet.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;*/
}

/*--------------------------------------------------------
 *  INICIO - Seccion: Bienvenida
 *--------------------------------------------------------*/
#section-welcome {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 3.8rem;
}

#section-welcome > .row {
    flex: 1 1 100%;
    padding-top: 1rem;
}

#cnt-section-welcome-header-text {
    padding-left: 16px;
}

#cnt-section-welcome-header-text > h1,
#cnt-section-welcome-header-text > h3 {
    font-weight: 600;
    margin-bottom: 0px;
}

#cnt-section-welcome-header-text > h1 {
    font-weight: 700;
}

#img-banner-welcome-lg,
#img-banner-welcome-sm,
#img-banner-welcome-xs {
    flex: 0 0 100%;
    align-self: flex-start;
}

.cnt-welcome {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: auto;
/*     padding-top: 6vh; */
}

#cnt-welcome-bg-image {
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	/*background-image: url(../../imagenes/edificio_injudet_004.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #fff;
	background-size: 1140px;*/
}

#cnt-imagen-sistema {
	/*flex: 1 1 1110px;*/
	min-width: 0;
	display: flex;
	/*align-items: flex-start;
	justify-content: center;*/
}

#cnt-imagen-sistema #img-sistema-1,
#cnt-imagen-sistema #img-sistema-2 {
	/*flex: 0 0 1110px;*/
	max-height: 832px;
	min-width: 0;
}

#cnt-imagen-sistema #img-sistema-1 {
	display: block;
}

#cnt-imagen-sistema #img-sistema-2 {
	display: none;
}

.cnt-welcome > .row {
    flex: 1 1 100%;
}

#cnt-info-uno,
#cnt-info-dos {
	display: flex;
	flex-direction: column;
	padding-top: 1rem;
}

.row-data-titular {
    margin-top: 2rem;
    animation-duration: 2s;
    animation-delay: 2s;
}

.container-data-titular {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 28px;
    border-radius: 4px;
    letter-spacing: 0.0325rem;    
}

#photo-titular,
#name-titular,
#reference-titular {
    flex: 1 1 0px;
    padding: 6px;
    margin: 6px;
}

#photo-titular,
#reference-titular {
    text-align: center;
}

#name-titular,
#reference-titular {
    align-self: stretch;
    padding: 12px;
}

#name-titular {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-right: 0px;
}

#reference-titular {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 0px;
}

section .container-data-titular img {
    width: 180px;/*180px*/
    border-radius: 10px;
    border: 1px solid #868686;
}

section .container-data-titular img:hover {
    border: 1.5px solid #c9c9c9;
}

#lnk-facebook:hover,
#lnk-twitter:hover {
    color: #fff !important;
}

#lnk-email:hover {
    color: #13022a !important;
}

#btn-iniciar-etapas {
    font-weight: 600;
    font-size: 1.1rem;
    padding-left: 24px;
    padding-right: 24px;
}

#btn-certificate {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

#btn-certificate:focus {
	box-shadow: 0 0 0 0 transparent !important;
}
/*--------------------------------------------------------
 *  FIN - Seccion: Bienvenida
 *--------------------------------------------------------*/


/*--------------------------------------------------------
 *  INICIO - Seccion: Banner
 *--------------------------------------------------------*/
section#section-banner {
    overflow: hidden;
    /*min-width: 100vw;
    width: 100vw;*/
    padding: 28px;
}

#section-banner img {
    /*width: 100vw !important;*/
    /*max-height: calc(100vh -55px) !important;*/
}

.owl-item img {
    border-radius: 4px;
}

#banner-presentation {
    padding: 0px !important;
}

#banner-presentation .owl-dots {
    display: none;
}
/*--------------------------------------------------------
 *  FIN - Seccion: Banner
 *--------------------------------------------------------*/


/*--------------------------------------------------------
 *  INICIO - Seccin: Directorio autoridades estatales y municipales
 *--------------------------------------------------------*/
.row-directory {
    justify-content: center;
    align-items: center;
}

.container-directory {
    display: flex;
    flex: 1 1 0px;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.container-directory a {
    text-decoration: none;
}

.link-directory {
    overflow: hidden;
}

.container-img-directory {
    width: 100%;
    height: 100%;
}

.header-text-directory {
    position: relative;
    top: 38px;
    left: 0px;
    background-color: #000000;
    font-size: .9rem;
    text-transform: uppercase;
    color: #ffffff !important;
    padding: 6px 12px 6px 12px;
}

.container-directory:hover .header-text-directory {
    background-color: #A32347;
}

.content-text-directory {
    display: block;
    position: relative;
    bottom: -20px;
    font-size: 1rem;
    text-align: center;
    opacity: 0;
    transition: bottom .8s ease, opacity .8s ease;
}

.img-directory {
    display: block;
    width: 250px;
    margin: 0px auto;
}

.container-directory:hover .content-text-directory {
    bottom: 0px;
    opacity: 1;
}
/*--------------------------------------------------------
 *  FIN - Seccion: Directorio autoridades estatales y municipales
 *--------------------------------------------------------*/


/*--------------------------------------------------------
 *  INICIO - Seccion: Etapas para aperturar tu empresa
 *--------------------------------------------------------*/
.cnt-stage-image {
    display: flex;
    margin: 0%;
    margin-bottom: 1.6rem;
    background-color: inherit;
    min-height: 300px;
    /*max-height: 300px;*/
}

.cnt-phase {
    width: 144px;
    max-width: 144px;
    height: 300px;
    max-height: 300px;
    cursor: pointer;
}

.cnt-phase a{
    display: block;
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit;
}

span.animate-phase {
    position: absolute;
    width: inherit;
    max-width: inherit;
    height: inherit;
    max-height: inherit;
}

.text-phase-header-0,
.text-phase-header-1,
.text-phase-header-2,
.text-phase-header-3 {
    position: relative;
    top: 97px;
    width: inherit;
    max-width: inherit;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    z-index: 2;
}

.text-phase-header-0 {
    top: 89px;
    color: #669e78;
}

.text-phase-header-1 {
    color: #ea9f7b;
}

.text-phase-header-2 {
    color: #b371a9;
}

.text-phase-header-3 {
    top: 89px;
    color: #40B4E5;
}

div#phase-0,
div#phase-2 {
    order: 0;
}

div#phase-1,
div#phase-3 {
    order: 1;
}

div#phase-0:hover .text-phase-header-0,
div#phase-1:hover .text-phase-header-1,
div#phase-2:hover .text-phase-header-2,
div#phase-3:hover .text-phase-header-3 {
    top: 41px;
}

div#phase-0:hover .text-phase-header-0 {
    color: #064e1d;
}

div#phase-1:hover .text-phase-header-1 {
    color: #F06522;
}

div#phase-2:hover .text-phase-header-2 {
    color: #A43393;
}

div#phase-3:hover .text-phase-header-3 {
    color: #3D71B5;
}

img.icon-phase-body-0,
img.icon-phase-body-1,
img.icon-phase-body-2,
img.icon-phase-body-3 {
    position: relative;
    opacity: 0;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transform: scale(.8);
    z-index: 1;
}

img.icon-phase-body-0 {
    top: 52px;
    left: 47px;
}

img.icon-phase-body-1 {
    top: 62px;
    left: 47px;
}

img.icon-phase-body-2 {
    top: 62px;
    left: 47px;
}

img.icon-phase-body-3 {
    top: 50px;
    left: 47px;
}

div#phase-0:hover .icon-phase-body-0,
div#phase-1:hover .icon-phase-body-1,
div#phase-2:hover .icon-phase-body-2,
div#phase-3:hover .icon-phase-body-3 {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity: 1;
}

img.number-phase-body-1,
img.number-phase-body-2,
img.number-phase-body-3 {
    position: relative;
    top: 55%;
    width: 22%;
    z-index: 4;
}

img.number-phase-body-3 {
    top: 50%;
}

img.img-phase {
    display: block;
    margin: 0 auto;
}

img.img-phase-header,
img.img-phase-body,
img.img-phase-footer {
    width: inherit;
    filter: drop-shadow(5px 5px 5px #444);
}

img.img-phase-header {
    margin-bottom: -4px;
}

img.img-phase-body {
    background-color: #ffffff;
}

img.img-phase-footer {
    margin-top: -10px;
}

img.img-phase-body-0 {
    border: 1px solid #025F44
}

img.img-phase-body-1 {
    border: 1px solid #F06522;
}

img.img-phase-body-2 {
    border: 1px solid #A43393;
}

img.img-phase-body-3 {
    border: 1px solid #40B4E5;
}

div.cnt-phase-info {
    display: flex;
    flex-direction: column;
}

div#cnt-phase-info-0,
div#cnt-phase-info-1,
div#cnt-phase-info-2,
div#cnt-phase-info-3 {
    padding-top: 1.4rem;
}

div#cnt-phase-info-0,
div#cnt-phase-info-2 {
    margin-left: 1.2rem;
    padding-right: 1rem;
}

div#cnt-phase-info-1,
div#cnt-phase-info-3 {
    margin-right: 1.2rem;
    padding-left: 1rem;
}

.phase-info-title {
    font-weight: bold;
    margin-bottom: 1.325rem;
    border-bottom: 1px solid #d0d0d0;
}

div#cnt-phase-info-1 > .phase-info-title,
div#cnt-phase-info-3 > .phase-info-title {
    text-align: right;
}

.phase-info-content,
.phase-info-content-2 {
    line-height: 1.65rem;
    margin-bottom: 0rem;
    padding-top: 0.5rem;
}

.phase-info-content-2 {
    padding-top: 0rem;
}
/*--------------------------------------------------------
 *  FIN - Seccion: Etapas para aperturar tu empresa
 *--------------------------------------------------------*/


/*--------------------------------------------------------
 *  INICIO - Seccion: Mapa de ubicacion
 *--------------------------------------------------------*/
#section-map {
    padding: 0 0 4px 0;
}

#map-cmaig {
    width: 90%;
    height: 400px;
    border: 1px solid darkgray;
}
/*--------------------------------------------------------
 *  FIN - Seccion: Mapa de ubicacion
 *--------------------------------------------------------*/

.font-global {
	line-height: 1.428571429;
	color: #404041;
}

.titulo-cmaig-1 {
    font-family: 'Montserrat';
    font-size: 26px;
    font-weight: 600;
}

.cnt-btn-frm-login {
	margin-top: .65rem;
	margin-bottom: .65rem;
}

#cnt-right-welcome {
	flex: 1 0 350px;
}

#cnt-left-welcome,
#cnt-right-welcome {
	text-align: center;
}

#img-saig-welcome {
	width: 220px;
}

.p-desc {
	margin-bottom: 0.325rem;
}

.row-login {
	justify-content: center;
}

.cnt-welcome .row:first-child {
/* 	margin-bottom: 84px; */
}

#cnt-informacion-login {
	flex: 1 1 350px;
	padding-top: 0px;
	box-shadow: none;
}

.cnt-login {
	background-color: #fafafa;
	background-color: rgba(var(--b3f,250,250,250),.7);
	border: 1px solid #dbdbdb;
	border: 1px solid rgba(var(--b6a,219,219,219),1);
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	-ms-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	margin: 0 0 10px;
	padding: 10px 0;
	flex: 0 1 300px;
	max-width: 350px;
	min-width: 300px;
}

.cnt-title-login {
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
	text-align: center;
}

.form-login {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 18px;
	padding-right: 18px;
}

.form-login .form-group {
	position: relative;
}

.form-login label {
	position: absolute;
	top: 4px;
	left: 7px;
	width: 100%;
	margin-bottom: .3rem;
	font-size: .865rem;
	color: #525961;
}

.form-login input {
	font-size: 1rem;
	padding-top: 28px;
	padding-left: 8px;
	height: 54px;
	color: #000000;
}

/* #btn-login { */
/* 	padding-bottom: 5px; */
/* 	padding-top: 5px; */
/* 	width: 100%; */
/* } */

.btn-frm-login {
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}

#cnt-login-forgotten,
#cnt-footer-login {
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	text-align: center;
	font-size: .968rem;
}

#cnt-login-forgotten {
	padding-top: 0.1rem;
}

#cnt-footer-login p {
	margin-bottom: 0px;
}

.cnt-welcome .row:first-child {
	flex-wrap: nowrap;
	margin-bottom: .325rem;
}

#main-container {
	/*margin-top: 84px !important;*/
	margin-top: 0px !important;
}

.cnt-informacion {
	/*background-color: #fff;*/
	/*background-color: rgba(0, 0, 0, 0.5);*/
	border-radius: 8px;
	/*background-color: #fafafa;
	background-color: rgba(var(--b3f,250,250,250),1);
	border: 1px solid #dbdbdb;
	border: 1px solid rgba(var(--b6a,219,219,219),1);*/
	/*border-radius: 4px;*/
	/*-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	-ms-box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);*/
	margin: 0px 10px 10px;
	padding: 14px;
	flex: 1 0 350px;
	max-width: 350px;
	min-width: 300px;
	color: #000;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,.7);
}

#cnt-informacion-uno {
	box-shadow: none;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

/*.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
	background-color: #000;
}*/

.carousel-caption {
	top: 0px;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}