﻿@font-face { font-family: 'Roboto'; src: url('../../App_Themes/ControlesBasicos/Roboto-Regular.ttf') format('truetype') }
body { background-color: none; }
.LblDescripcion { text-align: right; padding-right: 6px; vertical-align: middle; }
.CellDescription { text-align: left; margin-left: 3px; width: 300px; vertical-align: middle; }
.TdBorderBanner { border-bottom: solid #000066 2px; }
.DivCaptcha { margin: 10px 195px 10px 195px; padding: 2px 2px 0px 2px; border: solid #9CCAE3 2px; }

.divCentrado { position: absolute; width: 500px; left: 50%; margin-left: -250px; display: none; }
    .divCentrado .tablaCentrado { width: 100%; height: 100%; text-align: center; border-collapse: collapse; border: 0px; }
        .divCentrado .tablaCentrado .tdCentrado { vertical-align: middle; padding: 0px; }
    .divCentrado #divCabezaLogin { margin-top: 10px; margin-left: auto; margin-right: auto; display: inline-block; }
        .divCentrado #divCabezaLogin #LogoCiel { float: left; height: 49px; visibility: hidden; }
        .divCentrado #divCabezaLogin #LogoCliente { float: left; height: 49px; visibility: hidden; }        
        .divCentrado #divCabezaLogin span { font-size: 20px; font-weight: bold; line-height: 49px; margin-left: 10px; padding-left: 10px; border-left: 3px solid #ababaa; float: left; text-align: center; visibility: hidden; }
    .divCentrado #divContentLogin { margin-top: 15px; margin-bottom: 10px; }
        .divCentrado #divContentLogin input[type=text], .divCentrado #divContentLogin input[type=password], .divCentrado #divContentLogin select { width: 250px; height: 30px; font-size: 16px; background-color: white !important; margin-bottom: 10px; border-color: #A5A5A5 !important; }
        .divCentrado #divContentLogin .tdLabel { text-align: right; padding-right: 5px; color: black; }
        .divCentrado #divContentLogin .tdControl { text-align: left; padding-left: 5px; }
        .divCentrado #divContentLogin #TipoDoc { border-collapse: collapse; border: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
            .divCentrado #divContentLogin #TipoDoc tr { height: 20px; padding-bottom: 5px; vertical-align: baseline; font-size: 12px }
        .divCentrado #divContentLogin .tablaFoot { border-collapse: collapse; border: 0px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 50px; color: black; font-size: 12px }
            .divCentrado #divContentLogin .tablaFoot input[type=submit] { width: 250px; height: 32px; font-size: 15px; }
.botonInicio { margin: 0px 0 10px 0; padding: 6px 15px !important; background-color: #A5A5A5 !important; color: white !important; }
    .botonInicio:hover { background-color: #d1d1d1 !important; color: White !important; }
/* Pie de página */
.divFooter { position: fixed; bottom: 0px; opacity:0; height:0; width: 100%; background-color: white; color: #333; padding-top: 4px; z-index: 994; font-size: .9rem; }
.divFooter { animation: footerAnimation .5s ease-out; animation-delay: 3s; animation-fill-mode: forwards; }
.divFooterInfo { width: 100%; text-align: center; }
.imagenCliente { text-align: right; margin-right: 46px; margin-top: 35px; }

@keyframes footerAnimation {
    from { height: 0px; opacity:0; }
    to { height: 40px; opacity: 1; }
}
