/* 
    Hoja de estilo en la que se configura:
    - Las fuentes extras que se usaran en los el sitio.
    - Los colores institucionales del sitio web.
    - Los objetos comunes como: menu de navegacion botones, iconos, titulos, encabazados, etc (todo objeto reutilizado en el sitio como parte del diseño)
    Creado por: Ing. Uriel Vargas Barajas [07/ENE/2019]
*/


@font-face {
    font-family: "LatoGoogle-Regular";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../fonts/Lato-Regular.woff") format('woff'), url("../fonts/Lato-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "LatoGoogle-Light";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../fonts/Lato-Light.woff") format('woff'), url("../fonts/Lato-Light.ttf") format('truetype');
}

@font-face {
    font-family: "LatoGoogle-Bold";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../fonts/Lato-Bold.woff") format('woff'), url("../fonts/Lato-Bold.ttf") format('truetype');
}

@font-face {
    font-family: "LatoGoogle-Black";
    font-style: normal;
    font-weight: normal;
    src: local("?"),url("../fonts/Lato-Black.woff") format('woff'), url("../fonts/Lato-Black.ttf") format('truetype');
}
:root {
    /*Configuracion Red*/
    --color-redBgBody: #999999;
    --color-redAzulLogo: #223B80;
    --color-redNaranjaBotones: #E97910;
    --color-redNaranjaBotonesActive: rgba(233, 121, 16, 0.75);
    --color-redBgPage: #F2F2F2;
    --color-redTextoPage: #000;
    --color-redBgPiePage: #5C5C5C;
    --color-redTextoPiePage: #999999;
    --color-redAzulClaro: #89BBE1;
    /*Configuración Menu*/
    --color-textoMenu: #7E7E7E;
    --color-separadorMenu: #9A9A9A;
    --color-bgSubMenu: var(--color-grisClaro);
    --color-textoSubMenu: var(--color-grisDeshabilitado);
    /*Configuración Menu Contextual*/
    --color-bgMenuCtx: #FFF;
    --color-sombraMenuCtx: var(--color-grisObscuro);
    --color-separadorMenuCtx: #FFF; /*var(--color-grisMedio);*/
    --color-textoMenuCtx: var(--color-grisDeshabilitado);
    --color-bgOverMenuCtx: var(--color-grisClaro);
    --color-bgOverMenuCtxDeshabilitado: var(--color-gisTextoDeshabilitado);
    /*Colores sitio*/
    --color-magentaGTO: #C6358A;
    --color-azulMarino: #372E62;
    --color-azulClaro: #5D80B1;
    --color-grisClaro: #EBEEF6;
    --color-grisObscuro: #6A6A6A;
    --color-grisMedio: #CCC;
    --color-verdeAzulado: #87BCD4;
    --color-verdeAzuladoLight: rgba(135, 188, 212, 0.60);
    --color-azulTitulos: #333979;
    --color-grisDeshabilitado: #505154;
    --color-gisTextoDeshabilitado: #878787;
    --color-bgContenido: #EAEFF7;
    /*Configuración Botones*/
    --color-azulEditar: #333979;
    --color-verdeAgregar: #1B8734;
    --color-rojoBorrar: #941817; /*9E2611*/
    --color-verdeAzuladoAdmin: #5E8394;
    --color-grisBordeBoton: #D4D7DB;
    --color-grisBotonHover: #DCDFE6;
    --tamaño-IconoBoton: 22px;
    --tamaño-IconoBotonContextual: 18px;
    /*Configuracion Formularios*/
    --color-campoObligatorio: #FF4500; /*#FF832B;*/
    --color-textoError: #DC3545; /*#B94A48;*/
}



.clearfix {
    clear: both;
    display: block;
    height: 0;
    width: 0;
}

.wrapper {
    margin: 0 auto;
    width: auto;
}

a {
    color: #ff0000; /*#5d80b1;*/
    text-decoration: none;
}

#migas {
    background: #fff;
    border-bottom: 1px solid #a2a2a2;
    color: #372e62;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

#migas .wrapper {
    padding: 10px 20px;
}









body {
    background: var(--color-redBgBody);
    color: #000;
    padding-top: 0px;
    padding-bottom: 5px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-family: LatoGoogle-Regular;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    background-color: var(--color-redBgPage);
    padding: 0px;
    border: solid 1px #FFF;    
    /*padding-bottom: 0px;*/
    /*314486*/
}

#divHome {
    background-image: url(../Imagenes/RedColaboracionGTO_index_home.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.contenidoPage{
    padding:10px 20px;
}

footer {
    background: var(--color-redBgPiePage);
    color: var(--color-redTextoPiePage);
    margin: 0px;
    padding: 30px;
    min-height: 100px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*INICIO -- CONTENIDO PERSONALIZADO*/
.miLink {
    cursor: pointer;
    cursor: hand;
}

.tituloCampo {
    color: #000;
    font-size: small;
    font-weight: bold;
    background: #6699CC;
}

.datoCampo {
    color: #000;
    font-size: x-small;
    border: 1px #6699CC;
    background:#E6EEF7;
}


/*INICIO CSS Tabs*/

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*FINAL CSS Tabs*/



.centrarDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

#copyR {
    background-image: url('../Imagenes/logo_piePagina.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-grid;
    height: 41px;
    font-size: 13px;
    font-family: LatoGoogle-Bold;
}

.modal-content{
    width:523px;
}

.ulAdmLideres{
    margin: 10px 0px;
    padding:0px;
    padding-left:20px;
}

.ulLider {
    margin: 5px 0px;
    padding: 0px;
    padding-left: 30px;
}

ulCiudadano {
    margin: 2px 0px;
    padding: 0px;
    padding-left: 40px;
}
/*FIN -- CONTENIDO PERSONALIZADO*/