﻿
/* estilos del login */

body{
    margin:0px;
}

#lblUsuario , #lblPerfil , #lblTitulo , #lblVersion{
    color: black;
}

.margenSuperior5{
    margin-top: 5% !important;
}

/*#contenedorInfo, .colorHeader {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(1%, rgba(254,254,254,1)), color-stop(75%, rgba(219,219,219,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=1 );
}*/

#contenedorInfo, .colorHeader {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(0, 0, 0)), color-stop(1%, rgba(254,254,254,1)), color-stop(75%, rgba(219,219,219,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 75%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=1 );
}

.CopyrightInicio{
    text-align:center !important;
}

.botoneraDatos {
    float: right;
    margin-right: 30px;
}


.mantenimiento{
    text-align:center;
}

/* logo de inicio endesa*/
.logoIzquierda {
    margin-left: 15px !important;
    margin-top: 0px !important;
    width: 80px !important;
    margin-bottom: 0px !important;
}

/* logo de inicio enel*/
.logoDerecha{
    margin-right: 15px !important;
    margin-top: 30px !important;
    width:160px !important;
    margin-bottom:15px !important;
}

.tituloPrincipalLogin{
    color:#000!important;
}

.margenTituloLogin {
    margin-top: 15px;
    text-align: center;
}

#lblTitulo{
    font-size:30px;
    font-family:Roboto;
}

#lblVersion{
    font-size:20px;
    font-family:Roboto;
}

.tituloInicio{
    font-size:23px !important;
}


.informacionDatos {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.titulo {
    text-align: center;
    /*top: 0;
    height: 54px;*/
    width: 329px;
    display: block;
    margin: 0px auto;
    padding-top:10px;
}

.contenedorMenu {
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
}

.pie {
    display: table;
    text-align: center;
    vertical-align: middle;
    height: 34px;
    margin-top: -50px;
    position: fixed;
    width: 100%;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}


.panelLogin {
    margin-top: 100px;
}


.panelLogin {
    margin-top: 100px;
}


.botoneraLogin {
    text-align: center;
}

.contenedorErrores{
    text-align:center;
    font-size:15px;
    color: red;
}


.btnRecuperarPassword{
    color:gray !important;
    text-decoration:none !important;
    font-family:Roboto;
    font-size:14px;
}

.btnRecuperarPassword:hover{
    color:#000 !important;
    text-decoration: underline !important;
}

#lblFooter{
    font-size:14px;
}

#RadLabel2{
    font-size:14px;
}

.contenedorResponsive{
    max-width:100% !important;
    width:100% !important;
   
}


.t-container {
    max-width: 100% !important;
    width:100% !important
}


.contenedorTituloLogin{
    text-align:center;
    font-size:31px;
}


.contenedorTituloLogin{
    margin-bottom:20px;
}

.botoneraRecuperarPassword{
    text-align:center;
}

#RadCaptchaPassword_CaptchaTextBox{
    width: 100% !important;
}

.imageClass{
    width:100%;
}

.ddlPerfil_Input{
    width: 100% !important;
}


#txtUsuario_wrapper , #txtPassword_wrapper{
    width:100%;
}

#columnBtn{

    margin-bottom:15px !important;
    margin-top:15px !important;
}

#btnSiguiente{
    margin-bottom:15px;
    height:auto!important;
}

.botonesLogin{
    display:inline-table!important;
}

.botonesLogin {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #fff !important;
    width: 100% !important;
    background: #D42C54 !important;
}

.botonesLogin:hover{
    padding-top:10px !important;
    padding-bottom:10px !important;
    color: #D42C54 !important;
    background: #fff !important;
    border-color: #D42C54 !important;
}


@media only screen and (min-width: 1920px) {
    .contenedorResponsive {
        max-width: 100% !important;
    }
}


@media only screen and (min-width: 1536px) {
    .contenedorResponsive{
        max-width: 1280px;
    }
}


@media only screen and (min-width: 1281px) {
    .contenedorResponsive {
        max-width: 1280px;
    }
}

@media only screen and (max-width: 768px) {
    .t-push-2 {
        left: 0%!important;
    }

    
}
