/* Guía de Estilos para Portal Descuentos Servidores Públicos - Secretaría de Administración, 2020 */
.barrasup{
    height: 40px;
    background-color: #343335;
}

.fondo-gris {
    background-color: #F4F4F4;
}

.fondo-bienvenida {
    background-color: #F2CF44;
}

span#basic-addon {
    background-color: #FF6C0E;
    color: #fff;
}

.titulo-descuentos {
    color: #126496;
}

.titulo-categorias {
    color: #56389D;
}

.fondo-footer-primario {
    background: #fff url("../images/fondo_footer.png") repeat;
    height: 263px;
    color: #7B868C;
}

.width-100 {
    width: 100%;
}

.page-link {
    color: #0C615C;
}

/* Colores Textos */
.text-info {
    color: #5F46A7!important;
}

/* Card Transparente */
.card-transparent {
	background-color: transparent!important;
	border-color: transparent!important;
}

.card-body-snpadding {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}

/***
****************************************** Media queries ******************************************
***/

 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 319px) {
        .logo-admon {
            display: block;
        }
        
        logo-gob {
            display: block;
        }
        
        .admon {
            display: none;
        }
        
        .gob {
            display: none;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 481px) {
        .logo-admon {
            display: none;
        }
        
        .logo-gob {
            display: none;
        }
        
        .admon {
            display: block;
        }
        
        .gob {
            display: inline;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .logo-admon {
            display: none;
        }
        
        .logo-gob {
            display: none;
        }
        
        .admon {
            display: block;
        }
        
        .gob {
            display: inline;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .logo-admon {
            display: none;
        }
        
        .logo-gob {
            display: none;
        }
        
        .admon {
            display: block;
        }
        
        .gob {
            display:inline;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .logo-admon {
            display: none;
        }
        
        .logo-gob {
            display: none;
        }
        
        .admon {
            display: block;
        }
        
        .gob {
            display: inline;
        }
    }

/***
****************************************** /Media queries ******************************************
***/