html, body, form {
    width: 100%;
    height: 100%;
}

.InicioFondo {
    background: #FFFFFF url('/Imagen/Fondo/FondoInicioSesion2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.Envoltura {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.Titulo {
    color: white;
    text-align: center;
    font-size: 30px;
}

.InicioEncabezado {
    padding: 1% 0 4% 0;
    margin: auto;
    display: normal;
    text-align: center;
}

.InicioEncabezado .EncabezadoContenido
{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.InicioEncabezado .EncabezadoContenido .Titulo
{
    text-align: right;
    vertical-align: bottom;
    color: #FFFFFF !important;
    font-size: 14px;
    padding-right: 20px;
}

.InicioEncabezado .EncabezadoContenido .Titulo h2
{
    font-family: Gotham_Bold;
    padding: 0px;
    margin: 0px;
}

.InicioEncabezado .EncabezadoContenido .Titulo h4
{
    font-family: Gotham_Book;
}

.InicioEncabezado .EncabezadoContenido .Logo
{
    min-width: 200px;
    width: 200px;
    text-align: right;
}

.InicioEncabezado img {
    max-width: 100%;
    height: auto;
}

.InicioFormulario {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    padding: 2%;
    margin: auto;
    display: normal;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.InicioPie {
    padding: 2%;
    margin: auto;
    display: normal;
    color: #FFFFFF;
    font-family: Gotham_Book;
    /*font-style: italic;*/
}


/*  Estilos para los botones    */

.btn-primary{
    background-color: var(--color-boton-aceptar) !important;
    color: white !important;
    border: 2px solid var(--color-principal) !important;
}

.btn-primary:hover{
    background-color: var(--color-boton-aceptar) !important;
    color: white !important;
    border: 2px solid var(--color-principal-dos) !important;
}

.btn-success{
    background-color: var(--color-boton-aceptar) !important;
    color: white !important;
    border: 2px solid var(--color-principal) !important;
}

.btn-success:hover{
    background-color: var(--color-boton-aceptar) !important;
    color: white !important;
    border: 2px solid var(--color-principal-dos) !important;
}

.btn-danger{
    background-color: var(--color-boton-cancelar) !important;
    color: white !important;
    border: 2px solid var(--color-secundario) !important;
}

.btn-danger:hover{
    background-color: var(--color-boton-cancelar) !important;
    color: white !important;
    border: 2px solid var(--color-secundario-dos) !important;
}

.btn-warning{
    background-color: var(--color-boton-limpiar) !important;
    color: white !important;
    border: 2px solid var(--color-secundario-dos) !important;
}

.btn-warning:hover{
    background-color: var(--color-boton-limpiar) !important;
    color: white !important;
    border: 2px solid var(--color-secundario) !important;
}

.btn-info{
    background-color: var(--color-boton-imprimir) !important;
    color: white !important;
    border: 2px solid var(--color-principal-dos) !important;
}

.btn-info:hover{
    background-color: var(--color-boton-imprimir) !important;
    color: white !important;
    border: 2px solid var(--color-principal) !important;
}