/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-02-2015, 15:40:52
    Author     : jgonzalez
*/

*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    outline: 0 !important;
}

body{
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: 13px;
}

form > div{
    display: table;
    /* INI req.139468 - Botones de pago PCI */
    width: 640px;
    /* FIN req.139468 - Botones de pago PCI */
    padding: 20px;
    margin: 10px auto;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    
    background: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E2E2E2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E2E2E2');
    /* background-image: -o-linear-gradient(top, #FFFFFF, #E2E2E2); */
    background-image: -ms-linear-gradient(top, #FFFFFF, #E2E2E2);   
}

.header{
    display: table-header-group;
    vertical-align: middle;
}

.imgServipag{
    display: inline-block;
    background: url("../images/logo-servipag.png") no-repeat top left;
    width: 133px;
    height: 49px;
    float: right;
}

.imgSII{
    display: inline-block;
    background: url("../images/logo-sii.png") no-repeat top left;
    width: 54px;
    height: 50px;
    float: left;
}

.imgTGR{
    display: inline-block;
    background: url("../images/logo-tgr.png") no-repeat top left;
    width: 59px;
    height: 50px;
    float: left;
}

.imgWebpay{
    display: inline-block;
    background: url("../images/logo-webpay.png") no-repeat top right;
    width: 94px;
    height: 53px;
    float: right;
}

.section{
    display: table;
    width: 100%;
}

.dataTrx{
    margin: 40px 0 25px;
}

.datosTrx{
    display: table-cell;
    vertical-align: middle;
}

.datosTrx td{
    line-height: 125%;
    font-size: 14px;
    max-width: 214px;
    vertical-align: top;
}

.datosTrx td:first-of-type{
    width: 100px;
}

.imgTarjeta{
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 127px;
    float: right;
}

.tarjetaCMR {
	background: url("../images/tarjetaCMR.png") no-repeat top right;
}

.tarjetaVisa{
    background: url("../images/tarjetaVisa.png") no-repeat top right;
}

.tarjetaPremium{
    background: url("../images/tarjetaPremium.png") no-repeat top right;
}

.tarjetaElite{
    background: url("../images/tarjetaElite.png") no-repeat top right;
}

.validaciones{
    height: 180px;
}

.tablaValidaciones{
    margin-top: 20px;
}

.tablaCliente td{
    line-height: 125%;
    font-size: 14px;
}

.tablaCliente td:first-of-type{
    width: 115px;
}

.tablaCliente input{
    height: 25px;
    -webkit-appearance: none;
    border: 1px solid #c9c9c9;
    width: 140px;
    margin: 0 5px;
}

.tablaChallenge{
    margin: 40px auto 0;
}

.tablaChallenge td{
    width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.tablaChallenge input{
    width: 40px;
    height: 25px;
    -webkit-appearance: none;
    text-align: center;
    border: 1px solid #c9c9c9;
    margin: 0 10px;
    font-size: 13px;
}

.tablaSMS{
    margin: 0 auto;
}

.tablaSMS input{
    width: 100px;
    height: 25px;
    -webkit-appearance: none;
    text-align: center;
    border: 1px solid #c9c9c9;
    margin: 0 10px;
    font-size: 13px;
}

.imgError{
    text-align: center;
    margin: 10px auto 20px;   
}

.msgError{
    color: red;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

.msgTransaccion{
    height: 180px;
}

.msgTransaccion .imgError{
    margin: 80px auto 50px;
}

.msgTransaccion .msgError{
    color: black;
    margin-bottom: 100px;
}

.tituloFalabella{
    color: #43ac34;
    font-size: 14px;
    font-weight: bold;
    margin: 30px 0 10px;
}
.dataPago{
    margin: 40px 0 25px;
}

.datosPago{
    display: table-cell;
    vertical-align: middle;
}

.datosPago td{
    line-height: 125%;
    font-size: 14px;
}

.datosPago td:first-of-type{
    width: 115px;
}

/* INI req.139468 - Botones de pago PCI */
.datosPago input, .listaTarjeta{
    height: 25px;
    -webkit-appearance: menulist !important;
    border: 1px solid #c9c9c9;
    width: 280px!important;
    margin: 5px;
}
/* FIN req.139468 - Botones de pago PCI */

.datosPago input.hideSelect{
    width:50px;
    position: absolute;
    left:0;
}

.datosPago select{
    height: 25px;
    border: 0px;
    width: 50px;
    margin: 5px;
/*     background: transparent;
    position: absolute; */
    left:0;
}

.condiciones{
    height: 130px;
}

.condiciones .msgError{
    margin-top: 40px;
}

.tablaPagos{
    width: 100%;
    border-spacing: 5px;
}

.tablaPagos th{
    text-align: center;
    background: #c9c9c9;
    padding: 3px;
}

.tablaPagos td{
    font-size: 11px;
}

.footer{
    display: table-footer-group;
    text-align: center;
}

.boton{
    width: 116px;
    height: 22px;
    margin: 0 7px;
    border: 0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: white;
    background: #43ac34;
    font-size: 13px;    
    cursor: pointer;
}

.justify{
    text-align: justify;
}

.bold{
    font-weight: bold;
}

.size10{
    font-size: 10px !important;
}

.size13{
    font-size: 13px !important;
}

.hideError{
    display: none;
}