@font-face {
    font-family: Century-Gothic;
    src: url('./fonts/Century-Gothic.ttf');
}
@font-face {
    font-family: Century-Gothic-Bold;
    src: url('./fonts/Century-Gothic-Bold.ttf');
}

#back-lcdm{
    width: 100%;
    background-image: url('../img/lcdm/back_app.jpg') !important;
    position: absolute !important;
	z-index: 40000 !important;
    /* Centramos el fondo horizontal y verticalmente */
    background-position: center center !important;
    /* El fonde no se repite */
    background-repeat: no-repeat !important;
    /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
    background-attachment: fixed !important;
    /* El fonde se re-escala automáticamente */
    background-size: cover !important;
	width: 100% !important;
	height: 100vh !important;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.25);
}

#back-loginSo{
    width: 100%;
    background-image: url('../img/lcdm/fondoLogin.png') !important;
    position: absolute !important;
	z-index: 40000 !important;
    /* Centramos el fondo horizontal y verticalmente */
    background-position: center center !important;
    /* El fonde no se repite */
    background-repeat: no-repeat !important;
    /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
    background-attachment: fixed !important;
    /* El fonde se re-escala automáticamente */
    background-size: cover !important;
	width: 100% !important;
	height: 100vh !important;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.25);
}

.text-lcdm{
    color: SteelBlue;
    font-family: Century-Gothic;
}

.text-titulo-lcdm{
    font-weight: lighter;
    font-size: 18pt;
    color: SteelBlue;
    font-family: Century-Gothic;
}

.header-logo{
    width: 70%;
    margin:auto;
    text-align: center;
    vertical-align:center;
    padding: 2%;
    padding-bottom: 1em;
}

hr.line-gray {
    margin: 0;
    background-color: gray;
    border: 1;
    opacity: 0.09;
}