<?php session_start();
    $_SESSION["refSkip"] = DOCROOT.substr($_SERVER['REQUEST_URI'],1);
    is_login(DOCROOT."login.html");
	$userid = $_SESSION['userid'];

    //get the coupon amount and code
    $uri = $_SERVER['REQUEST_URI'];
    $coupon_url = explode('=',$uri);

    if(is_numeric($coupon_url[1]))
    {
        $coupon_id = $coupon_url[1];
        $gifttype='';
    }
    else
    {
        $coupon_url = explode('&',$coupon_url[1]);
        $coupon_id = $coupon_url[0];
        $gifttype='gift';
    }

    $coupon_info = get_coupon_code($coupon_id);
    if(mysql_num_rows($coupon_info)>0)
    {
        while($row = mysql_fetch_array($coupon_info))
        {
            $coupon_code = $row["coupon_id"];
            $total_payable_amount = $row["coupon_value"];

            if(ctype_digit($total_payable_amount)) {
                $total_payable_amount = $total_payable_amount;
            }
            else
            {
                $total_payable_amount = number_format($total_payable_amount, 2,',','');
                $total_payable_amount = explode(',',$total_payable_amount);
                $total_payable_amount = $total_payable_amount[0].'.'.$total_payable_amount[1];
            }

            $couponname = html_entity_decode($row["coupon_name"], ENT_QUOTES);
            $coupondesc = html_entity_decode($row["coupon_description"], ENT_QUOTES);
            $imagen    = $row["coupon_image"];
            $absorcion = $row["absorcion"];
            $cuotas    = $row["cuotas"];
        }
    }

$user = new userManager($userid);
$dataenvio = enviosManager::aptoEnvios($coupon_code);
$provincias = enviosManager::getProvincias();

?>
<link href="<?php echo DOCROOT?>themes/responsive/css/bootstrap.min.css" rel="stylesheet">
<style>
    </style>
<input type="hidden" id="precio_unitario" value="<?php echo $total_payable_amount?>">
<aside style="background-color:white">
    <h3 style="text-align:left">1. Mi cuenta:</h3>
        <p class="desc_mod_cup">¡Hola <b><?php echo $user->email?></b>!</p>
    <h3 style="text-align:left">2. Mi compra:</h3>
    <div id="ficha">
    <div class="contenedor">
    <div class="popcompra" style="border: 0px;">
    <div class="img_mod_cup"><img src="<?php echo DOCROOT?><?php echo $imagen?>" alt="" width="230" style="1px solid"/></div>
<div class="data_mod_cup">
<p class="desc_mod_cup"><?php echo $couponname;?></p>
<?php
if(@$absorcion != '')
{
?>
    <p class="desc_mod_cup">¡Pagalo en <span style="color:#bf0404;font-weight: bold">12</span> cuotas sin interés!</p>
<?php
}
?>
<p class="fecha_mod_cup">
    <span>Cantidad:</span>
    <input id="cant" class="input-text qty"  readonly="readonly" type="text" name="qty" value="1" style= "border: 3px solid #c9c9c9;padding: .34em;font-size: 1.0em;outline: none;width: 2.222em;font-weight: 400;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:10px">
<?php
    if($dataenvio[0]["peso"] < 20)
    {
?>
        <button id="add" type="button" class="cant"><img src="<?php echo DOCROOT ?>themes/responsive/images/add.svg" alt=""></button>
        <button id="minus" type="button" class="cant"><img src="<?php echo DOCROOT ?>themes/responsive/images/minus.svg" alt=""></button>
<?php
    }
else{
        echo " (Sólo 1 cupón por comprador) ";
}
?>
<?php
if(@$absorcion == '')
{
?>
</p>
<p class="fecha_mod_cup">
    <span>A pagar: </span><span id="precio_mostrado" style="font-size: 20px"><?php echo "$".$total_payable_amount;?></span>
</p>
<?php
}else{
?>
    <p class="fecha_mod_cup">
        <span>Total a pagar: </span><span id="precio_mostrado"><?php echo "$".$total_payable_amount;?> </span> o <span style="color:#bf0404;font-weight: bold">6 </span><span>cuotas de: </span><span id="precio_mostrado_cuotas" style="color:#bf0404;font-weight: bold"><?php echo "$".round($total_payable_amount/6,2);?></span>
    </p>
<?php
}
?>

<?php
if(!empty($dataenvio)) {
    ?>
    <br />
    <div class="userlog" style="width: 100%">

            <div class="fieldEmail">
                <span style="width:100%">Ingresá Código Postal para calcular costo de envío:</span>
            </div>
            <div class="fieldEmail">
                    <input type="text" placeholder="Código Postal" style="width: 30%" id="codigop" name="codigop">
                    <input type="button" value="Calcular envío" style="background-color: #99cc00; color: white;width:150px" id="consultar_envio">
            </div>
            <div class="fieldEmail">
                <span style="width:100%">¿No lo conoces? Averigualo haciendo click <a href="http://wxw.oca.com.ar/contenidos_dinamicos/cpa.asp" style="color:blue" target="_blank">Aquí</a>.</span>
            </div>
            <p class="fecha_mod_cup">
                <span id="precio_envio" ></span>
            </p>
            <p class="fecha_mod_cup">
                <span id="precio_envio_total" ></span>
            </p>
            <p class="fecha_mod_cup">
                <span id="total_pagar"></span>
            </p>
            <span id="boton_continuar" style="display: none">
                <div class="fieldEmail"><input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_envio">
            </span>

    </div>

<?php
    }
else{
    ?>
    <!--<div class="userlog" style="width: 100%">
    <input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_sin_envio">
    </div>-->
<?php

}
?>

</div>
</div>
</div>
    <style>
        .camposform{
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom:10px;
        }
        .camposform input{
            width: 90% !important;
        }
        .camposform li{
            width: 50%;
        }
        .camposform li p{
            margin-bottom: 2px;
            margin-top: 5px;
        }
        @media screen and (max-width: 500px) {
            .camposform{
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -ms-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
            }
            .camposform input{
                width: 100%
            }
            .camposform li{
                width: 100%;
            }
        }
    </style>
<?php
if(!empty($dataenvio)) {
    ?>
    <br />
    <div class="userlog" style="width: 100%;display:none" id="datos_envio">
        <h3 style="text-align:left">2.b Datos del envío:</h3>
        <div id="error_envio" style="display:none;text-align: center;color:red;font-weight: bold;font-size: 20px">Los campos con * son obligatorios</div>
            <ul class="camposform">
                <li>
                    <p>Nombre y apellido:  <b><?php echo $user->firstname?> <?php echo $user->lastname?></b></p>
                </li>
                <li>
                    <p>Código Postal: <span id="codigo_postal" style="font-weight: bold"></span></span><br /></p>
                </li>
                <li>
                    <p>Calle *:</p>
                    <input required="" id="calle" name="calle"  style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Numero *:</p>
                    <input required="" id="numero" name="numero"  style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Piso:</p>
                    <input required="" id="piso" name="piso"  style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Depto:</p>
                    <input required="" id="depto" name="depto"   style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Provincia *:</p>
                    <select name="provincia" id="provincia"   style="padding: 0.2em;margin: 0em" >
                    <option selected="selected" value="">Provincia</option>
<?php
                    foreach($provincias as $provincia) {
?>
                        <option value="<?php echo utf8_encode($provincia["Provincia"]) ?>"><?php echo utf8_encode($provincia["Provincia"]) ?></option>
<?php
                    }
?>
                    </select>
                </li>
                <li>
                    <p>Ciudad:</p>
                    <input required="" id="ciudad" name="ciudad"  style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Teléfono Celular *:</p>
                    <input required="" id="telefono" name="telefono"  style="padding: 0.2em;margin: 0em">
                </li>
                <li>
                    <p>Información Adicional:</p>
                    <textarea required="" id="info_adicional" name="info_adicional"  style="padding: 0.2em;margin: 0em"></textarea>
                </li>

             </ul>
             <input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_tarjeta">
    </div>
<?php
}
?>
<br />

<input type="hidden" name="valor_precio_envio" id="valor_precio_envio" value="0">
<input type="hidden" name="valor_precio_envio_unit" id="valor_precio_envio_unit" value="0">
    <h3 style="text-align:left">3. Medios de pago:</h3>
    <!-- medios de pago -->
    <div id="error_medios_p">
    <div class="container-fluid">
        <div class="row" style="border:1px solid #CCC;">
            <div class="col-md-3" style="border-right:1px dotted #CCC;" >
                <h2 style="font-size:14px; font-weight:bold;"><span style="font-size:22px;">1</span> pago de $<span id="1p_cuotas"></span></h2>
            </div>

            <div class="col-md-7" style="padding-top:5px;">
                <h2 style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; "><input type="radio" name="pago" id="pago_1cuota" value="tp"><label for="pago_1cuota" style="margin-left: 13px;"> Con todas las tarjetas de todos los bancos</label></h2>
                <label for="pago_1cuota" style="margin-left: 6px;"><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/visa.png" width="50" style="padding-top:7px;"></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/amex.png" width="50" style="padding-top:7px;"></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/master.png" width="50" style="padding-top:5px;" ></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/diners.png" width="50" style="padding-top:7px;"></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="50" style="padding-top:7px;"></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="50" style="padding-top:7px;"></label>
                <label for="pago_1cuota" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="50" style="padding-top:7px;"></label>
            </div>

        </div>
    </div>
    <br />
    <a style="text-decoration:underline; color:#000;cursor:hand;cursor:pointer" onclick="$('html, body').animate({scrollTop: $('#to_3cuotas').offset().top}, 2000);$('#3cuotas').show();$('#6cuotas').hide();">
    <div class="container-fluid">
        <div class="row" style="border:1px solid #CCC;"  id="to_3cuotas">
            <div class="col-md-3" style="border-right:1px dotted #CCC;" >
                <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><span style="font-size:22px;">3</span> cuotas de $<span id="3p_cuotas"></span> </br> <span style="color:#bf0404;">SIN INTERÉS </span></h2>
            </div>
            <div class="col-md-7" style="padding-top:15px;">
                <ul class="list-inline" style="vertical-align:middle;">
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="55" style="padding-top:7px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="75" style="padding-top:7px;">
                    </li>
                    <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100" style="padding-top:6px;"></li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="80" style="padding-top:8px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="70" style="padding-top:5px;" >
                    </li>
                </ul>
            </div>
            <div class="col-md-2" style="padding-top:5px;">
                <h2 style="font-size:15px; font-weight:normal; text-align:right;"><a onclick="$('html, body').animate({scrollTop: $('#to_3cuotas').offset().top}, 2000);$('#3cuotas').show();$('#6cuotas').hide();" style="text-decoration:underline; color:#000;cursor:hand;cursor:pointer">+ Ver mas</a></h2>
            </div>
        </div>
    </div>
    </a>

    <div class="container-fluid" id="3cuotas" style="display:none">
    <!--visa-->
    <div class="row" style="border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/visa.png" width="79"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva3.1"><label for="bbva3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia3.1"><label for="galicia3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander3.1"><label for="santander3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc3.1"><label for="hsbc3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="icbc3.1"><label for="icbc3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>-->
                <li>
                    <input type="radio" name="pago" value="tp" id="provincia3.1"><label for="provincia3.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos3.1"><label for="otrosbancos3.1">&nbsp;Otros bancos</label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--master-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;">
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/master.png" width="82"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva3.2"><label for="bbva3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia3.2"><label for="galicia3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander3.2"><label for="santander3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc3.2"><label for="hsbc3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="icbc3.2"><label for="icbc3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
<!--                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>-->
                <li>
                    <input type="radio" name="pago" value="tp" id="provincia3.2"><label for="provincia3.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos3.2"><label for="otrosbancos3.2">&nbsp;Otros bancos</label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--amex-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/amex.png" width="65">
                </li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva3.3"><label for="bbva3.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia3.3"><label for="galicia3.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander3.3"><label for="santander3.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc3.3"><label for="hsbc3.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos3.3"><label for="otrosbancos3.3">&nbsp;Otros bancos</label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>-->
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--naranja-->
    <!--<div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="50">
                </li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--nativa-->
    <!--<div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="100"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--shopping-->
    <!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="83"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>
    -->
    <!--cencosud-->
    <!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="90"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>
    -->
    <!--cabal-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="60"></li>
            </ul>
        </div>
        <div class="col-md-7" style="padding-top:20px;border-left:1px dotted #CCC;">
            <h2 style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; "><input type="radio" name="pago" id="pago_cabal1" value="tp"><label for="pago_cabal1" style="margin-left:3px"> Con todas las tarjetas Cabal emitidas en Argentina</label></h2>
        </div>
    </div>
    <!--argencard-->
    <!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/argencard.png" width="73"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--diners--><!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/diners.png" width="80"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    </div>
    <br />
    <!--FIN DEL DESPLEGABLE-->
    <div class="container-fluid">
        <a onclick="$('#3cuotas').hide();$('#6cuotas').show();$('html, body').animate({scrollTop: $('#to_6cuotas').offset().top}, 2000);" style="text-decoration:underline; color:#000;cursor:hand;cursor:pointer">
            <div class="row" style="border:1px solid #CCC;" id="to_6cuotas">

            <div class="col-md-3" style="border-right:1px dotted #CCC;" >
                <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><span style="font-size:22px;">6</span> cuotas de $<span id="6p_cuotas"></span> </br> <span style="color:#bf0404;">SIN INTERÉS </span></h2>
            </div>
            <div class="col-md-7" style="padding-top:15px;">
                <ul class="list-inline" style="vertical-align:middle;">
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="110" style="padding-top:8px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80" style="padding-top:8px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="70" style="padding-top:5px;" >
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="55" style="padding-top:7px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="75" style="padding-top:7px;">
                    </li>
                    <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100" style="padding-top:6px;"></li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="80" style="padding-top:8px;">
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="70" style="padding-top:5px;" >
                    </li>
                    <li>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="70" style="padding-top:5px;" >
                    </li>
                </ul>
            </div>
            <div class="col-md-2" style="padding-top:5px;">
                <h2 style="font-size:15px; font-weight:normal; text-align:right;"><a onclick="$('#3cuotas').hide();$('#6cuotas').show();$('html, body').animate({scrollTop: $('#to_6cuotas').offset().top}, 2000);" style="text-decoration:underline; color:#000;cursor:hand;cursor:pointer">+ Ver mas</a></h2>
            </div>
        </div>
        </a>
    </div>
    <div class="container-fluid" id="6cuotas" style="display:none">
    <!--visa-->
    <div class="row" style="border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/visa.png" width="60"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva6.1"><label for="bbva6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia6.1"><label for="galicia6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander6.1"><label for="santander6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc6.1"><label for="hsbc6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="icbc6.1"><label for="icbc6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>-->
                <li>
                    <input type="radio" name="pago" value="tp" id="supervielle6.1"><label for="supervielle6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="patagoania6.1"><label for="patagoania6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="nacion6.1"><label for="nacion6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="comafi6.1"><label for="comafi6.1">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos6.1"><label for="otrosbancos6.1">&nbsp;Otros bancos</label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--master-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;">
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/master.png" width="82"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva6.2"><label for="bbva6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia6.2"><label for="galicia6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander6.2"><label for="santander6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc6.2"><label for="hsbc6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="icbc6.2"><label for="icbc6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="nacion6.2"><label for="nacion6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="85"></label>
                </li>
                <!--                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>-->
                <li>
                    <input type="radio" name="pago" value="tp" id="patagoania6.2"><label for="patagoania6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="comafi6.2"><label for="comafi6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="supervielle6.2"><label for="supervielle6.2">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos6.2"><label for="otrosbancos6.2">&nbsp;Otros bancos</label>
                </li>

                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--amex-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/amex.png" width="65">
                </li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="tp" id="bbva6.3"><label for="bbva6.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="galicia6.3"><label for="galicia6.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="santander6.3"><label for="santander6.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="hsbc6.3"><label for="hsbc6.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="patagoania6.3"><label for="patagoania6.3">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="tp" id="otrosbancos6.3"><label for="otrosbancos6.3">&nbsp;Otros bancos</label>
                </li>
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>-->
                <!--<li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>-->
            </ul>
        </div>
    </div>
    <!--naranja-->
    <!--<div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="50">
                </li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--nativa-->
    <!--<div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="100"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--shopping-->
    <!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="83"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>
    -->
    <!--cencosud-->

    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="90"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <h2  style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; ">
                        <input type="radio" name="pago" value="tp" id="cenco6"><label for="cenco6" style="margin-left:3px">Con todas las tarjetas CENCOSUD emitidas en Argentina</label>
                    </h2>
                </li>
            </ul>
        </div>
    </div>

    <!--cabal
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="60"></li>
            </ul>
        </div>
        <div class="col-md-7" style="padding-top:20px;border-left:1px dotted #CCC;">
            <h2 style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; "><input type="radio" name="pago" id="pago_cabal1" value="mp"><label for="pago_cabal1" style="margin-left:3px"> Con todas las tarjetas Cabal emitidas en Argentina</label></h2>
        </div>
    </div>-->
    <!--argencard-->
    <!--
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px dotted #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/argencard.png" width="73"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/bbva.jpg" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/GALICIA.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/santander.png" width="100"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_HSBC.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/banco_ICBC.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/supervielle.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/patagonia.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provincia.png" width="85"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nacion.png" width="130"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/industrial.png" width="80"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/nativa.png" width="90"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cencosud.png" width="65"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/dinersclub.png" width="105"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/comafi.png" width="125"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;</label>
                    <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/provencred.png" width="100"></li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/delapampa.png" width="145"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="60"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="40"></label>
                </li>
                <li>
                    <input type="radio" name="pago" value="amex" id="amex"><label for="amex">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="38"></label>
                </li>
            </ul>
        </div>
    </div>-->
    <!--diners-->
    <div class="row" style="border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;">
        <div class="col-md-3" style="padding-top:20px;" >
            <ul>
                <li><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/diners.png" width="80"></li>
            </ul>
        </div>
        <div class="col-md-9" style="padding-top:20px;border-left:1px dotted #CCC;">
            <ul class="list-inline">
                <li>
                    <h2  style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; ">
                        <input type="radio" name="pago" value="tp" id="dinners6"><label for="dinners6" style="margin-left:3px">Con todas las tarjetas Dinners emitidas en Argentina</label>
                    </h2>
                </li>
            </ul>
        </div>
    </div>
    </div>

    <br />


    <div class="container-fluid">
        <div class="row" style="border:1px solid #CCC;" >
            <div class="col-md-3" style="border-right:1px dotted #CCC;" >
                <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><span style="font-size:22px;">12</span> cuotas de $<span id="12p_cuotas"></span> </br> <span style="color:#bf0404;">SIN INTERÉS </span></h2>
            </div>
            <div class="col-md-7" style="padding-top:15px;">
                <ul class="list-inline" style="vertical-align:middle;">
                    <li>
                        <h2 style="font-size:14px; font-weight:bold; text-transform:uppercase; color:#bf0404; "><input type="radio" name="pago" id="pago_12cuotas" value="tp"><label for="pago_12cuotas" style="margin-left: 13px;"> Con todas las tarjetas de todos los bancos</label></h2>
                        <label for="pago_12cuotas" style="margin-left: 6px;"><img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/visa.png" width="50" style="padding-top:7px;"></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/amex.png" width="50" style="padding-top:7px;"></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/master.png" width="50" style="padding-top:5px;" ></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/diners.png" width="50" style="padding-top:7px;"></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="50" style="padding-top:7px;"></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="50" style="padding-top:7px;"></label>
                        <label for="pago_12cuotas" style="margin-left: 6px;"> <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="50" style="padding-top:7px;"></label>
                    </li>
                </ul>

            </div>

        </div>
    </div>
    <br />
    <div class="container-fluid">
        <div class="row" style="border:1px solid #CCC;">
            <div class="col-md-3">
                <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><span style="font-size:22px;">1</span> pago de $<span id="1p_pagofacil"></span> </br> <span style="color:#bf0404;">EN EFECTIVO</span></h2>
            </div>
            <div class="col-md-9" style="padding-top:15px;border-left:1px dotted #CCC;">
                <ul>
                    <li>
                        <input type="radio" name="pago" value="pagofacil" id="pagofacil_val"><label for="pagofacil_val">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/pagofacil.png" width="60"></label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    </div>
    <br />
    <div class="userlog" style="width: 100%">
        <input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_sin_envio"><span style="color:red;display:none" id="error_medios_p_mensaje">Por favor seleccioná un medio de pago</span><span id="loader_sin_envio" style="display:none"><img src="<?php echo DOCROOT?>themes/responsive/images/loadermp.gif"></span>
    </div>

    <!--<div class="mediospago uno">
        <div class="tarjetascredito">
            <p>Tarjetas de crédito <b>(Promociones de hasta 12 cuotas sin interes*)</b>:</p>
            <input type="radio" name="pago" value="visa" id="visa"><label for="visa"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" alt=""></label>
            <input type="radio" name="pago" value="master" id="master"><label for="master"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" alt=""></label>
            <input type="radio" name="pago" value="amex" id="amex"><label for="amex"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/amex.jpg" alt=""></label>
            <input type="radio" name="pago" value="naranja" id="naranja"><label for="naranja"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/naranja.jpg" alt=""></label>
            <input type="radio" name="pago" value="shopping" id="shopping"><label for="shopping"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/shopping.jpg" alt=""></label>
            <input type="radio" name="pago" value="nativa" id="nativa"><label for="nativa"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/nativa.jpg" alt=""></label>
            <input type="radio" name="pago" value="cencosud" id="cencosud"><label for="cencosud"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/cencosud.jpg" alt=""></label>
            <input type="radio" name="pago" value="cabal" id="cabal"><label for="cabal"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/cabal.jpg" alt=""></label>
            <input type="radio" name="pago" value="argencard" id="argencard"><label for="argencard"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/argencard.jpg" alt=""></label>
            <input type="radio" name="pago" value="diners" id="diners"><label for="diners"><img src="http://compunera.com.ar/themes/responsive/images/tarjetas/diners.jpg" alt=""></label>
        </div>
        <div class="cuponesdepago">
            <p>Cupon de pago en efectivo:</p>
            <input type="radio" name="pago" value="pagofacil" id="pagofacil"><label for="pagofacil"><img src="http://compunera.com.ar/themes/responsive/images/pagofacil.jpg" alt=""></label>
        </div>
    <div id="error_pago" style="display:none;text-align: center">Seleccioná el medio con el que queres pagar!</div>
    </div>-->
    <div class="popcompra"  style="border:0px;display:none" id="pop_compra">
    <div id="error_pago_2" style="color:red;display:none;text-align: center">4. Completá todos los datos obligatorios (tienen *)</div>
    <div class="mediospago">
        <h3 style="text-align:left">4. Datos de facturación:</h3>
        <form id="comprar_form_tp" action="<?php echo DOCROOT ?>validateTP.html" method="POST">
            <input type="hidden" name="ref_amt_bal" value="0">
            <input type="hidden" name="quantity" id="quantity_tp" value="1">
            <input type="hidden" name="ref_amt2" value="0">
            <input type="hidden" name="pay_mod_id" value="16">
            <input type="hidden" name="PAYMENTACTION" value="Authorization">
            <input type="hidden" name="CURRENCYCODE" value="USD">
            <input type="hidden" name="couponid_op_mp" value="">
            <input type="hidden" name="couponid_mp" id="couponid_mp" value="<?php echo $coupon_id?>">
            <input type="hidden" name="couponname_mp" id="couponname_mp" value="<?php echo $couponname?>">
            <input type="hidden" name="direccion_envio" id="direccion_envio" value="">
            <input type="hidden" name="id_envio" id="id_envio" value="">
            <?php    // formulario:
            // los campos del form serán pre-llenados con info de nuestra base de datos (el usuario puede modificar a conveniencia).
            $email = $user->email;
            $city = "";
            $fname = $user->firstname;
            $lname = $user->lastname;
            $phone = $user->mobile;
            $celular = $user->mobile;
            $zip = "";
            $address = "";
            $address2 = "";
            $ammount = $total_payable_amount.".00";
            ?>
            <br />
            <style>
                .form_purchase
                {
                    padding: 0.5em;
                }
                input {
                    padding: 0.5em;
                }
            </style>

            <ul class="camposform">
                <input type="hidden" name="CSBTCOUNTRY"  id="CSBTCOUNTRY" value="AR">
                <li>
                    <p>Email *:</p>
                    <input type="email" name="CSBTEMAIL"  id="CSBTEMAIL" value="<?=$email;?>" required style="padding: 0.2em;" />
                </li>
                <li>
                    <p>Ciudad *:</p>
                    <input type="text" name="CSBTCITY"  id="CSBTCITY"  value="<?=$city;?>" required style="padding: 0.2em;" />
                </li>
                <li>
                    <p>Nombre *:</p>
                    <input name="CSBTFIRSTNAME"  id="CSBTFIRSTNAME"  value="<?=$fname;?>" required style="padding: 0.2em;" />
                </li>
                <li>
                    <p>Apellido *:</p>
                    <input name="CSBTLASTNAME" id="CSBTLASTNAME" value="<?=$lname;?>" required style="padding: 0.2em;" />
                </li>
                <li style="margin-bottom: 4px;margin-top:8px">
                    <p>Teléfono *: </p>
                    <input type="text" name="CSBTPHONENUMBER" id="CSBTPHONENUMBER" value="<?=$phone;?>"  required style="padding: 0.2em;"  />
                </li>
                <li>
                    <p>Celular:</p>
                    <input type="text" name="CSMDD11" id="CSMDD11" value="<?=$celular;?>" style="padding: 0.2em;" />
                </li>
                <li>
                    <p>Código postal * (si no lo sabes averigualo <a href="http://wxw.oca.com.ar/contenidos_dinamicos/cpa.asp" target="_blank" style="color:blue">aquí</a>):</p>
                    <input type="text" name="CSBTPOSTALCODE" id="CSBTPOSTALCODE" value="<?=$zip;?>" required style="padding: 0.5em;" /></li>
                <li>
                    <p>Provincia:</p>
                    <select name="CSBTSTATE" id="CSBTSTATE" style="padding: 0.2em;" >
                        <option value="C">CABA</option>
                        <option value="B">Buenos Aires</option>
                        <option value="K">Catamarca</option>
                        <option value="H">Chaco</option>
                        <option value="U">Chubut</option>
                        <option value="X">Cordoba</option>
                        <option value="W">Corrientes</option>
                        <option value="E">Entre Rios</option>
                        <option value="P">Formosa</option>
                        <option value="Y">Jujuy</option>
                        <option value="L">La Pampa</option>
                        <option value="F">La Rioja</option>
                        <option value="M">Mendoza</option>
                        <option value="N">Misiones</option>
                        <option value="Q">Neuquen</option>
                        <option value="R">Rio Negro</option>
                        <option value="A">Salta</option>
                        <option value="J">San Juan</option>
                        <option value="D">San Luis</option>
                        <option value="Z">Santa Cruz</option>
                        <option value="S">Santa Fe</option>
                        <option value="G">Santiago del estero</option>
                        <option value="V">Tierra del fuego</option>
                        <option value="T">Tucuman</option>
                    </select>
                </li>

                <li>
                    <p>Domicilio *:</p>
                    <input type="text" name="CSBTSTREET1" id="CSBTSTREET1" value="<?=$address;?>" required style="padding: 0.5em;"  />
                </li>

                <li>
                    <!--<p>Dato extra del domicilio:</p>-->
                    <input type="hidden" name="CSBTSTREET2" id="CSBTSTREET2" value="<?=$address2;?>" style="padding: 0.5em;"  />
                </li>
                <input type="hidden" name="AMMOUNT" id="AMMOUNT" value="<?=$ammount;?>" >
            </ul>
        </form>
    </div>


<div class="confirmarpago">
    <div class="btnconfirmar">
    <form id="comprar_form_n" action="<?php echo DOCROOT?>validateMP.html" method="POST">
        <input type="hidden" name="ref_amt_bal" value="0">
        <input type="hidden" name="quantity" id="quantity" value="1">
        <input type="hidden" name="ref_amt2" value="0">
        <input type="hidden" name="pay_mod_id" value="16">
        <input type="hidden" name="PAYMENTACTION" value="Authorization">
        <input type="hidden" name="CURRENCYCODE" value="USD">
        <input type="hidden" name="couponid_op_mp" value="">
        <input type="hidden" name="couponid_mp" id="couponid_mp" value="<?php echo $coupon_id?>">
        <input type="hidden" name="couponname_mp" id="couponname_mp" value="<?php echo $couponname?>">
        <input type="hidden" name="direccion_envio" id="direccion_envio" value="">
        <input type="hidden" name="id_envio" id="id_envio" value="">
    </form>
    <form id="comprar_form_pf_n" action="<?php echo DOCROOT?>validatePF.html" method="POST">
        <input type="hidden" name="quantity" id="quantity_pf" value="1">
        <input type="hidden" value="0" name="ref_amt_bal" id="ref_amt_bal2_pagofacil">
        <input type="hidden" name="ref_amt2" id="ref_amt_pagofacil" value="0">
        <input type="hidden" value="13" name="pay_mod_id">
        <input type="hidden" name="PAYMENTACTION" value="Authorization">
        <input type="hidden" name="CURRENCYCODE" value="USD">
        <input type="hidden" name="couponid_pagofacil" id="couponid_pagofacil" value="<?php echo $coupon_id?>">
        <input type="hidden" name="couponname_pagofacil" id="couponname_pagofacil" value="<?php echo $couponname?>">
        <input type="hidden" name="direccion_envio" id="direccion_envio_pf" value="">
        <input type="hidden" name="id_envio_pf" id="id_envio_pf" value="">
    </form>



    <a href="javascript:;" id="confirmar" >Ir a Pagar</a>

    <div class="escuditosconf">
        <p><img src="<?php echo DOCROOT?>themes/responsive/images/queja.svg" alt="">Sitio 100%<br> responsive</p>
        <p><img src="<?php echo DOCROOT?>themes/responsive/images/devolucion.svg" alt="">Compra con<br>seguro de devolucion</p>
        <p><img src="<?php echo DOCROOT?>themes/responsive/images/candado.svg" alt="">Sitio<br>100% seguro</p>
    </div>
</div>
</div>
</div>



</div>
</div>
    </aside>


<script type="text/javascript">

setTimeout(function () {
    location.reload();
}, 420000 );

$(document).ready(function(){
    pp_auxi = '<?php echo $total_payable_amount?>';
    $("#1p_cuotas").html(parseInt(pp_auxi-(pp_auxi*0.10)));
    $("#1p_pagofacil").html(parseInt(pp_auxi-(pp_auxi*0.10)));
    auxi_precio = pp_auxi / 3;
    $("#3p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = pp_auxi / 6;
    $("#6p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = pp_auxi / 12;
    $("#12p_cuotas").html(auxi_precio.toFixed(2));


    $("#add").click(function(){
        var newQty = +($("#cant").val()) + 1;
        if(newQty > 99)newQty = 99;
        $("#cant").val(newQty);
        precio = $("#precio_unitario").val() * $("#cant").val();
        $("#precio_mostrado").html("$"+precio);
        precio_cuotas = precio / 12;
        precio_cuotas = precio_cuotas.toFixed(2);
        $("#AMMOUNT").val(precio+".00");
        $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
        precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
        precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);

        $("#1p_cuotas").html(parseInt(precio-(precio*0.10)));
        $("#1p_pagofacil").html(parseInt(precio-(precio*0.10)));
        auxi_precio = precio / 3;
        $("#3p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 6;
        $("#6p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 12;
        $("#12p_cuotas").html(auxi_precio.toFixed(2));

        var dias_entrega;
        if (parseInt($('#codigop').val()) > 1900)
        {
            dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
        }
        else
        {
            dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
        }

        if($("#total_pagar").html() != "")
        {
            $("#valor_precio_envio").val(precio_envio_cantidad);
            $("#precio_envio_total").html("Costo de envío Total: $" + precio_envio_cantidad);
            $("#total_pagar").html("Total a pagar: $" + precio_envio_included + "<br />" + dias_entrega);
        }
        $("#quantity_tp").val($("#cant").val());
        $("#quantity_pf").val($("#cant").val());
        $("#quantity").val($("#cant").val());
    });

    $("#minus").click(function(){
        var newQty = +($("#cant").val()) - 1;
        if(newQty < 1)newQty = 1;
        $("#cant").val(newQty);

        precio = $("#precio_unitario").val() * $("#cant").val();
        $("#AMMOUNT").val(precio+".00");

        $("#precio_mostrado").html("$"+precio);
        precio_cuotas = precio / 12;
        precio_cuotas = precio_cuotas.toFixed(2);
        $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
        precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
        precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);


        $("#1p_cuotas").html(parseInt(precio-(precio*0.10)));
        $("#1p_pagofacil").html(parseInt(precio-(precio*0.10)));
        auxi_precio = precio / 3;
        $("#3p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 6;
        $("#6p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 12;
        $("#12p_cuotas").html(auxi_precio.toFixed(2));

        var dias_entrega;
        if (parseInt($('#codigop').val()) > 1900)
        {
            dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
        }
        else
        {
            dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
        }
        if($("#total_pagar").html() != "")
        {
            $("#valor_precio_envio").val(precio_envio_cantidad);
            $("#precio_envio_total").html("Costo de envío Total: $" + precio_envio_cantidad);
            $("#total_pagar").html("Total a pagar: $" + precio_envio_included + "<br />" + dias_entrega);
        }
        $("#quantity_tp").val($("#cant").val());
        $("#quantity_pf").val($("#cant").val());
        $("#quantity").val($("#cant").val());
    });
    $("#cant").val("1");
    $("#quantity_tp").val("1");
    $("#quantity_pf").val("1");
    $("#quantity").val("1");
});
$("input[name='pago']").click(function(){
    $("#pop_compra").css("display", "none");
})
$("#continuar_sin_envio").click(function(){

    if ($("input[name='pago']:checked").val() != "tp" && $("input[name='pago']:checked").val() != "mp" && $("input[name='pago']:checked").val() != "pagofacil")
    {
        $("#error_medios_p_mensaje").css("display", "block");
        $("#error_medios_p").css("border", "1px solid red");
    }
    else
    {
        $("#error_medios_p_mensaje").css("display", "none");
        $("#error_medios_p").css("border", "0px");
        if($("input[name='pago']:checked").val() == "tp") {
            $("#pop_compra").css("display", "block");
            $('html, body').animate({
                scrollTop: $("#continuar_sin_envio").offset().top
            }, 2000);
        }
        if($("input[name='pago']:checked").val() == "mp") {
            $("#continuar_sin_envio").addClass("loading");
            $("#loader_sin_envio").show();

            var newQty = $("#cant").val();
            if(newQty > 99)newQty = 99;
            $("#cant").val(newQty);
            precio = $("#precio_unitario").val() * $("#cant").val();
            $("#precio_mostrado").html("$"+precio);
            precio_cuotas = precio / 12;
            precio_cuotas = precio_cuotas.toFixed(2);
            $("#AMMOUNT").val(precio+".00");
            $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
            precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
            precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);

            $("#1p_cuotas").html(parseInt(precio-(precio*0.10)));
            $("#1p_pagofacil").html(parseInt(precio-(precio*0.10)));
            auxi_precio = precio / 3;
            $("#3p_cuotas").html(auxi_precio.toFixed(2));
            auxi_precio = precio / 6;
            $("#6p_cuotas").html(auxi_precio.toFixed(2));
            auxi_precio = precio / 12;
            $("#12p_cuotas").html(auxi_precio.toFixed(2));

            $("#comprar_form_n").submit();
        }
        if($("input[name='pago']:checked").val() == "pagofacil") {
            $("#continuar_sin_envio").addClass("loading");
            $("#loader_sin_envio").show();
            $("#comprar_form_pf_n").submit();
        }
    }

});
$("#consultar_envio").click(function(){
    $("#consultar_envio").addClass("loading");
    $("#precio_envio").html("Costo de envío: Calculando...");
    $.getJSON("<?php echo DOCROOT?>fastmail/enviarpedido.php?postal="+$('#codigop').val(),
        function(data){
            if(data.precio != false) {
                var precio = parseInt(data.precio);
                var tot = parseInt(data.precio) * parseInt($("#cant").val()) + parseInt($("#precio_unitario").val()) *  parseInt($("#cant").val());
                $("#precio_envio").html("Costo de envío x unidad: " + data.moneda + precio);
                precio_envio_cantidad = parseInt(data.precio) * parseInt($("#cant").val());
                $("#precio_envio_total").html("Costo de envío Total: " + data.moneda + precio_envio_cantidad);
                $("#valor_precio_envio").val(precio);
                $("#valor_precio_envio_unit").val(precio);
                var dias_entrega;
                if (parseInt($('#codigop').val()) > 1900)
                {
                    dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
                }
                else
                {
                    dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
                }
                $("#total_pagar").html("Total a pagar: $" + tot + "<br />" + dias_entrega);
                $("#AMMOUNT").val(tot+".00");
                $("#precio_envio").css("color", "black");
                $("#codigo_postal").html($("#codigop").val());
                if ($("#valor_precio_envio").val() != 0) {
                    $("#boton_continuar").css("display", "block");
                }
            }
            else
            {
                $("#precio_envio").css("color", "red");
                $("#precio_envio").html("Costo de envío: El código es incorrecto debe ser numerico de 4 digitos");
                $("#precio_envio_total").html("");
                $("#total_pagar").html("");
                $("#codigo_postal").html("");
                $("#datos_envio").css("display","none");
                $("#valor_precio_envio").val(0);
                $("#valor_precio_envio_unit").val(0);
                $("#boton_continuar").css("display", "none");
            }

            $("#consultar_envio").removeClass("loading");
        });
});
$("#continuar_envio").click(function(){
    $("#datos_envio").css("display", "block");
    $("#codigo_postal").html($("#codigop").val());
    $('html, body').animate({
        scrollTop: $("#boton_continuar").offset().top
    }, 2000)


});

$("#continuar_tarjeta").click(function(){

    if($("#codigo_postal").html() == '' || $("#calle").val() == ''  ||    $("#numero").val() == ''  ||    $("#provincia").val() == '' || $("#ciudad").val() == '')
    {
        $("#error_envio").css("display","block");
    }
    else
    {
        $("#pop_compra").css("display","block");
        $('html, body').animate({
            scrollTop: $("#continuar_tarjeta").offset().top
        }, 2000)
    }
});
$("#confirmar").click(function() {
    var newQty = $("#cant").val();
    if(newQty > 99)newQty = 99;
    $("#cant").val(newQty);
    precio = $("#precio_unitario").val() * $("#cant").val();
    $("#precio_mostrado").html("$"+precio);
    precio_cuotas = precio / 12;
    precio_cuotas = precio_cuotas.toFixed(2);
    $("#AMMOUNT").val(precio+".00");
    $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
    precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
    precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);

    $("#1p_cuotas").html(parseInt(precio-(precio*0.10)));
    $("#1p_pagofacil").html(parseInt(precio-(precio*0.10)));
    auxi_precio = precio / 3;
    $("#3p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = precio / 6;
    $("#6p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = precio / 12;
    $("#12p_cuotas").html(auxi_precio.toFixed(2));




    email_valido = isValidEmailAddress($("#CSBTEMAIL").val());
    $("#CSBTPHONENUMBER").val( $("#CSBTPHONENUMBER").val().replace(/ +?/g, ''));
    if ($("input[name='pago']:checked").val() == "mp" || $("input[name='pago']:checked").val() == "pf" || $("#CSBTCITY").val() != "" && $("#CSBTEMAIL").val() != "" && $("#CSBTFIRSTNAME").val() != "" && $("#CSBTLASTNAME").val() != "" && $("#CSBTPHONENUMBER").val() != "" && $("#CSBTPOSTALCODE").val() != ""  && $("#CSBTSTATE").val() != ""  && $("#CSBTSTREET1").val() != "" && email_valido)
    {
        if ($("input[name='pago']:checked").val()) // si cliqueó
        {
            $("#confirmar").addClass("loading");
            $("#direccion_envio").val($("#direccion").val());
            $("#direccion_envio_pf").val($("#direccion").val());
            if ($("input[name='pago']:checked").val() != "pagofacil") //mp o tp
            {
                <?php if(!empty($dataenvio)) {   ?>
                $.getJSON("<?php echo DOCROOT?>ajax.html?operation=15&calle=" + $('#calle').val() + "&numero=" + $('#numero').val() + "&piso=" + $('#piso').val() + "&depto=" + $('#depto').val() + "&ciudad=" + $('#ciudad').val() + "&codigo_postal=" + $('#codigo_postal').html() + "&info_adicional=" + $('#info_adicional').val() + "&provincia=" + $('#provincia').val() + "&telefono=" + $('#telefono').val() + "&precio=" + $('#valor_precio_envio').val() + "&email=<?php echo $user->email?>&cantidad=" + $('#cant').val(),
                    function (data) {
                        if (data.id_pedido) {
                            $('#id_envio').val(data.id_pedido);
                            //$("#comprar_form_n").submit();
                            $("#comprar_form_tp").submit();
                        }
                    }
                )
                <?php
                        }
                        else
                        {
                ?>
                $('#id_envio').val("");
                //$("#comprar_form_n").submit();
                if ($("input[name='pago']:checked").val() == "tp") {
                    $("#comprar_form_tp").submit();
                }
                else
                {
                    if ($("input[name='pago']:checked").val() == "mp") {
                        $("#comprar_form_n").submit();
                    }
                }
                <?php
            }
                ?>
            }
            else // pagofacil
            {
                <?php if(!empty($dataenvio)) {   ?>
                $.getJSON("<?php echo DOCROOT?>ajax.html?operation=15&calle=" + $('#calle').val() + "&numero=" + $('#numero').val() + "&piso=" + $('#piso').val() + "&depto=" + $('#depto').val() + "&ciudad=" + $('#ciudad').val() + "&codigo_postal=" + $('#codigo_postal').html() + "&info_adicional=" + $('#info_adicional').val() + "&provincia=" + $('#provincia').val() + "&telefono=" + $('#telefono').val() + "&precio=" + $('#valor_precio_envio').val() + "&email=<?php echo $user->email?>&cantidad=" + $('#cant').val(),
                    function (data) {
                        if (data.id_pedido) {
                            $('#id_envio_pf').val(data.id_pedido);
                            $("#comprar_form_pf_n").submit();
                        }
                    }
                )
                <?php
                            }
                            else
                            {
                ?>
                $('#id_envio_pf').val("");
                $("#comprar_form_pf_n").submit();
                <?php
                            }
                ?>

            }
        }
        else {
            $(".uno").css("border", "2px solid red");
            $("#error_pago").css("color", "red");
            $("#error_pago").css("display", "block");
            $("#error_pago_2").css("display", "none");
            $('html,body').animate({
                    scrollTop: $(".uno").offset().top
                    },
                    'slow'
            );
        }
    }
    else
    {
        $(".uno").css("border", "0px");
        $("#error_pago").css("display", "none");
        $("#error_pago_2").css("display", "block");

        if($("#CSBTCITY").val() == "")
        {
            $("#CSBTCITY").css("border-color","red");
        }
        else
        {
            $("#CSBTCITY").css("border-color","grey");
        }
        if($("#CSBTEMAIL").val() == "" || !email_valido)
        {
            $("#CSBTEMAIL").css("border-color","red");
        }
        else
        {
            $("#CSBTEMAIL").css("border-color","grey");
        }
        if($("#CSBTFIRSTNAME").val() == "")
        {
            $("#CSBTFIRSTNAME").css("border-color","red");
        }
        else
        {
            $("#CSBTFIRSTNAME").css("border-color","grey");
        }

        if($("#CSBTLASTNAME").val() == "")
        {
            $("#CSBTLASTNAME").css("border-color","red");
        }
        else
        {
            $("#CSBTLASTNAME").css("border-color","grey");
        }

        if($("#CSBTPHONENUMBER").val() == "")
        {
            $("#CSBTPHONENUMBER").css("border-color","red");
        }
        else
        {
            $("#CSBTPHONENUMBER").css("border-color","grey");
        }
        if($("#CSBTPOSTALCODE").val() == "")
        {
            $("#CSBTPOSTALCODE").css("border-color","red");
        }
        else
        {
            $("#CSBTPOSTALCODE").css("border-color","grey");
        }

        if($("#CSBTSTATE").val() == "")
        {
            $("#CSBTSTATE").css("border-color","red");
        }
        else
        {
            $("#CSBTSTATE").css("border-color","grey");
        }
        if($("#CSBTSTREET1").val() == "")
        {
            $("#CSBTSTREET1").css("border-color","red");
        }
        else
        {
            $("#CSBTSTREET1").css("border-color","grey");
        }
    }
});


$("#confirmar_todopago").click(function()
{

    $("#todopago_frame").show();

});


$("#enviar_tp").click(function()
{

    $("#comprar_form_tp").submit();


});

function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
}
</script>
<?php
// funciones
function removepaypal($val){
    if($val['name']=='paypal'){

    }else{
        return $val['name'];
    }
}

		function checkpaypal($val){
            if($val['name']=='paypal'){
                return $val;
            }else{

            }
        }

		function filter_by_value ($array, $index, $value){
            if(is_array($array) && count($array)>0)
            {
                foreach(array_keys($array) as $key){
                    $temp[$key] = $array[$key][$index];

                    if ($temp[$key] == $value){
                        $newarray[$key] = $array[$key];
                    }
                }
            }
            return $newarray;
        }

?>