html {
    /*background-color: #e2e2e2;*/
    margin: 0;
    padding: 0;
}


body {
    /*background-color: #fff;*/
    background-color: #000;
    border-top: solid 5px #000;
    border-bottom: solid 10px #fdc82f;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width: 550px;
    height: 100%;
}

.no-margin {
    margin: 0px;
}

.no-padding {
    padding: 0px;
}

.header {
    display: block;
    background-color: #fdc82f;
    height: 60px;
    margin: 0px 0px 0px 0px;
}

.footer {
    color: #fff;
    font-size: .80em;
}

.clear {
    clear: both;
}

.logo {
    vertical-align: middle;
    background-color: #fdc82f;
    display: table-cell;
    height: 40px;
    padding-top: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.valing-miidle {
    vertical-align: middle;
}

.talign-left {
    text-align: left;
}

.talign-right {
    text-align: right;
}

.taling-center {
    text-align: center;
}

.wrapper {
    margin-top: 0px;
}

.display-none {
    display: none;
}

.small-text {
    font-size: 0.85em;
}

.filtro {
    border-style: none solid none none;
    border-width: 1px;
    border-color: #000000;
    min-height: 400px;
    width: 250px;
}

.content {
    /*margin-left: 255px;*/
    background-color: #fff;
    margin: 0px 0px 0px 0px;
    min-height: 400px;
}

#loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
}

#loading-div {
    width: 150px;
    height: 70px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    padding: 40px;
}

.imgLogoFooter {
    width: 52px;
    height: 50px;
    text-align: left;
    border: 0px;
}

.imgLogoFooter2 {
    width: 20px;
    height: 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
}

.footerInfo {
    text-align: right;
}

.footerMargin {
    margin: 5px;
}

.anchor-noStyle {
    text-decoration: none;
    color: #000;
}

a.anchor-noStyle:visited a.anchor-noStyle:link {
    text-decoration: none;
    color: #000;
}

.anchor-basic {
    text-decoration: underline;
    color: #000;
}

a.anchor-noStyle:visited a.anchor-noStyle:link {
    text-decoration: underline;
    color: #000;
}


.content-forms {
    display: inline-block;
    /*width: 50%;*/
    margin-top: 1%;
    width: 1066px;
}

.container-button {
    margin-top: 20px;
}

.button-with-left-margin {
    margin-left: 10px;
}

.clear-left {
    clear: left;
}

.register-form {
    /*min-height:550px;*/
}

/* ==========================================================================
   Botones
   ========================================================================== */
a.boton1 {
    border: 0px;
    color: #000;
    background-color: #fdc82f;
    padding: 10px 30px 10px 30px;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

    a.boton1:visited a.boton1:link {
        text-decoration: none;
    }


a.boton2 {
    border: 0px;
    color: #fff;
    background-color: #000;
    padding: 10px 30px 10px 30px;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

    a.boton2:visited a.boton2:link {
        text-decoration: none;
    }

button.boton1 {
    border: 0px;
    color: #000;
    background-color: #fdc82f;
    padding: 10px 30px 10px 30px;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

 boton1:disabled,
    button[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

button.boton2 {
    border: 0px;
    color: #fff;
    background-color: #000;
    padding: 10px 30px 10px 30px;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

button.boton1-small {
    border: 0px;
    color: #000;
    background-color: #fdc82f;
    padding: 10px 20px 10px 20px;
    font-size: 0.9em;
    cursor: pointer;
    font-weight: bolder;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

button.boton2-small {
    border: 0px;
    color: #fff;
    background-color: #000;
    padding: 10px 20px 10px 20px;
    font-size: 0.9em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

.inicio-container {
    margin-right: 20px;
}

.inicio {
    height: 32px;
    /*vertical-align: middle;*/
}

.column-user-auth-info {
    /*padding-top: 5px;*/
}

a.boton1-small {
    border: 0px;
    color: #000;
    background-color: #fdc82f;
    padding: 10px 20px 10px 20px;
    font-size: 0.9em;
    cursor: pointer;
    font-weight: bolder;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
}

/* ==========================================================================
   Login
   ========================================================================== */
.user-info {
    margin-top: 17px;
    margin-right: 20px;
}

.user-auth-info {
    margin-top: 10px;
    margin-right: 20px;
    display: inline;
    vertical-align: middle;
}


/* ==========================================================================
   Home/Index
   ========================================================================== */
.wrapper-index {
    text-align: center;
}

.content-index {
    display: inline-block;
    width: 50%;
    margin-top: 7%;
    min-width: 700px;
}

.welcome-form {
    width: 400px;
    text-align: center;
    vertical-align: top;
}

.welcome-form-title {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

/* ==========================================================================
   Cuenta/Registro
   ========================================================================== */
.welcome-form-register {
    margin: 20px;
}


.wrapper-register {
    text-align: center;
    /*height:700px;*/
}

/* ==========================================================================
   Cuenta/IniciarSesion
   ========================================================================== */
.content-logon {
    display: inline-block;
    min-width: 760px;
    width: 80%;
    margin-top: 1%;
}

.form-two-columns {
    float: left;
    width: 50%;
    height: 230px;
    min-width: 517px;
}

.login-form {
    margin-top: 20px;
    float: left;
    width: 50%;
    text-align: left;
    min-width: 320px;
}

.login-register-form {
    margin-top: 20px;
    float: left;
    width: 40%;
    min-width: 320px;
    text-align: left;
}

.title-login {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

.title-login-h1 {
    margin: 0px;
    font-size: 1.7em;
}

.p-login {
    margin-top: 5px;
    font-size: 0.9em;
}

.content-links {
    margin-top: 20px;
    font-size: .85em;
}

    .content-links div {
        margin-bottom: 5px;
    }

.stylized-input-login {
    font-size: 0.95em;
    padding: 4px 2px;
    width: 300px;
    margin: 2px 0 20px 0px;
}

.login-message-register {
    margin: 0px;
    font-size: 1.5em;
}

.login-message-button-register {
    margin-top: 30px;
}

.p-login-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color: #ff0000;
    font-size: .85em;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.p-login-msj {
    border: 1px solid #008000;
    background-color: #EAFFEC;
    color: #008000;
    font-size: .85em;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

/* ==========================================================================
   Cliente/Index
   ========================================================================== */
.content-clientes {
    display: inline-block;
    min-width: 320px;
    width: 100%;
    margin-top: 10%;
}

.clientes-documentos {
    display: inline-block;
    width: 280px;
    cursor: pointer;
}

.clientes-archivos {
    display: inline-block;
    width: 280px;
    cursor: pointer;
}

.clientes-consulta-archivos {
    display: inline-block;
    width: 280px;
    cursor: pointer;
}

.clientes-cuenta {
    display: inline-block;
    width: 280px;
    cursor: pointer;
}

.clientes-image {
    width: 200px;
}


/* ==========================================================================
   Cliente/ActualizarDatos
   ========================================================================== */
.update-form-two-columns {
    float: left;
    width: 50%;
    min-width: 517px;
    height: 135px;
}



/* ==========================================================================
   Cliente/ActualizarDatos
   ========================================================================== */
.forgotpwd-form-two-columns {
    float: left;
    width: 50%;
    min-width: 517px;
    height: 160px;
}

/* ==========================================================================
   Cliente/CargarGiros
   ========================================================================== */
.content-upload-file1 {
    display: inline-block;
    min-width: 700px;
    width: 70%;
    margin-top: 1%;
}

.title-upload-file1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
}

.title-upload-file1-h1 {
    margin: 0px;
    font-size: 1.7em;
}

.p-upload-file1 {
    margin-top: 5px;
    font-size: 0.9em;
}

.p-upload-file1-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color: #ff0000;
    font-size: .85em;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.upload-file1-form {
    margin-top: 20px;
    float: left;
    width: 50%;
    text-align: left;
    min-width: 320px;
}

.upload-file1-links-form {
    margin-top: 20px;
    float: left;
    width: 40%;
    min-width: 320px;
    text-align: left;
}

.p-terms {
    text-align: justify;
}

.stylized-input-upload-file1 {
    font-size: 0.95em;
    padding: 4px 2px;
    min-width: 300px;
    width: 95%;
    margin: 2px 0 20px 0px;
}

.stylized-input-upload-file1-pin {
    font-size: 0.95em;
    padding: 4px 2px;
    min-width: 300px;
    width: 95%;
    margin: 2px 0 0px 0px;
}

.upload-file-error-item {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color: #ff0000;
    font-size: .85em;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.upload-file-error-line {
    float: left;
    width: 12%;
    text-align: left;
    min-width: 60px;
}

.upload-file-error-msj {
    float: left;
    width: 80%;
    text-align: left;
    min-width: 450px;
}

.upload-file-error-container {
    border: 1px solid #ff0000;
    margin-top: 20px;
    width: 100%;
}

.upload-file-error-header {
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    padding: 5px 10px 5px 10px;
}

.upload-file-error-item {
    border: 1px solid #ff0000;
    text-align: center;
    font-size: 0.85em;
}

.logo-archivos {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.lista-archivos {
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.container-upload-files {
    margin-top: 25px;
}

.stylized-input-upload-file {
    font-size: 0.95em;
    padding: 4px 2px;
    width: 95%;
    margin: 2px 0 20px 0px;
}

/* ==========================================================================
   MisArchivos/Index
   ========================================================================== */
.content-archivos {
    display: inline-block;
    min-width: 760px;
    width: 95%;
    margin-top: 1%;
    vertical-align: top;
}

.content-archivos-filter {
    float: left;
    width: 15%;
    text-align: left;
    min-width: 215px;
    vertical-align: top;
    margin-left: 5px;
}

.content-archivos-results {
    float: left;
    width: 78%;
    min-width: 840px;
    text-align: left;
    vertical-align: top;
    margin-left: 15px;
}

.stylized-input-mis-archivos {
    font-size: 0.95em;
    padding: 4px 2px;
    width: 200px;
    margin: 2px 0 20px 0px;
}

.tbl-content-archivos {
    margin-top: 10px;
    border-collapse: collapse;
    vertical-align: top;
    width: 100%;
}

.td-content-archivos-filter {
    text-align: left;
    width: 215px;
    vertical-align: top;
}

.td-content-archivos-results {
    text-align: left;
    vertical-align: top;
}

.archivos-results {
    width: 99.5%;
}

.upd-destinatario-form {
    
    text-align: left;
    width: 250px;
    vertical-align: top;
}

.upd-destinatario-form .begin {
    padding-top: 10px;
}

.title-destinatario-form {
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}

.stylized-input-destinatario {
    float: left;
    font-size: 0.95em;
    padding: 4px 2px;
    width: 250px;
    margin: 2px 0 10px 0px;
}

.stylized-input-codigoseguridad {
    float: left;
    font-size: 0.95em;
    padding: 4px 2px;
    width: 250px;
    margin: 10px 0 10px 0px;
}

.p-error-CodigoSeguridad {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    color: #ff0000;
    font-size: .85em;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.submit-destinatario {
    padding-top: 10px;
}

.submit-archivos-results {
    padding-top: 10px;
}

.Mensaje-CambioDestinatario {
    padding-top: 20px;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.spacer {
    clear: both;
    height: 1px;
}


/* ----------- My Form ----------- */
.myform {
    margin: 0 auto;
    /*width:1100px;*/
    padding: 0px 14px 14px 14px;
}

.stylized {
    /*border:solid 2px #b7ddf2;
	background:#ebf4fb;*/
}

.stylized-h1 {
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 8px;
}

.stylized-p {
    font-size: 0.85em;
    color: #666666;
    margin-bottom: 20px;
    border-bottom: solid 1px #000;
    padding-bottom: 10px;
}

.stylized-label {
    /*display:block;*/
    font-weight: bold;
    text-align: right;
    width: 250px;
    float: left;
}

.stylized-label-right {
    /*display:block;*/
    font-weight: bold;
    text-align: left;
    width: 250px;
    float: left;
}

.stylized-small {
    color: #666666;
    display: block;
    font-size: 10px;
    font-weight: normal;
    /*text-align:right;*/
    /*width:190px;*/
}

.stylized-input {
    float: left;
    font-size: 0.95em;
    padding: 4px 2px;
    /*border:solid 1px #000;*/
    width: 250px;
    margin: 2px 0 20px 10px;
}

.stylized-button {
    text-align: center;
    color: #000;
    background-color: #fdc82f;
    border: 0px;
    font-size: 1em;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-decoration: none;
    padding: 10px 30px 10px 30px;
}

.stylized-label-nofloat {
    display: block;
    font-weight: bold;
    font-size: 0.95em;
}

.stylized-input-nofloat {
    font-size: 0.95em;
    padding: 4px 2px;
    width: 250px;
    margin: 2px 0 20px 0px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    font-size: .8em;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* jQuery Dialog no close
----------------------------------------------------------*/
.noclose .ui-dialog-titlebar-close {
    display: none;
}

/*Modal ajax progress*/
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('images/ajax-loader_ge.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal {
        display: block;
    }

/*WebGrid*/
.webGrid {
    margin: 4px;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.webGrid-header {
    background-color: #fdc82f;
    font-weight: bold;
    color: #333;
}

.webGrid th, webGrid td {
    border: 1px solid #333;
    padding: 5px;
}

.webGrid-row {
    font-size: 0.8em;
}

    .webGrid-row td {
        padding: 5px;
        border: 1px solid #333;
    }

.webGrid-alternating-row {
    font-size: 0.8em;
    background-color: #FEECB4;
    color: #000;
}

    .webGrid-alternating-row td {
        padding: 5px;
        border: 1px solid #333;
    }

.webGrid-footer {
    background-color: #fdc82f;
    font-weight: bold;
    color: #333;
    border: 1px solid #333;
}

.input-rigth-position{
    float:right;
}

.control-group-margin-botton-without{
    margin-bottom: 0px !important;
}

.label-50-width{
    width : 50% !important
}

    .webGrid-footer td {
        padding: 5px;
    }

    .webGrid-footer a {
        margin-left: 1px;
        margin-right: 1px;
        text-decoration: none;
        color: #333;
    }

        .webGrid-footer a:visited .webGrid-footer a:link {
            text-decoration: none;
            color: #333;
        }