/*Todos los elementos a 0*/
#carro * {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    position: relative
    }
/*!!!!!!!clear floats (FIREFOX) !!!!!!!!!*/
#carro .modCarro:after, #carro p span.radioSet:after, #carro checkboxSet:after {
    content: "fraggin";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
    }
/*/////////////////////////////////////////////////////////////////////////////*/
/*titulos*/
#carro .modCarro h3 {
    margin: 0 0 10px;
    padding: 0;
    background: transparent /*#000fff*/
    }
#carro .modCarro h3 span {
    padding: 4px 10px 4px 10px !important;
    width: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: -1px;
    color: #fff;
    border-style: none;
    display: block;
    overflow: visible;
    visibility: visible;
    background: /*#303030*/ #8B8A8A
    }
/*links*/
#carro a:link, #carro a:visited {
    font-weight: bold;
    font-size: 11px;
    color: #4475A8
    }
#carro a:hover, #carro a:active {
    color: #D21F1F
    }
/*Parrafos*/
#carro p, #carro ul {
    padding: 0 10px 8px 10px !important;
    /*background: #00FF78;*/
    color: #51524C;
    font-size: 12px;
    line-height: 13px
    }
#carro table td, #carro table th, #carro br, #carro ul li {
    padding: 0 0 2px 0 !important;
    font-size: 12px;
    line-height: 13px;
    color: #51524C;
    /*background: #00ff00;*/
    }
#carro .warn {
    color: #D21F1F
    }
/*listados*/
/*tablas*/
#carro td a:link, #carro td a:visited, #carro td a:hover, #carro td a:active {
    text-decoration: none
    }
/*formularios*/
#carro .modCarro form {
    margin: 0 0 0 0;
    /*background: #FF6C00;*/
    }
#carro .modCarro form fieldset {
    display: block;
    /*background: #000000;*/
    }
#carro .modCarro form p {
    height: 1%;
    /*background: #FF6C00;*/
    overflow: hidden
    }
#carro .modCarro .formCol p {
    padding-bottom: 3px !important
    }
#carro .modCarro .formCol p.plainText {
    padding-bottom: 8px !important
    }
#carro .modCarro form fieldset label {
    padding: 0 0 2px 2px !important;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #51524C;
    /*background: #0f00f0;*/
    display: block !important;
    position: relative
    }
/*Asteriscos*/
#carro .modCarro form fieldset label span, #carro .modCarro p span.asterisco {
    font-size: 20px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: 0;
    vertical-align: -5px;
    color: #303030
    }
/*Errores*/
#carro .modCarro form b.error {
    margin-top: -2px;
    padding: 0 0 2px 2px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 11px;
    color: #D21F1F;
    /*background: #CBCD22;*/
    display: block;
    overflow: hidden;
    position: relative
    }
#carro .modCarro form b.error br {
    display: none
    }
* html #carro .modCarro form b.error {
    /*Explorer 6*/
    ma\rgin-top: 0
    }
#carro input, #carro select, #carro textarea, #carro .input, #carro .select, #carro .textarea {
    padding: 2px 2px 0 2px;
    height: 15px;
    width: 97%;
    border-style: solid;
    border-color: #CCD0C0;
    border-width: 1px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    background: #fff;
    color: #5E646D
    }
#carro input:focus, #carro select:focus, #carro textarea:focus {
    background: #DDD
    }
#carro input.hide {
    display: none !important
    }
#carro textarea, #carro .textarea {
    height: 100px
    }
#carro select, #carro .select {
    margin: 0 0;
    padding: 0 0;
    width: 99%;
    padding: 0;
    height: 19px
    }
/*radio y CheckBox*/
#carro form p span.radioSet, #carro form .checkboxSet {
    margin-bottom: 5px;
    padding: 7px 6px 6px 6px !important;
    height: 1%;
    border-style: solid;
    border-width: 1px;
    border-color: #9D9D9D;
    background: #D9D7D7;
    /*background: #000fff;*/
    display: block;
    overflow: hidden
    }
#carro form .checkboxSet {
    background-color: transparent;
    border-style: none
    }
#carro form span.radioSet .sideText, #carro form .checkboxSet .sideText {
    padding: 0 8px 4px 5px !important;
    width: auto;
    height: 1%;
    /*background: #f00f00 !important;*/
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    display: block;
    position: static;
    overflow: hidden
    }
#carro span.sideText strong {
    padding: 0 0 3px 0;
    font-size: 12px;
    line-height: 13px;
    display: block
    }
#carro .radio, #carro form .checkboxSet input {
    margin-top: 2px !important;
    padding: 1px !important;
    width: auto !important;
    height: auto !important;
    border-style: none !important;
    background-color: transparent !important;
    display: block !important;
    float: left !important;
    position: relative
    }
* html #carro .radio, * html #carro form .checkboxSet input {
    /*Explorer 6*/
    ma\rgin: 1px 0 0 !important;
    padd\ing: 0 0 !important;
    w\idth: 14px !important;
    he\ight: 14px !important
    }
*:first-child + html #carro .radio, *:first-child + html #carro form .checkboxSet input {
    /*explorer 7*/
    margin: 1px 0 0 !important;
    padding: 0 0 !important;
    width: 14px !important;
    height: 14px !important
    }
/*Botones*/
#carro .modCarro form p.buttons {
    padding: 5px 10px 5px 10px !important;
    width: auto;
    /*background: #fff000;*/
    overflow: hidden
    }
#carro .modCarro form p.buttons.clearAll {
    clear: both
    }
#carro .submitButton {
    margin: 4px 0 1px auto !important;
    padding: 0 0 0 0 !important;
    width: 150px;
    height: 20px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #9D9D9D !important;
    background: #B8B7B7 !important;
    display: block !important;
    cursor: pointer
    }
#carro .submitButton:active {
    margin: 5px 0 0 auto !important
    }
#carro .submitButton span {
    margin: 0 0 !important;
    padding: 2px 10px 3px;
    width: auto !important;
    height: 13px !important;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 11px !important;
    font-weight: bold;
    /*background: #00ff00;*/
    display: block !important;
    position: relative !important;
    visibility: visible
    }
/*Modulos Carro*/
#carro .modCarro {
    margin-bottom: 10px;
    padding: 10px 0 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #BEBEBE;
    background: /*#00ffff*/ #EDEAEA
    }
/*Flias*/
.modCarro .carroRow {
    padding: 0 10px 5px 10px !important;
    height: 1%;
    /*background: #0ff0ff;*/
    overflow: hidden
    }
/*Columnas*/
.modCarro .carroCol {
    width: 48%;
    float: left
    }
.modCarro .carroColLast {
    width: 48%;
    float: right
    }
/*Formularios con texto Ayuda*/
.modCarro .formColAyuda {
    width: 48%;
    float: right
    }
.modCarro .formCol {
    width: 48%;
    float: left
    }
.modCarro .formColLast {
    width: 48%;
    float: right
    }
/*Tabla carro*/
#carro .modCarro table {
    margin: 0 0 5px 0 !important;
    width: 100%;
    height: auto;
    border-style: solid;
    border-color: #9D9D9D;
    border-width: 1px 0 0 1px !important;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #9D9D9D
    }
#carro .modCarro table tr th {
    padding: 2px 0 2px 0 !important;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-style: solid;
    border-color: #9D9D9D;
    border-width: 0 1px 1px 0 !important;
    border-collapse: separate !important;
    background: #C1C1C1;
    position: static
    }
#carro .modCarro table th b {
    padding: 0 5px 0 5px !important;
    /*background: #f00f00;*/
    display: block
    }
#carro .modCarro table tr td {
    padding: 5px 4px 4px !important;
    font-size: 11px;
    line-height: 12px;
    border-style: solid;
    border-color: #9D9D9D !important;
    border-width: 0 1px 1px 0 !important;
    border-collapse: collapse !important;
    background: #EDEAEA;
    position: static
    }
/*Borrar Item*/
#carro .modCarro table td.deleteItem, #carro .modCarro table td.cantidad {
    padding: 2px 4px 2px !important
    }
#carro .modCarro table td.deleteItem form {
    margin: 0 !important;
    padding: 0 !important;
    width: 54px !important;
    /*background: #00ff00;*/
    }
/*referencia*/
#carro .modCarro table td.ref {
    text-align: center
    }
/*cambiar cantidad*/
#carro .modCarro table td.cantidad form {
    margin: 0 0 0 0 !important;
    padding: 0 0 !important;
    width: 80px;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap;
    /*background: #00ff00;*/
    }
#carro .modCarro table form input {
    margin: 1px 2px 1px 0 !important;
    width: 15px !important;
    height: 12px;
    font-size: 10px;
    line-height: 11px;
    float: left;
    display: block;
    position: relative
    }
/*Botones*/
/*cambiar y borrar*/
#carro .modCarro table form .submitButton.cambiar, #carro .modCarro table .submitButton.borrar {
    margin: 1px 0 0 0 !important;
    padding: 1px 0 0 0 !important;
    top: 0 !important;
    width: 54px !important;
    height: 16px !important;
    border-style: solid !important;
    border-width: 1px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    float: left;
    position: relative !important
    }
#carro .modCarro table td a {
    height: 1%;
    width: 54px;
    display: block;
    position: relative !important
    }
#carro .modCarro table form .submitButton.cambiar:active, #carro .modCarro table .submitButton.borrar:active {
    margin: 2px 0 0 0 !important;
    padding: 1px 0 0 0 !important;
    float: left
    }
#carro .modCarro table form .submitButton.cambiar span, #carro .modCarro table .submitButton.borrar span {
    margin: 0 0 !important;
    padding: 0 1px !important;
    height: 13px !important;
    font-weight: normal;
    font-size: 10px !important;
    line-height: 10px !important;
    /*background: #00ff00;*/
    display: block !important
    }
/*Descripcion*/
#carro .modCarro table th.descripcion {
    width: 100%;
    text-align: left;
    /*background: #00ff00;*/
    }
/*Precio Unidad*/
#carro .modCarro table th.pvpUd {
    white-space: nowrap;
    /*background: #00ff00;*/
    }
/*valor*/
#carro .modCarro table td.valor {
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0;
    word-spacing: -3px;
    font-weight: bold
    }
/*totales*/
#carro .modCarro table tr.subTotal td, #carro .modCarro table tr.total td {
    background: #D9D7D7
    }
#carro .modCarro table tr.total td {
    padding-top: 8px !important
    }
#carro .modCarro table tr.subTotal td.valor {
    padding-top: 2px !important;
    font-size: 13px;
    line-height: 14px;
    word-spacing: -3px;
    background: #C1C1C1
    }
#carro .modCarro table tr.total td.valor {
    padding-top: 2px !important;
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -1px;
    word-spacing: -3px;
    background: #C1C1C1
    }
/*Deireccion de envio - Opciones*/
#carro .checkOptions {
    margin-top: 5px
    }
#carro .modCarro .formCol .checkOptions p {
    padding-bottom: 8px !important;
    /*background: #00ffff;*/
    }
#carro .checkOptions ul li {
    background-image: none;
    /*background-color: #00ff00;*/
    display: block
    }
#carro .checkOptions ul li label {
    height: 1%;
    font-weight: normal !important;
    /*background: #ff0000;*/
    }
#carro .checkOptions ul li input {
    margin: 0 4px 0 0 !important;
    padding: 1px !important;
    width: auto;
    height: auto;
    border-style: none;
    background: transparent;
    display: block !important;
    float: left !important
    }
* html #carro .checkOptions ul li input {
    /*Explorer 6*/
    ma\rgin: -3px 0 0 -3px !important
    }
*:first-child + html #carro .checkOptions ul li input {
    /*explorer 7*/
    margin: -3px 0 0 -3px !important
    }
/*Pago*/
.modCarro select#id_expiration_0 {
    width: 40px
    }
.modCarro select#id_expiration_1 {
    width: 60px
    }
.modCarro input#id_ccv_number {
    width: 103px
    }
/*Pago - Registro Cliente*/
.modCarro .carroDestacado {
    padding: 0 10px 7px 10px !important
    }
.modCarro .carroDestacado div {
    padding: 8px 8px 10px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #C1C1C1;
    background: #E5E5E5
    }
/*checkBox*/
.carroDestacado input#id_registrar {
    margin: 0 4px 0 0 !important;
    padding: 1px !important;
    width: auto;
    height: auto;
    display: block !important;
    float: left !important;
    clear: left
    }
* html #carro .carroDestacado input#id_registrar {
    /*Explorer 6*/
    ma\rgin: -2px 1px 0 0 !important;
    b\order-style: none;
    bac\kground: #E5E5E5
    }
/*Datos de envio y factura*/
#carro .formCol .carroDestacado h4 {
    margin: 0 0 8px 0;
    background: transparent /*#000fff*/
    }
#carro .formCol .carroDestacado h4 span {
    padding: 4px 10px 4px 10px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 0;
    color: #fff;
    border-style: none;
    display: block;
    background: /*#00ff00*/ #9D9D9D
    }
#carro .carroDestacado table {
    margin: 0 10px 7px 10px !important;
    border-style: none;
    width: auto
    }
#carro .carroDestacado table td {
    border-style: none !important;
    background: #E5E5E5 !important
    }
#carro .carroDestacado table td label {
    padding: 0 0 3px !important;
    font-size: 12px !important;
    font-weight: normal
    }
#carro .carroDestacado table td label strong {
    font-weight: bold
    }
#carro .carroDestacado table td ul {
    padding: 0 0 !important
    }
#carro ul li {
    padding-left: 0;
    background-image: none !important
    }
#carro .carroDestacado table td.radioBearer {
    margin: 0 0 0 0 !important;
    padding: 2px 0 2px 0 !important;
    font-size: 0;
    line-height: 0;
    /*background: #00ff00 !important;*/
    }
#carro .carroDestacado table td.radioBearer input {
    margin-top: 2px !important;
    padding: 1px !important;
    width: auto !important;
    height: auto !important;
    border-style: none !important;
    background-color: transparent !important;
    display: block !important;
    float: left !important;
    position: relative
    }
* html #carro .carroDestacado table td.radioBearer input {
    /*Explorer 6*/
    ma\rgin: 1px 0 0 !important;
    padd\ing: 0 0 !important;
    w\idth: 14px !important;
    he\ight: 14px !important
    }
*:first-child + html #carro .carroDestacado table td.radioBearer input {
    /*explorer 7*/
    margin: 1px 0 0 !important;
    padding: 0 0 !important;
    width: 14px !important;
    height: 14px !important
    }
#carro .carroDestacado table td p, #carro .carroDestacado table td ul {
    padding: 0 0 5px !important
    }
/*Boton de PayPal*/
#carro div .payPal {
    text-align: center
    }