﻿.CreditCard html,.CreditCard body,.CreditCard div, .CreditCard span, .CreditCard applet,.CreditCard object,.CreditCard iframe,.CreditCard h1,.CreditCard h2,.CreditCard h3,.CreditCard h4,.CreditCard h5,.CreditCard h6,.CreditCard p,.CreditCard blockquote,.CreditCard pre,.CreditCard a,.CreditCard abbr,.CreditCard acronym,.CreditCard address,.CreditCard big,.CreditCard cite,.CreditCard code,.CreditCard del,.CreditCard dfn,.CreditCard em,.CreditCard img,.CreditCard ins,.CreditCard kbd,.CreditCard q,.CreditCard s,.CreditCard samp,.CreditCard small,.CreditCard strike,.CreditCard strong,.CreditCard sub,.CreditCard sup,.CreditCard tt,.CreditCard var,.CreditCard b,.CreditCard u,.CreditCard i,.CreditCard center,.CreditCard dl,.CreditCard dt,.CreditCard dd,.CreditCard ol,.CreditCard ul,.CreditCard li,.CreditCard fieldset,.CreditCard form,.CreditCard label,.CreditCard legend,.CreditCard table,.CreditCard caption,.CreditCard tbody,.CreditCard tfoot,.CreditCard thead,.CreditCard tr,.CreditCard th,.CreditCard td,.CreditCard article,.CreditCard aside,.CreditCard canvas,.CreditCard details,.CreditCard embed,.CreditCard figure,.CreditCard figcaption,.CreditCard footer,.CreditCard header,.CreditCard hgroup,.CreditCard menu,.CreditCard nav,.CreditCard output,.CreditCard ruby,.CreditCard section,.CreditCard summary,.CreditCard time,.CreditCard mark,.CreditCard audio,.CreditCard video {
    margin:0;
    padding:0;border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}

.CreditCard article,.CreditCard aside,.CreditCard details,.CreditCard figcaption,.CreditCard figure,.CreditCard footer,.CreditCard header,.CreditCard hgroup,.CreditCard menu,.CreditCard nav,.CreditCard section {
    display:block
}
.CreditCard body {
    line-height:1
}
.CreditCard ol,.CreditCard ul {
    list-style:none
}.CreditCard blockquote,.CreditCard q {
     quotes:none
}
.CreditCard blockquote:before,.CreditCard blockquote:after,.CreditCard q:before,.CreditCard q:after {
    content:'';content:none
}
.CreditCard table {
    border-collapse:collapse;border-spacing:0
}
.CreditCard body {
    color:#333;font-family:"Helvetica Neue",Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:16px;line-height:32px;padding:16px
}
.CreditCard a {
    color:#17d;text-decoration:none
}
.CreditCard a:hover {
    border-bottom:1px solid #17d
}
.CreditCard a.button {
    background:-webkit-gradient(linear,left top,left bottom,from(#3290ef),to(#17d));background:-webkit-linear-gradient(#3290ef,#17d);background:-moz-linear-gradient(#3290ef,#17d);background:-ms-linear-gradient(#3290ef,#17d);background:-o-linear-gradient(#3290ef,#17d);background:linear-gradient(#3290ef,#17d);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#0f6ac5;color:#fff;display:block;border-bottom:2px solid #0d5dae;font-size:24px;line-height:62px;padding:0 30px;text-align:center;text-shadow:0 1px rgba(0,0,0,0.4)
}
.CreditCard a.button:hover {
    background:-webkit-gradient(linear,left top,left bottom,from(#499df1),to(#1a84ed));background:-webkit-linear-gradient(#499df1,#1a84ed);background:-moz-linear-gradient(#499df1,#1a84ed);background:-ms-linear-gradient(#499df1,#1a84ed);background:-o-linear-gradient(#499df1,#1a84ed);background:linear-gradient(#499df1,#1a84ed);border-bottom-color:#0f6ac5;color:#fff
}
.CreditCard a.button:active{-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.4);box-shadow:inset 0 1px 5px rgba(0,0,0,0.4);border-bottom:0;margin-top:2px}.CreditCard h1{font-size:56px;font-weight:200;line-height:64px}.CreditCard h2{color:#888;font-family:serif;font-size:20px;font-style:italic;margin-bottom:32px}.CreditCard h3{font-weight:600;text-transform:uppercase}.CreditCard p{color:#707070;margin-bottom:32px}.CreditCard .list{color:#707070;font-size:14px;list-style:disc;margin-bottom:32px;margin-left:25px}.CreditCard .list .list{margin-bottom:0}.CreditCard code{background-color:#f5f5f5;border:1px solid #ddd;color:#555;font-family:monospace;font-size:14px}.CreditCard pre code{display:block;line-height:20px;margin-bottom:32px;overflow:scroll;padding:14px 20px}.CreditCard p+pre code{margin-top:-32px}.CreditCard .demo .numbers{background-color:#ffd;border:1px solid #eec;margin-bottom:32px;padding:16px 20px}.CreditCard .demo .numbers p{margin-bottom:0}.CreditCard .demo .numbers .list{margin-bottom:0}.CreditCard .example{clear:both;margin-bottom:32px}.CreditCard .cards{overflow:hidden}.CreditCard .cards li{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-image:url(../Images/card_logos1.png);background-position:0 0;float:left;height:32px;margin-right:8px;text-indent:-9999px;width:51px}.CreditCard .cards li:last-child{margin-right:0}.CreditCard .cards .visa_electron{background-position:902px 0}.CreditCard .cards .mastercard{background-position:851px 0}.CreditCard .cards .amex{background-position:749px 0}.CreditCard .cards .diners{background-position:749px 0}.CreditCard .cards .visa.off{background-position:0 -32px}.CreditCard .cards .visa_electron.off{background-position:902px -32px}.CreditCard .cards .mastercard.off{background-position:851px -32px}.CreditCard .cards .amex.off{background-position:749px -31px}.CreditCard .cards .diners.off{background-position:749px -31px}.CreditCard{-webkit-box-shadow:0 1px 3px #bbb;-moz-box-shadow:0 1px 3px #bbb;box-shadow:0 1px 3px #bbb;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));background:-webkit-linear-gradient(#fff,#f5f5f5);background:-moz-linear-gradient(#fff,#f5f5f5);background:-ms-linear-gradient(#fff,#f5f5f5);background:-o-linear-gradient(#fff,#f5f5f5);background:linear-gradient(#fff,#f5f5f5);background-color:#f8f8f8;border:5px solid #fff;margin:0 auto 32px;padding:12px 24px 24px;width:710px}.CreditCard h2{color:#555;font-family:"Helvetica Neue",Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;margin-bottom:0}.CreditCard li{margin:8px 0}.CreditCard label{color:#555;display:block;font-size: 14px;margin-right:20px}.CreditCard label small{color:#aaa;font-size:11px;line-height:11px;text-transform:uppercase}.CreditCard input{-webkit-box-shadow:inset 0 1px 3px -1px #aaa;margin-right:20px;-moz-box-shadow:inset 0 1px 3px -1px #aaa;box-shadow:inset 0 1px 3px -1px #aaa;border:1px solid #aaa;border-color:#aaa #ddd #ddd #aaa;color:#333;display:block;height:21px;padding:0 5px;width:200px;-moz-box-sizing:content-box}.CreditCard input.valid{background:url(../Images/tick.png) 133px center no-repeat}.CreditCard .vertical{overflow:hidden}.CreditCard .vertical li{float:left;width:140px}.CreditCard .vertical li .or{color:#aaa;float:left;font-size:12px;margin-left:-8px;margin-top:32px}.CreditCard .vertical li:last-child{float:right;text-align:right}.CreditCard .vertical li:last-child input{float:right}.CreditCard .vertical input{width:68px}.CreditCard .footer{font-size:12px;text-align:center}.CreditCard .fork_me{right:0;position:absolute;top:0}.CreditCard .fork_me a:hover{border:0}@media screen and (max-width:767px){.CreditCard .demo .numbers ul{margin-left:0;overflow:hidden}.CreditCard .demo .numbers ul li{float:left;margin-left:24px}}@media screen and (min-width:768px){.CreditCard body{margin:0}.CreditCard #container{margin:32px auto;width:700px}.CreditCard{float:left;margin:0 0 32px}.CreditCard .demo .numbers{float:right}.CreditCard .download{clear:both}}


.CreditCard .cards .VISA 
{

    background-position: 902px 0;
    
}

.CreditCard input.validCVC{background:url(../Images/tick.png) 38px center no-repeat}

.CreditCard input.validExpiryDate{background:url(../Images/tick.png) 44px center no-repeat}

.CreditCard select{-webkit-box-shadow:inset 0 1px 3px -1px #aaa;margin-right:20px;-moz-box-shadow:inset 0 1px 3px -1px #aaa;box-shadow:inset 0 1px 3px -1px #aaa;border:1px solid #aaa;border-color:#aaa #ddd #ddd #aaa;color:#333;display:block;height:21px;padding:0 5px;width:100px;-moz-box-sizing:content-box}

.CreditCard input.invalid{ background: url(../Images/cancel.png) 138px center no-repeat;
                           background-size: 15px 15px;}

.CreditCard input.invalidFecha{ background: url(../Images/cancel.png) 44px center no-repeat;
                           background-size: 15px 15px;}
                           
.CreditCard input.invalidCVC{ background: url(../Images/cancel.png) 38px center no-repeat;
                           background-size: 15px 15px;}