/* ==========================================================================
   Fuentes
   ========================================================================== */

   /*@font-face {*/
    /*font-family: 'Gotham';*/
    /*src: url('../fonts/Gotham-XLight.otf');*/
    /*url('../fonts/Gotham-XLight.otf') format('truetype'),*/
    /*font-weight: 100;*/
    /*font-style: normal;*/
    /*}*/

    /*@font-face {*/
        /*font-family: 'Gotham';*/
        /*src: url('../fonts/Gotham-Light.otf');*/
        /*url('../fonts/Gotham-Light.otf') format('truetype'),*/
        /*font-weight: 200;*/
        /*font-style: normal;*/
        /*}*/

        /*@font-face {*/
            /*font-family: 'Gotham';*/
            /*src: url('../fonts/Gotham-Book.otf');*/
            /*url('../fonts/Gotham-Book.otf') format('truetype'),*/
            /*font-weight: 400;*/
            /*font-style: normal;*/
            /*}*/

            /*@font-face {*/
                /*font-family: 'Gotham';*/
                /*src: url('../fonts/Gotham-Bold.otf');*/
                /*url('../fonts/Gotham-Bold.otf') format('truetype'),*/
                /*font-weight: bold;*/
                /*font-style: normal;*/
                /*}*/

                /*@font-face {*/
                    /*font-family: 'Raleway';*/
                    /*src: url('../fonts/Raleway-Regular.ttf');*/
                    /*url('../fonts/Raleway-Regular.ttf') format('truetype'),*/
                    /*font-weight: normal;*/
                    /*font-style: normal;*/
                    /*}*/

                    /*@font-face {*/
                        /*font-family: 'Raleway';*/
                        /*src: url('../fonts/Raleway-Bold.ttf');*/
                        /*url('../fonts/Raleway-Bold.ttf') format('truetype'),*/
                        /*font-weight: bold;*/
                        /*font-style: normal;*/
                        /*}*/

                        /*@font-face {*/
                            /*font-family: 'Source Sans Pro';*/
                            /*src: url('../fonts/SourceSansPro-ExtraLight.otf');*/
                            /*url('../fonts/SourceSansPro-ExtraLight.otf') format('truetype'),*/
                            /*font-weight: 100;*/
                            /*font-style: normal;*/
                            /*}*/

                            /*@font-face {*/
                                /*font-family: 'Source Sans Pro';*/
                                /*src: url('../fonts/SourceSansPro-Black.otf');*/
                                /*url('../fonts/SourceSansPro-Black.otf') format('truetype'),*/
                                /*font-weight: 800;*/
                                /*font-style: normal;*/
                                /*}*/



                                html {
                                    background-color: #eeeeee;
                                }

                                body {
                                    background-color: transparent;
                                    font-family: 'Montserrat', sans-serif;
                                    color: #272731;
                                }

                                .main-header {
                                    width: 100%;
                                }

                                .main-header .top-section {
                                    background-color: #222222;
                                    padding: 10px 0;
                                    color: #999999;
                                    position: relative;
                                }

                                .main-header .main-section {
                                    min-height: 232px;
                                    background: #7E3C8E url("../images/map-bg.png") no-repeat scroll center;
                                }

                                .main-header .menu-section {
                                    background-color: #4C2465;
                                    width: 100%;
                                    min-height: 40px;
                                    position: relative;
                                    bottom: 0;
                                }

                                .main-header .menu-section a {
                                    text-decoration: none;
                                    display: inline-block;
                                    height: 40px;
                                    padding: 12px 8px 12px 40px;
                                    color: #ffffff;
                                    background-color: #4C2465;
                                    font-size: 12px;
                                    text-align: left;
                                    border-right: 1px solid #7E3C8E;
                                }
                                .main-header .menu-section > a:hover,
                                .main-header .menu-section > a:active {
                                    background-color: #341348 !important;
                                    color: #cccccc;
                                }

                                .main-header .menu-section a.home-sdee {
                                    background: transparent url("../images/icons/home-sdee.png") no-repeat scroll 8px center;
                                    width: 128px;
                                }

                                .main-header .menu-section a.sections-menu {
                                    background: transparent url("../images/icons/sections-menu.png") no-repeat scroll 8px center;
                                    width: 153px;
                                }


                                .main-section .logo-sdeem {
                                    display: block;
                                    margin: 46px 0;
                                    width: 538px;
                                    height: 100px;
                                    background: transparent url("../images/SECRETARIAdeECONOMIAemprendedor5.png") no-repeat scroll center;
                                    text-indent: -10000px;
                                }

                                .blank-space {
                                    height: 8px;
                                    background-color: transparent;
                                }

                                .main-content {
                                    /*background-color: transparent;*/
                                }


/* ------------------------------------------------------------------------------------------------------------------
   Topics Menu
   ------------------------------------------------------------------------------------------------------------------ */

   .main-content .topics-menu {
    background-color: #442D5A;
    padding: 60px 0 80px 0;
}

.topics-menu h2.main-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 38px;
    text-align: center;
    color: #ffffff;
    width: 620px;
    margin: 0 auto 60px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #322244;
}

.topics-menu .menu-option {
    width: 570px;
    height: 83px;
    margin: 0 auto 10px auto;
    background: transparent url("../images/SectionsMenuOptionBackground.png") no-repeat scroll right top;
    color: #ffffff;
    overflow: hidden;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #322244;

}

.topics-menu .menu-option a {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 73px;
}

.topics-menu .menu-option .number {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 46px;
    text-align: center;
    display: block;
    float: left;
    width: 48px;
    min-height: 70px;
    padding: 3px 0 0 0;
}

.topics-menu .menu-option .option-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 23px;
    text-align: left;
    line-height: 1.2;
    display: block;
    float: left;
    min-height: 62px;
    margin-left: 15px;
    padding: 11px 0 0 0;
}


.section-header {
    min-height: 569px;
    position: relative;
    overflow: hidden;
}

.section-header.section-1 {
    background: transparent url("../images/section-headers/1-MoreliaComoDestino.jpg") no-repeat scroll center center;
}

.section-header.section-2 {
    background: transparent url("../images/section-headers/2-MoreliaParaVivir.jpg") no-repeat scroll center center;
}

.section-header.section-3 {
    background: transparent url("../images/section-headers/3-MoreliaEnVozDeSusEmpresarios.jpg") no-repeat scroll center center;
}

.section-header.section-4 {
    background: transparent url("../images/section-headers/4-QueNecesitasParaMoverTusInversiones.jpg") no-repeat scroll center center;
}

.section-header.section-5 {
    background: transparent url("../images/section-headers/5-SDEE.jpg") no-repeat scroll center center;
}

.section-header #section-menu-panel {
    background-color: rgba(255, 255, 255, 0.99);
    -webkit-box-shadow: 3px 0 6px rgba(0,0,0,0.2);
    box-shadow: 3px 0 6px rgba(0,0,0,0.2);
    width: 400px;
    height: 569px;
    padding: 90px 20px 20px 20px;
    position: relative;
    left: -410px;
    top: 0;
    z-index: 1000;
}

.section-header #section-menu-panel.closed {
    -webkit-animation: slideOut .5s ease-in-out both;
    animation: slideOut .5s ease-in-out both;
}
.section-header #section-menu-panel.opened {
    -webkit-animation: slideIn .5s ease-in-out both;
    animation: slideIn .5s ease-in-out both;
}

@-webkit-keyframes slideIn {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@keyframes slideIn {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes slideOut {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

@keyframes slideOut {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}

#section-menu-panel a#close-menu-panel-button {
    background: transparent url("../images/CloseOptionsMenuButton.png") no-repeat scroll center center;
    background-size: contain;
    display: block;
    width: 81px;
    height: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
}


.section-nav {
    width: 459px;
    height: 63px;
    position: absolute;
    right: 30px;
    top: 25px;
}
.section-nav > * {
    vertical-align: middle;
}

.section-nav a.previous-section-button {
    width: 63px;
    height: 63px;
    background: transparent url("../images/PreviousSectionButton_Purple.png") no-repeat scroll center top;
    display: inline-block;
}
.section-nav a.previous-section-button:hover,
.section-nav a.previous-section-button:active {
    background-position: center bottom;
}

.section-nav a.next-section-button {
    width: 63px;
    height: 63px;
    background: transparent url("../images/NextSectionButton_Purple.png") no-repeat scroll center top;
    display: inline-block;
}
.section-nav a.next-section-button:hover,
.section-nav a.next-section-button:active {
    background-position: center bottom;
}

.section-nav #open-menu-panel-button {
    background: transparent url("../images/OpenOptionsMenuButton.png") no-repeat scroll center top;
    width: 273px;
    height: 25px;
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 200;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding-top: 1px;
}

.section-nav #open-menu-panel-button:hover,
.section-nav #open-menu-panel-button:active {
    background-position: center bottom;
}

#section-menu-panel .menu-option {
    background: transparent url("../images/SectionOptionDivider.png") no-repeat scroll center bottom;
    background-size: contain;
    width: 280px;
    height: 73px;
    margin: 0 auto 15px auto;
}

#section-menu-panel .menu-option:last-of-type {
    margin-bottom: 0;
}

#section-menu-panel .menu-option a {
    display: block;
    width: 280px;
    height: 73px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    color: #535B74;
}

#section-menu-panel .menu-option a.active {
    color: #222222;
    cursor: default;
    font-weight: bold;
}

#section-menu-panel .menu-option a span {
    color: #B07F49;
}


.section-header .section-title {
    width: 100%;
    min-height: 73px;
    padding: 20px;
    background: rgba(255,255,255,0.85) url("../images/SectionTitleDivider.png") no-repeat scroll 68px center;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.section-header .section-title .number {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 46px;
    color: #A37E4D;
    text-align: center;
    display: block;
    float: left;
    width: 48px;
    min-height: 70px;
    padding: 3px 0 0 0;
}

.section-header .section-title .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.2;
    display: block;
    float: left;
    min-height: 62px;
    margin-left: 15px;
    padding: 11px 0 0 0;
}

.section-header .introtext {
    position: absolute;
    left: 70px;
    top: 150px;
}
.section-header .introtext p {
    color: #535B74;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}
.section-header .introtext p.title {
    color: #222222;
    font-size: 14px;
}


.content {
    background-color: white;
    min-height: 220px;
    padding: 30px 0;
}

.content a.content-option {
    display: block;
    width: 220px;
    height: 139px;
    margin: 60px auto;
    background-size: contain;
}


a.co-agroindustria {
    background: transparent url("../images/section-1-A/BotonAgroindustria_Inactivo.png") no-repeat scroll center center;
}
a.co-agroindustria:hover,
a.co-agroindustria:active {
    background: transparent url("../images/section-1-A/BotonAgroindustria_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-proveduria-automotriz {
    background: transparent url("../images/section-1-A/BotonProveduriaAutomotriz_Inactivo.png") no-repeat scroll center center;
}
a.co-proveduria-automotriz:hover,
a.co-proveduria-automotriz:active {
    background: transparent url("../images/section-1-A/BotonProveduriaAutomotriz_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-callcenter {
    background: transparent url("../images/section-1-A/BotonCallcenter_Inactivo.png") no-repeat scroll center center;
}
a.co-callcenter:hover,
a.co-callcenter:active {
    background: transparent url("../images/section-1-A/BotonCallcenter_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-centros-emprendimiento {
    background: transparent url("../images/section-1-A/BotonCEmprendimiento_Inactivo.png") no-repeat scroll center center;
}
a.co-centros-emprendimiento:hover,
a.co-centros-emprendimiento:active {
    background: transparent url("../images/section-1-A/BotonCEmprendimiento_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-turismo-medico {
    background: transparent url("../images/section-1-A/BotonTurismoMedico_Inactivo.png") no-repeat scroll center center;
}
a.co-turismo-medico:hover,
a.co-turismo-medico:active {
    background: transparent url("../images/section-1-A/BotonTurismoMedico_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-logistica {
    background: transparent url("../images/section-1-A/BotonLogistica_Inactivo.png") no-repeat scroll center center;
}
a.co-logistica:hover,
a.co-logistica:active {
    background: transparent url("../images/section-1-A/BotonLogistica_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-industria-turistica-creativa {
    background: transparent url("../images/section-1-A/BotonIndTuristicaCreativa_Inactivo.png") no-repeat scroll center center;
}
a.co-industria-turistica-creativa:hover,
a.co-industria-turistica-creativa:active {
    background: transparent url("../images/section-1-A/BotonIndTuristicaCreativa_Activo.png") no-repeat scroll center center;
    background-size: contain;
} 


a.co-simulacro-financiero {
    background: transparent url("../images/botones-programas/boton-simulacrofinanciero-inactivo.png") no-repeat scroll center center;
}
a.co-simulacro-financiero:hover,
a.co-simulacro-financiero:active {
    background: transparent url("../images/botones-programas/boton-simulacrofinanciero-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-bolsa-de-trabajo {
    background: transparent url("../images/botones-programas/boton-bolsadetrabajo-inactivo.png") no-repeat scroll center center;
}
a.co-bolsa-de-trabajo:hover,
a.co-bolsa-de-trabajo:active {
    background: transparent url("../images/botones-programas/boton-bolsadetrabajo-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-gestion-de-fondos {
    background: transparent url("../images/botones-programas/boton-gestiondefondos-inactivo.png") no-repeat scroll center center;
}
a.co-gestion-de-fondos:hover,
a.co-gestion-de-fondos:active {
    background: transparent url("../images/botones-programas/boton-gestiondefondos-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-asesoria-contable {
    background: transparent url("../images/botones-programas/boton-asesoriacontable-inactivo.png") no-repeat scroll center center;
}
a.co-asesoria-contable:hover,
a.co-asesoria-contable:active {
    background: transparent url("../images/botones-programas/boton-asesoriacontable-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-capacitaciones {
    background: transparent url("../images/botones-programas/boton-capacitaciones-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-capacitaciones:hover,
a.co-capacitaciones:active {
    background: transparent url("../images/botones-programas/boton-capacitaciones-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-manuales {
    background: transparent url("../images/botones-programas/boton-manuales-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-manuales:hover,
a.co-manuales:active {
    background: transparent url("../images/botones-programas/boton-manuales-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-distintivo-incluyente {
    background: transparent url("../images/botones-programas/boton-distintivoincluyente-inactivo.png") no-repeat scroll center center;
}
a.co-distintivo-incluyente:hover,
a.co-distintivo-incluyente:active {
    background: transparent url("../images/botones-programas/boton-distintivoincluyente-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-exportacion {
    background: transparent url("../images/botones-programas/boton-exportacion-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-exportacion:hover,
a.co-exportacion:active {
    background: transparent url("../images/botones-programas/boton-exportacion-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-emprendedores {
    background: transparent url("../images/botones-programas/boton-emprendedores-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-emprendedores:hover,
a.co-emprendedores:active {
    background: transparent url("../images/botones-programas/boton-emprendedores-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-produce-morelia {
    background: transparent url("../images/botones-programas/boton-producemorelia-inactivo.png") no-repeat scroll center center;
}
a.co-produce-morelia:hover,
a.co-produce-morelia:active {
    background: transparent url("../images/botones-programas/boton-producemorelia-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-haz-barrio {
    background: transparent url("../images/botones-programas/boton-hazbarrio-inactivo.png") no-repeat scroll center center;
}
a.co-haz-barrio:hover,
a.co-haz-barrio:active {
    background: transparent url("../images/botones-programas/boton-hazbarrio-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-energias-renovables {
    background: transparent url("../images/botones-programas/boton-energiasrenovables-inactivo.png") no-repeat scroll center center;
}
a.co-energias-renovables:hover,
a.co-energias-renovables:active {
    background: transparent url("../images/botones-programas/boton-energiasrenovables-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-parque-agrologistico {
    background: transparent url("../images/botones-programas/boton-parqueagrologistico-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-parque-agrologistico:hover,
a.co-parque-agrologistico:active {
    background: transparent url("../images/botones-programas/boton-parqueagrologistico-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-encuentromezcal {
    background: transparent url("../images/botones-programas/boton-encuentromezcal-inactivo.png") no-repeat scroll center center;
}
a.co-encuentromezcal:hover,
a.co-encuentromezcal:active {
    background: transparent url("../images/botones-programas/boton-encuentromezcal-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-turismo-medico-n {
    background: transparent url("../images/botones-programas/boton-turismomedico-inactivo.png") no-repeat scroll center center;
}
a.co-turismo-medico-n:hover,
a.co-turismo-medico-n:active {
    background: transparent url("../images/botones-programas/boton-turismomedico-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-tecnologia-e-investigacion {
    background: transparent url("../images/botones-programas/boton-tecnologiaeinvestigacion-inactivo.png") no-repeat scroll center center;
}
a.co-tecnologia-e-investigacion:hover,
a.co-tecnologia-e-investigacion:active {
    background: transparent url("../images/botones-programas/boton-tecnologiaeinvestigacion-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-fertilidad-de-suelos {
    background: transparent url("../images/botones-programas/boton-fertilidaddesuelos-inactivo.png") no-repeat scroll center center;
}
a.co-fertilidad-de-suelos:hover,
a.co-fertilidad-de-suelos:active {
    background: transparent url("../images/botones-programas/boton-fertilidaddesuelos-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-apoyo-pecuario {
    background: transparent url("../images/botones-programas/boton-apoyopecuario-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-apoyo-pecuario:hover,
a.co-apoyo-pecuario:active {
    background: transparent url("../images/botones-programas/boton-apoyopecuario-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-apoyo-piscicola {
    background: transparent url("../images/botones-programas/boton-apoyopiscicola-inactivo.png") no-repeat scroll center center;
    background-size: auto 85% !important;
}
a.co-apoyo-piscicola:hover,
a.co-apoyo-piscicola:active {
    background: transparent url("../images/botones-programas/boton-apoyopiscicola-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-infraestructura {
    background: transparent url("../images/botones-programas/boton-infraestructura-inactivo.png") no-repeat scroll center center;
    background-size: auto 80% !important;
}
a.co-infraestructura:hover,
a.co-infraestructura:active {
    background: transparent url("../images/botones-programas/boton-infraestructura-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-mejora-regulatoria {
    background: transparent url("../images/botones-programas/boton-mejoraregulatoria-inactivo.png") no-repeat scroll center center;
}
a.co-mejora-regulatoria:hover,
a.co-mejora-regulatoria:active {
    background: transparent url("../images/botones-programas/boton-mejoraregulatoria-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-registro-de-marcas {
    background: transparent url("../images/botones-programas/boton-registrodemarcas-inactivo.png") no-repeat scroll center center;
}
a.co-registro-de-marcas:hover,
a.co-registro-de-marcas:active {
    background: transparent url("../images/botones-programas/boton-registrodemarcas-activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-inversiones {
    background: transparent url("../images/botones-programas/boton-inversiones-inactivo.png") no-repeat scroll center center;
    background-size: auto 90% !important;
}
a.co-inversiones:hover,
a.co-inversiones:active {
    background: transparent url("../images/botones-programas/boton-inversiones-activo.png") no-repeat scroll center center;
    background-size: contain;
}




.content a.content-option-b {
    display: block;
    width: 208px;
    height: 253px;
    margin: 20px auto;
    background-size: contain;
}

a.co-servicios-medicos {
    background: transparent url("../images/section-2-A/ServiciosMedicosInactivo.png") no-repeat scroll center center;
}
a.co-servicios-medicos:hover,
a.co-servicios-medicos:active {
    background: transparent url("../images/section-2-A/ServiciosMedicosActivo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-instituciones-educativas {
    background: transparent url("../images/section-2-A/InstitucionesEducativasInactivo.png") no-repeat scroll center center;
}
a.co-instituciones-educativas:hover,
a.co-instituciones-educativas:active {
    background: transparent url("../images/section-2-A/InstitucionesEducativasActivo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-espacios-para-vivir {
    background: transparent url("../images/section-2-A/EspaciosParaVivirInactivo.png") no-repeat scroll center center;
}
a.co-espacios-para-vivir:hover,
a.co-espacios-para-vivir:active {
    background: transparent url("../images/section-2-A/EspaciosParaVivirActivo.png") no-repeat scroll center center;
    background-size: contain;
}


.content a.content-option-c {
    display: block;
    width: 208px;
    height: 200px;
    margin: 20px auto;
    background-size: contain;
    background-repeat: no-repeat;
}

a.co-feria-catrinas {
    background: transparent url("../images/section-2-B/FeriaCatrinas_Inactivo.png") no-repeat scroll center center;
}
a.co-feria-catrinas:hover,
a.co-feria-catrinas:active {
    background: transparent url("../images/section-2-B/FeriaCatrinas_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-morelia-en-boca {
    background: transparent url("../images/section-2-B/MoreliaEnBoca_Inactivo.png") no-repeat scroll center center;
}
a.co-morelia-en-boca:hover,
a.co-morelia-en-boca:active {
    background: transparent url("../images/section-2-B/MoreliaEnBoca_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-aniversario-morelia {
    background: transparent url("../images/section-2-B/FundacionMorelia_Inactivo.png") no-repeat scroll center center;
}
a.co-aniversario-morelia:hover,
a.co-aniversario-morelia:active {
    background: transparent url("../images/section-2-B/FundacionMorelia_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-festival-cine-morelia {
    background: transparent url("../images/section-2-B/FestivalCine_Inactivo.png") no-repeat scroll center center;
}
a.co-festival-cine-morelia:hover,
a.co-festival-cine-morelia:active {
    background: transparent url("../images/section-2-B/FestivalCine_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-encuentro-mezcal {
    background: transparent url("../images/section-2-B/EncuentroMezcal_Inactivo.png") no-repeat scroll center center;
}
a.co-encuentro-mezcal:hover,
a.co-encuentro-mezcal:active {
    background: transparent url("../images/section-2-B/EncuentroMezcal_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-festival-musica {
    background: transparent url("../images/section-2-B/FestivalMusica_Inactivo.png") no-repeat scroll center center;
}
a.co-festival-musica:hover,
a.co-festival-musica:active {
    background: transparent url("../images/section-2-B/FestivalMusica_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-festival-guitarra {
    background: transparent url("../images/section-2-B/FestivalGuitarra_Inactivo.png") no-repeat scroll center center;
}
a.co-festival-guitarra:hover,
a.co-festival-guitarra:active {
    background: transparent url("../images/section-2-B/FestivalGuitarra_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-festival-organo {
    background: transparent url("../images/section-2-B/FestivalOrgano_Inactivo.png") no-repeat scroll center center;
}
a.co-festival-organo:hover,
a.co-festival-organo:active {
    background: transparent url("../images/section-2-B/FestivalOrgano_Activo.png") no-repeat scroll center center;
    background-size: contain;
}

a.co-expo-feria {
    background: transparent url("../images/section-2-B/ExpoFeria_Inactivo.png") no-repeat scroll center center;
}
a.co-expo-feria:hover,
a.co-expo-feria:active {
    background: transparent url("../images/section-2-B/ExpoFeria_Activo.png") no-repeat scroll center center;
    background-size: contain;
}


.subsection-header {
    padding: 20px;
    background-color: white;
    position: relative;
}
.subsection-header h3 {
    font-size: 20px;
    text-align: center;
    margin: 0;
}
.subsection-header h3 span {
    color: #B07F49;
}
.subsection-header a {
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
}
.subsection-header a.previous-subsection-button {
    background: transparent url("../images/PreviousSubsectionButton.png") no-repeat scroll center top;
    left: 36px;
}
.subsection-header a.previous-subsection-button:hover,
.subsection-header a.previous-subsection-button:active {
    background-position: center bottom;
}

.subsection-header a.next-subsection-button {
    background: transparent url("../images/NextSubsectionButton.png") no-repeat scroll center top;
    right: 36px;

}
.subsection-header a.next-subsection-button:hover,
.subsection-header a.next-subsection-button:active {
    background-position: center bottom;
}

.logo-incentivos {
    display: block;
    width: 294px;
    height: 181px;
    margin: 40px auto 100px auto;
    background: transparent url("../images/IncentivosLogo.png") no-repeat scroll center center;
}

.video-player {
    display: block;
    width: 1110px;
    height: 624px;
    margin: 0 auto;
}

.content h4 {
    font-size: 14px;
    color: #535B74;
    padding-bottom: 4px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 25px;
}

label {
    font-size: 12px;
}

h5.calculator-subtitle {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #aaaaaa;
    margin: 0;
}



/* Estilos de prueba */

.card-wrapper {
   display: block;
    width: 100%;
    height: auto;
    margin: 14px 0;
    position: relative;
}





.list-wrapper {
    display: block;
    width: calc(100% - 46px);
    padding: 14px 14px 14px 60px;
    margin-left: 46px;
    text-align: center;
    background-color: #f9f6f2;
    border-radius: 18px;
}

.list-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 4px;
}


ul.content-list {
    padding: 0;
}

li.list-item {
    padding: 8px 0;
    list-style: none;
}

a.list-option {
    font-size: 20px;
    color: #a37e4d !important;
    outline: none;
}

.card-logo {
    display: block;
    width: 92px;
    height: 92px;
    margin: auto;

    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;

    background-size: contain;
}



.card-unam .card-logo {
    background-image: url("../images/tarjetas/logo-unam-inactive.png");
}

.card-unam:hover .card-logo {
    background-image: url("../images/tarjetas/logo-unam-active.png");
}

.card-umsnh .card-logo {
    background-image: url("../images/tarjetas/logo-umsnh-inactive.png");
}

.card-umsnh:hover .card-logo {
    background-image: url("../images/tarjetas/logo-umsnh-active.png");
}

.card-cietec .card-logo {
    background-image: url("../images/tarjetas/logo-cietec-inactive.png");
}

.card-cietec:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cietec-active.png");
}

.card-cicm .card-logo {
    background-image: url("../images/tarjetas/logo-cicm-inactive.png");
}

.card-cicm:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cicm-active.png");
}

.card-cruco .card-logo {
    background-image: url("../images/tarjetas/logo-cruco-inactive.png");
}

.card-cruco:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cruco-active.png");
}


.card-citc .card-logo {
    background-image: url("../images/tarjetas/logo-grupo-oro-inactive.png");
}

.card-citc:hover .card-logo {
    background-image: url("../images/tarjetas/logo-grupo-oro-active.png");
}

.card-cic .card-logo {
    background-image: url("../images/tarjetas/logo-cic-inactive.png");
}

.card-cic:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cic-active.png");
}

.card-cicaem .card-logo {
    background-image: url("../images/tarjetas/logo-iam-inactive.png");
}

.card-cicaem:hover .card-logo {
    background-image: url("../images/tarjetas/logo-iam-active.png");
}

.card-imich .card-logo {
    background-image: url("../images/tarjetas/logo-imich-inactive.png");

}

.card-imich:hover .card-logo {
    background-image: url("../images/tarjetas/logo-imich-active.png");
}

.card-cibm .card-logo {
    background-image: url("../images/tarjetas/logo-cibm-inactive.png");
}

.card-cibm:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cibm-active.png");

}

.card-cdila .card-logo {
    background-image: url("../images/tarjetas/logo-cdila-inactive.png");
}

.card-cdila:hover .card-logo {
    background-image: url("../images/tarjetas/logo-cdila-active.png");     
}

.card-uvaq .card-logo {
    background-image: url("../images/tarjetas/logo-uvaq-inactive.png");
}

.card-uvaq:hover .card-logo {
    background-image: url("../images/tarjetas/logo-uvaq-active.png");     
}

.card-itm .card-logo {
    background-image: url("../images/tarjetas/logo-itm-inactive.png");
}

.card-itm:hover .card-logo {
    background-image: url("../images/tarjetas/logo-itm-active.png");     
}

.linea {
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    margin: 44px 0; 
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    background-color: #999999;
}

.content.cards {
    position: relative;
}


/* Sección 4 - Fortalezas */
.contenido {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 0 32px;
    align-items: center;
    justify-content: space-between;
}

.contenido-1 {
    justify-content: space-around;
}

.tabla-resultados-ciudades {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.tabla-resultados-ciudades th {
    padding: 16px;
}

.tabla-encabezado {
    background-color: #e6e7e8
}

.tabla-resultados-ciudades td {
    border: 1px solid #000000;
    text-align: center;
    padding: 2px 12px;
}

.th-ico img{
    height: 36px;
    width: 36px;
}
/*.th-ico {*/
    /*background-color: #e6e7e8;*/
/*}*/

.tabla-datos td:first-child,
.tabla-encabezado th:first-child {
    text-align: left;
    /*padding-left: 32px;
    max-width: 80px;*/
}


.tabla-categoria-ciudades {
    font-size: 13px;
    width: 100%;
}

.tabla-categoria-ciudades td,
.tabla-categoria-ciudades th {
    background-color: #e6e7e8;
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #666;
}

.tabla-categoria-ciudades td:nth-child(2),
.tabla-categoria-ciudades th:nth-child(2) {
    background: #b3ded0;
}

@media screen and (max-width: 1440px) {
    .tabla-resultados-ciudades td {
        padding: 2px;
    }

    .tabla-categoria-ciudades td {
        padding: 8px;
    }

}

@media screen and (max-width: 1200px){
    .contenido {
        justify-content: center;
    }

    .tabla-resultados-ciudades {
        width: 100%;
        margin-bottom: 32px;
    }

    .tabla-categoria-ciudades {
        margin-bottom: 32px;
    }

}

.tabla-leyendas-encabezados {
    width: 100%;
    font-size: 13px;
}
.tabla-leyendas-encabezados td {
    padding: 8px;
}

.tabla-estimados {
    font-size: 14px;
}

.contenido-info-zona {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 32px;
}

.contenido-texto {
    width: 45%;
    text-align: left;
}

.tabla-establecimiento {
    border-collapse: collapse;
    font-size: 13px;
}

.tabla-establecimiento th {
    width: 30%;
    vertical-align: top;
}

.tabla-establecimiento th,
.tabla-establecimiento td {
    border: 1px solid #c3c3c3;
    padding: 8px;
}

.contenido-mapa {
    width: 50%;
}

.mapa {
    height: 100%;
}

@media screen and (max-width: 1200px) {
    .contenido-texto {
        width: 60%;
        margin: auto;
    }
    .contenido-mapa {
        width: 60%;
        height: 400px;
    }
}

.modal-wide {
    max-width: 1024px !important;
    margin: 3% auto;
}

.alert-info.alert-small-text h5 {
    font-size: 1.1rem;
}
.alert-info.alert-small-text p {
    font-size: 0.87rem;
}


.coworking .carousel-caption {
    background-color: rgba(0,0,0,0.3);
    padding: 8px;
}


.select2-invalid-feedback{
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: rgb(220, 53, 69);
}



h5.calculator-subtitle {
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    color: #aaaaaa;
    margin: 0;
    border-bottom: 1px solid #f7f7f7;
    margin: 0 0 7px 0;
    padding: 0 0 4px 0;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: none;
    font-weight: normal;
    padding: 0.4rem 0.75rem;
}


.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #777;
    font-size: 13px;
}


.total {
    font-size: 1rem;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-size: 0.8rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    font-size: 0.8rem;
}


/*@media (max-width: 1287px) {*/

    /*.select2-results__option[aria-selected] {*/
        /*font-size: 0.578rem;*/
    /*}*/

    /*.select2-container--default .select2-selection--single .select2-selection__rendered {*/
        /*font-size: 0.578rem;*/
    /*}*/

    /*.select2-container--default .select2-search--dropdown .select2-search__field {*/
        /*font-size: 0.678rem;*/
    /*}*/

    /*.select2-results__option {*/
        /*font-size: 0.678rem;*/
    /*}*/

    /*.invalid-feedback {*/
        /*font-size: 60.8%;*/
    /*}*/


    /*.select2-invalid-feedback{*/
        /*font-size: 60.8%;*/
    /*}*/

    /*h5.calculator-subtitle {*/
        /*font-size: 11px;*/
    /*}*/

    /*.nav-tabs .nav-link {*/
        /*font-size: 11px;*/
    /*}*/

    /*.main-content .contenido-opcion .content h4 {*/
        /*font-size: 11px;*/
    /*}*/

    /*.table td.total {*/
        /*font-size: 0.866rem !important;*/
    /*}*/


/*}*/