@charset "iso-8859-1";

/* RESET */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

header,
nav,
article,
footer,
address {
    display: block;
}

html,
body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    line-height: 1;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
}

body,
button,
input,
select,
textarea {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table,
td,
th {
    vertical-align: middle;
}

header {
    padding-top: 60px;
}


/* GENERALES */

.bg_gris {
    background-color: #eee;
}

.wauto {
    width: auto !important;
}

.oculto {
    display: none !important;
}

.clear {
    clear: both;
    height: 0px;
}

.clearl {
    clear: left;
    height: 0px;
}

.clearr {
    clear: right;
    height: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.focus {
    font-style: normal !important;
    color: #666666 !important;
}

a img {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1em;
    line-height: 1.4;
}

p {
    margin: 0 0 0.8em;
    line-height: 1.4;
}

a:link,
a:active,
a:visited {
    color: #0099FF;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0099FF;
    text-decoration: none;
}

/* CARGA SPRITES */

.common {
    background-repeat: no-repeat;
}

.common_1 {
    background-image: url('/img/common_1_sitio_donweb.png');
    background-repeat: no-repeat;
}

.spinner_32_gris {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgALMAAP////f39+7u7ubm5t3d3dXV1czMzMTExLu7u7Ozs////wAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAQAKACwAAAAAIAAgAAAE8VDJOUEQxRyEjilCAFBkKQUFlyScyiJFYJoXcbxrjiNEOE+BQYFAQCQ8RKJmRRzKZgHCMBkCWK+1pJOm7Y1+AIF0/KyMC4Py7yQcfxXhIfq9rrRBX0CSQK+bk193an4UKFIDClGHhD9tBAGKMYxQUxdTfZMSelICA0SImSaeBKN4oSRxezGYmalaIqcUrk0CrJOuo6CxE7kYRLaMmyCRg6GGj5G6sY4ygruGaJp7wGDTmr5zrXe1ZnJpjEFyfCRR4txgYuLFiWOHkFdY4U2PP/LtAwL5nfPudTVTTQoIVNVjHY1Se/h9awVpwKhPaWDNiAAAIfkEBQEACgAsBQAAABYABwAABClQyRnIvDgPQkz+WMEVyIckiDVxhNgW5uldxRCAipGgHoxrhwPn9+NEAAAh+QQFAQAKACwHAAAAGAAJAAAEKlBJJYYtM+stCyEYJ2YfYYxbOA2CwCVonCWIPNK0zR1JrmsBw+HzA2YCEQAh+QQFAQAKACwLAAAAFQAOAAAEMDAoReoYM+udKylcmBUkYSRiKggFkr5wLM9IYsxaUhP4VOs9hSBxEAYrwU5yGSJEAAAh+QQFAQAKACwRAAAADwAOAAAEKZCoEZS92JJCesZcV3zZ0CEJmQWj6r5wLM8X2rpGgiCwkPyCV8BgoE0iACH5BAUBAAoALBQAAAAMABQAAAQuUKhJKx3WkkJkVhxhHN+wfVRgoGzrvnCMtAeSEKiRJOtX7KSSoVBg4TCxpGUQAQAh+QQFAQAKACwUAAAADAAYAAAEMDCoSSsVNmtNxi4EAWqCKB7bUKAbsL1wLM80TCjISyRIzvG+zC7B0hQMBRumxqRJIgAh+QQFAQAKACwWAAEACgAWAAAELnCoSau95epNCC+SNRSdYAFEcWgBkmzrJs90bW+IZiSJYbU8j+XgMllSPg3BFAEAIfkEBQEACgAsGAAFAAcAGAAABDBQqSJrJVZSS7otRCFUQ4dJgXFkSJK9cCzP0tFWgmsdCYJIudZGYfBdJINM8jg7WSIAIfkEBQEACgAsGAAJAAgAEwAABC1QyTmmLHYWQsIEXCFYA1dZyGFkSsK+cCxb66wESOJOR5ITvFxNQRgcEBlgJgIAIfkEBQEACgAsFAAIAAwAGAAABC5QyUkBvTjrvQdXhCYURJiNpUiaGXIY3/HNdF0H8HYkeoLwGMLOt3HZLoJNkhMBACH5BAUBAAoALBMADAANABQAAAQwUMlJpahYjcy7/5NQEEQ3kFsGjMTlHV8CznQ9pZxgJAmSDTsEz8A59EocQ8ET+EQAACH5BAUBAAoALBEAEwAPAA0AAAQmUMlJFSGl6lBu0NRwESCFdEJpGmrrvnBZIMlLI4h7JHg7FIVUKwIAIfkEBQEACgAsDgAVABEACwAABClQyUlpqXiGQsrIFECMBGhxhWBSh7e+MDWMxvESSKIj8JHksMEBcTDAIgAh+QQFAQAKACwHABcAGAAJAAAEKVDJSauV4Go8tp9DQSjjd4miqR1EKblKYbRb4RlJrl5Igvy7iuyAOOwiACH5BAUBAAoALAUAGgAWAAYAAAQmUMkhq7WCSFJsEZdFjNomGUlyhBJCllWKIKyiEuBVzHLtK7lfJQIAIfkEBQEACgAsBQAZABYABwAABC9QEUWrvXeeM7CvBWEgSWJ8SjCESkEZCUJiRUi4VEcRpOzZOAAKcyAQdEMMIYCJAAAh+QQFAQAKACwAABcAGgAJAAAELlAFRWW9OF+ijplamB1JcohoVSJmmrJuTCWaIAxYIVcG4WMgWcGn22UKg6QAEwEAIfkEBQEACgAsAAASABUADgAABDGQqEmrvThnqTvhnSUoRzKGFpIkCGoRbOJaRjxX7a3vSCGct4SBUCjqCh/QbDBITgIRACH5BAUBAAoALAAAEgAPAA4AAAQmcKhJq1XGXCuSF1uFIIkWTkVCnmzrvrAbuCpBSGxhEwVr6zIJIQIAIfkEBQEACgAsAAAMAAwAFAAABC9wqEmrvTgroksxQnYgSZEZSWJkRIIcgUbKWm3fuG3EHSFdBwOBYMIIiBzNzyaIAAAh+QQFAQAKACwAAAgADAAYAAAEMVAFRau9OOutBOGFUWxHknwZgiSDprKcgsZ0bd+4BZBFmx0FQlCQERKEmsEsdyHSAhEAIfkEBQEACgAsAAAFAAoAGgAABDVQSUmmvThrKWo2hmcJSYIIF2EiwWWURoZsdG3f+HRoZosdBQLg0iEUBphBUEMQ5SaF52UQAQAh+QQFAQAKACwAAAMABwAYAAAELVDJSaa9d1xiSJVIckxFEgpgaFghNmJwLM9YciGHEVCeJgkFQsHi+ZAwxsswAgAh+QQFAQAKACwAAAMACAAUAAAEKVDJOcic9qKjsjLJdoUJNyKBdq1s677w2B4mRRDDJRQ3MAW3Qkt4ya0iACH5BAUBAAoALAAAAAAMABgAAAQwUMlJlaj04o0P4gqSJAexJeIBkqsRgHAsz6AKGx5IEMW77T0OUIMxwQa0pHICgEUAACH5BAUBAAoALAAAAAANABQAAAQwUMlJVai1GDwJSgenGEnyGQP3JYYgSukrz3StJHMoCwRRAKJBL8bpFVy2pBJGQ8oiACH5BAUBAAoALAAAAAAPAA0AAAQnUMlJlShk1IpQOhvnIWGVIEWprmzbAgbJCkQhq0SuqUFeBKwUgRUBACH5BAkBAAoALAAAAAAgACAAAARFUMlJpzno1M27TEjmjR2SnAhBrtNhEMTAzrSn1exQ4KtQEIUdjxOAwQBDjg4YSHqEzqh0Sq1ar9isdsvter/gsHhMLlciADs=);
}


/***Spinner precios***/

span.esperando {
    position: absolute;
    background-color: #9e9e9e80;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: none;
    z-index: 1;
}

span.esperando span.spinner {
    color: #333333;
    border-top-color: rgba(51, 51, 51, 0.8);
    border-right-color: rgba(51, 51, 51, .2);
    border-bottom-color: rgba(51, 51, 51, .8);
    border-left-color: rgba(51, 51, 51, .2);
    margin: 35px auto;
}


/* DEFINE ANCHO CONTENIDO */

.width_wrap {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}


/* SOPORTE CONTENIDO PAGINAS VIEJAS */

.old_content_wrap {
    background-color: #efefef;
    padding-bottom: 60px;
}


/* SECCION-IT */

.flag_ar.mini {
    background-position: -190px -150px;
}

.flag_bo.mini {
    background-position: -210px -150px;
}

.flag_br.mini {
    background-position: -230px -150px;
}

.flag_cl.mini {
    background-position: -250px -150px;
}

.flag_co.mini {
    background-position: -270px -150px;
}

.flag_es.mini {
    background-position: -290px -150px;
}

.flag_us.mini {
    background-position: -310px -150px;
}

.flag_int.mini {
    background-position: -330px -150px;
}

.flag_mx.mini {
    background-position: -350px -150px;
}

.flag_pe.mini {
    background-position: -370px -150px;
}

.flag_uy.mini {
    background-position: -390px -150px;
}

.flag_ve.mini,
.flag_ven.mini,
.flag_vet.mini {
    background-position: -410px -150px;
}


/* BOTONES */

.bt {
    position: relative;
    border: none;
    background-color: #56a846;
    color: #ffffff !important;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 9px 15px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.bt:hover,
.bt:focus {
    background-color: #78c259;
}

.bt_s {
    line-height: 16px;
    padding: 8px 10px;
    font-size: 11px !important;
    font-weight: 300;
}

.bt_xs {
    line-height: 16px;
    padding: 6px 10px;
    font-size: 11px !important;
    font-weight: 300;
}

.bt_sha_verde {
    border-top: transparent 0px solid;
    border-bottom: #4F8338 3px solid;
}

a.bt_sha_verde:hover,
a.bt_sha_verde:focus {
    border-bottom: 2px #549C41 solid;
    border-top: transparent 1px solid;
}

a.bt_azul {
    background: #3598db;
}

a.bt_azul:hover,
a.bt_azul:focus {
    background: #54ABE7 !important;
}

.bt_ic {
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

body.secc-it>div i.bt_ic,
body.secc-it>section i.bt_ic,
.footer_cta i.bt_ic {
    background-image: url('/img/servicios-it-sprite_transparente.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
}


/* MONEDA SEPARADA ENTERO DECIMAL */


/* no se muestran decimales para chile y colombia */

body.ar .num_decimal,
body.cl .num_decimal,
body.co .num_decimal,
body.ar .sep-decimal,
body.cl .sep-decimal,
body.co .sep-decimal,
body.ar .as_bp_decimal,
body.cl .as_bp_decimal,
body.co .as_bp_decimal,
body.ar .valor-decimal,
body.cl .valor-decimal,
body.co .valor-decimal {
    display: none !important;
}

body.ar .periodo,
body.cl .periodo,
body.co .periodo {
    margin-left: 0 !important;
}

body:not(.secc-it) .num_decimal {
    font-size: 0.6em;
}

.num_decimal {
    line-height: 1.8;
    margin-left: 2px;
    vertical-align: top;
}

/* BOXES BANNERS INFERIORES */

#banners_inf_Container {
    margin-top: 30px;
}

.boxes-banners {
    float: left;
    margin-right: 10px;
    height: 150px;
}

.boxes-banners.last {
    margin-right: 0;
}

.bb235 {
    width: 235px;
}

.bb470 {
    width: 470px;
}

.boxes-banners.ssl {
    background-position: 0 0;
}

.boxes-banners.ssl p {
    margin: 58px 60px 10px 15px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.ssl a {
    margin: 5px 0 0 15px;
}

.boxes-banners.fp {
    background-position: 0 0;
}

.boxes-banners.fp p {
    margin: 5px 100px 8px 19px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.fp a {
    margin: 0 0 0 19px;
}

.boxes-banners.te_llamamos {
    background-position: -240px 0;
}

.boxes-banners.te_llamamos p {
    margin: 10px 83px 0 15px;
    font-size: 12px;
    color: #777777;
}

.boxes-banners.soporte {
    background-position: -480px 0;
}

.boxes-banners.soporte ul {
    margin: 10px 0 0 40px;
    font-size: 13px;
    color: #777777;
    list-style: disc;
}

.boxes-banners.soporte ul li {
    line-height: 1.4;
}

.boxes-banners.te_llamamos .titulo,
.boxes-banners.fp .titulo,
.boxes-banners.soporte .titulo {
    color: #2f9fcb;
    font-size: 23px;
    margin: 5px 30px 0px 19px;
}

.boxes-banners.te_llamamos .subtitulo,
.boxes-banners.fp .subtitulo {
    font-size: 15px;
    font-weight: 600;
    font-style: oblique;
    margin: 0px 22px 1px 19px;
    color: #464646;
}

.boxes-banners.te_llamamos .titulo,
.boxes-banners.soporte .titulo {
    color: #464646;
    font-weight: 600;
}

.boxes-banners.soporte .titulo span {
    font-size: 15px;
    font-style: oblique;
    color: #464646;
}


/* FORMS */

select {
    color: #777;
    font-size: 14px !important;
    padding: 1px;
}

textarea {
    font-size: 14px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input.text,
select.select {
    font-weight: 300;
    width: 250px;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.textarea {
    font-weight: 300;
    width: 250px;
    height: 85px;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.porta_input_n,
.porta_input_s,
.porta_input_e,
.porta_select_n,
.porta_select_s,
.porta_select_e,
.porta_ta_n,
.porta_ta_s,
.porta_ta_e {
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.porta_input_s,
.porta_select_s,
.porta_ta_s {
    border-color: #56A846;
}

.porta_input_e,
.porta_select_e,
.porta_ta_e {
    border-color: #f00;
}

.porta_input_n input,
.porta_input_e input,
.porta_input_s input,
.porta_select_n select,
.porta_select_s select,
.porta_select_e select,
.porta_ta_n textarea,
.porta_ta_s textarea,
.porta_ta_e textarea {
    font-size: 16px !important;
    color: #666666;
    background: none;
    border: none;
    display: inline-block;
    padding: 10px;
    margin: 0;
    width: 100%;
}

.porta_input_e input {
    color: #ff0000 !important;
}

.porta_input_n span.form_control_bg,
.porta_input_e span.form_control_bg,
.porta_input_s span.form_control_bg {
    display: none;
}


/* MENSAJE CONTROLS */

.common_msg {
    position: relative;
    padding: 5px 15px 6px 30px;
    margin-left: 8px;
    margin-top: 10px;
    z-index: 500;
    float: left;
    font-size: 13px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.common_msg span {
    display: block;
    line-height: 20px;
}

.common_msg .ic {
    width: 34px;
    height: 34px;
    position: absolute;
    top: -10px;
    left: -8px;
}

.common_msg.error {
    background-color: #FFE4D5;
    border: 1px solid #FFC8AA;
    color: #ff0000;
}

.common_msg.error .ic {
    background-position: -34px -425px;
}

.common_msg.warning {
    background-color: #FFEFBF;
    border: 1px solid #FFD555;
    color: #555555;
}

.common_msg.warning .ic {
    background-position: 0 -425px;
}

.common_msg.ok {
    background-color: #DFFFBF;
    border: 1px solid #95FF2B;
    color: #555555;
}

.common_msg.ok .ic {
    background-position: -102px -425px;
}

.common_msg.info {
    background-color: #D5EAFF;
    border: 1px solid #95CAFF;
    color: #555555;
}

.common_msg.info .ic {
    background-position: -68px -425px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}


/* SIMPLE MODAL */

#simplemodal-overlay {
    background-color: #000000;
}

#simplemodal-container {
    background-color: #F4F4F4;
    border: 4px solid #666666;
    padding: 10px 30px;
    -ms-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

#simplemodal-container a.modalCloseImg {
    background: url('/js/simplemodal/x.png') no-repeat;
    width: 32px;
    height: 34px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

/* NUEVOS BOTONES */

.btn {
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    /* border: 1px solid #ff9900;
    background: #ff7300;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8a2b), to(#ff7300));
    background: -webkit-linear-gradient(top, #ff8a2b, #ff7300);
    background: -moz-linear-gradient(top, #ff8a2b, #ff7300);
    background: -ms-linear-gradient(top, #ff8a2b, #ff7300);
    background: -o-linear-gradient(top, #ff8a2b, #ff7300);
    background: linear-gradient(top, #ff8a2b 0%, #ff7300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a2b', endColorstr='#ff7300', GradientType=0);*/
    /* IE6-8 */
    /* -moz-box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    box-shadow: 0px 0px 0px 2px rgba(000, 000, 000, 0.1);
    border: 1px solid #ff7300;
    border-color: #FF9B49 #D06A18 #CF5D01 #FF8C2E;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
    /*-moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
}


/*
.btn:hover,
.btn:focus {
    background: #ff8a2b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7300), to(#ff8a2b));
    background: -webkit-linear-gradient(top, #ff7300, #ff8a2b);
    background: -moz-linear-gradient(top, #ff7300, #ff8a2b);
    background: -ms-linear-gradient(top, #ff7300, #ff8a2b);
    background: -o-linear-gradient(top, #ff7300, #ff8a2b);
    background: linear-gradient(top, #ff7300 0%, #ff8a2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7300', endColorstr='#ff8a2b', GradientType=0);
    /* IE6-8 */


/* -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}*/

.btn_azul {
    background: #26AEE3;
    background: -webkit-gradient(linear, left top, left bottom, from(#35B6E2), to(#1CA8E3));
    background: -webkit-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -moz-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -ms-linear-gradient(top, #35B6E2, #1CA8E3);
    background: -o-linear-gradient(top, #35B6E2, #1CA8E3);
    background: linear-gradient(top, #35B6E2 0%, #1CA8E3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#35B6E2', endColorstr='#1CA8E3', GradientType=0);
    /* IE6-8 */
    border: 1px solid #1CA8E3;
    border-color: #52C0E6 #1A99D0 #1A99D0 #52C0E6;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
}

.btn_azul:hover,
.btn_azul:focus {
    background: #26AEE3;
    background: -webkit-gradient(linear, left top, left bottom, from(#1CA8E3), to(#35B6E2));
    background: -webkit-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -moz-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -ms-linear-gradient(top, #1CA8E3, #35B6E2);
    background: -o-linear-gradient(top, #1CA8E3, #35B6E2);
    background: linear-gradient(top, #1CA8E3 0%, #35B6E2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1CA8E3', endColorstr='#35B6E2', GradientType=0);
    /* IE6-8 */
    border: 1px solid #1CA8E3;
    border-color: #1A99D0 #52C0E6 #52C0E6 #1A99D0;
    filter: progid: dximagetransform.microsoft.gradient(enabled=false);
}

.btn_comprar {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 14px;
    font-weight: normal;
}

.btn_finalizar_compra {
    font-size: 28px;
    line-height: 26px;
    padding: 12px 18px;
}

.btn_continuar_18 {
    font-size: 18px;
    line-height: 21px;
    padding: 5px 10px;
    font-weight: normal;
}

.btn_continuar_20 {
    font-size: 20px;
    line-height: 20px;
    padding: 10px 14px;
}

.btn_acceder,
.btn_crearcuenta,
.btn_acceder_overlay,
.btn_crearcuenta_overlay,
.btn_recuperar_overlay {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
}


/* ICONOS BOTONES */

.bt_ic_18 {
    display: inline-block;
    vertical-align: bottom;
    width: 18px;
    height: 19px;
    margin-left: 2px;
}

.ic_buscar_18 {
    background-position: 0 -690px;
}

.ic_comprar_18 {
    background-position: -20px -690px;
}

.ic_tilde_18 {
    background-position: -60px -690px;
}

.ic_flecha_18 {
    background-position: -80px -690px;
}

.bt_ic_20 {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.ic_flecha_20 {
    background-position: 0 -710px;
}

.bt_ic_28 {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 26px;
    margin-left: 3px;
}

.ic_flecha_28 {
    background-position: -49px -710px;
}


/* BOTONES */

.porta_bt {
    margin-top: 5px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a.boton_buscar_32 {
    display: block;
    background-position: 0 -160px;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 10px;
    line-height: 32px;
    width: 86px;
}

a.boton_buscar_32 span {
    float: right;
    height: 32px;
    width: 25px;
    margin-left: 6px;
    background-position: -225px -160px;
    background-color: #FFFFFF;
}

a.boton_buscar_32:hover,
a.boton_buscar_32:focus {
    background-position: 0 -195px;
}

a.boton_buscar_32:hover span,
a.boton_buscar_32:focus span {
    background-position: -225px -195px;
}

a.boton_agregar_tus_compras_42 {
    display: block;
    background-position: 0 -235px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding-left: 10px;
    line-height: 16px;
    width: 132px;
    height: 42px;
}

a.boton_agregar_tus_compras_42 span.common_1 {
    float: right;
    height: 42px;
    width: 25px;
    margin-left: 6px;
    background-position: -225px -235px;
    background-color: #9DD8F6;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42 span.bt_texto {
    padding-top: 4px;
    text-align: center;
    float: left;
    display: block;
    width: 100px;
    cursor: pointer;
    font-size: 14px;
}

a.boton_agregar_tus_compras_42:hover,
a.boton_agregar_tus_compras_42:focus {
    background-position: -260px -235px;
}

a.boton_agregar_tus_compras_42:hover span,
a.boton_agregar_tus_compras_42:focus span {
    background-position: -485px -235px;
}

a.boton_agregar_tus_compras_42_2 {
    display: block;
    background-position: 0 -235px;
    position: relative;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding: 0 5px;
    line-height: 16px;
    height: 42px;
    margin-right: 25px;
}

a.boton_agregar_tus_compras_42_2 span.common_1 {
    position: absolute;
    height: 42px;
    width: 25px;
    background-position: -225px -235px;
    right: -25px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42_2 span.bt_texto {
    padding-top: 4px;
    text-align: center;
    float: left;
    display: block;
    width: 112px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_42_2:hover,
a.boton_agregar_tus_compras_42_2:focus {
    background-position: -260px -235px;
}

a.boton_agregar_tus_compras_42_2:hover span,
a.boton_agregar_tus_compras_42_2:focus span {
    background-position: -485px -235px;
}

a.boton_agregar_tus_compras_56 {
    display: block;
    background-position: -450px -609px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 18px;
    width: 143px;
    height: 56px;
}

a.boton_agregar_tus_compras_56 span.common_1 {
    float: right;
    height: 56px;
    width: 31px;
    margin-left: 6px;
    background-position: -669px -609px;
    background-color: #D3EEFA;
    cursor: pointer;
}

a.boton_agregar_tus_compras_56 span.bt_texto {
    padding-top: 10px;
    text-align: center;
    float: left;
    display: block;
    width: 100px;
    cursor: pointer;
}

a.boton_agregar_tus_compras_56:hover,
a.boton_agregar_tus_compras_56:focus {
    background-position: -710px -609px;
}

a.boton_agregar_tus_compras_56:hover span,
a.boton_agregar_tus_compras_56:focus span {
    background-position: -929px -609px;
}

a.boton_no_gracias_26 {
    display: block;
    background-position: 0 -282px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 0 5px 0 10px;
    line-height: 26px;
    margin-right: 23px;
}

a.boton_no_gracias_26 span {
    position: absolute;
    height: 26px;
    width: 23px;
    background-position: -177px -282px;
    right: -23px;
    cursor: pointer;
}

a.boton_no_gracias_26:hover,
a.boton_no_gracias_26:focus {
    background-position: -208px -282px;
}

a.boton_no_gracias_26:hover span,
a.boton_no_gracias_26:focus span {
    background-position: -385px -282px;
}

a.boton_continuar_comprando_26 {
    display: block;
    background-position: -145px -430px;
    position: relative;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 0 5px 0 10px;
    line-height: 26px;
    margin-right: 22px;
}

a.boton_continuar_comprando_26 span {
    position: absolute;
    height: 26px;
    width: 22px;
    background-position: -282px -470px;
    right: -22px;
    cursor: pointer;
}

a.boton_continuar_comprando_26:hover,
a.boton_continuar_comprando_26:focus {
    background-position: -353px -430px;
}

a.boton_continuar_comprando_26:hover span,
a.boton_continuar_comprando_26:focus span {
    background-position: -318px -470px;
}

#cart_codprom_box a.boton_aplicar_26 {
    float: left;
    margin-left: 6px;
}

a.bt_26_gral,
a.bt_26_tilde,
a.bt_32_buscar,
a.bt_26_flecha,
a.bt_32_flecha,
a.bt_42_flecha,
a.bt_56_flecha {
    display: block;
    position: relative;
    color: #FFFFFF;
    font-weight: 600;
}

a.bt_26_gral,
a.bt_26_flecha,
a.bt_26_tilde {
    background-position: -260px -160px;
    font-size: 13px;
    line-height: 26px;
    height: 26px;
    padding: 0 5px 0 10px;
}

a.bt_26_gral span,
a.bt_26_flecha span,
a.bt_26_tilde span {
    position: absolute;
    height: 26px;
    top: 0;
}

a.bt_26_gral:hover,
a.bt_26_gral:focus,
a.bt_26_flecha:hover,
a.bt_26_flecha:focus,
a.bt_26_tilde:hover,
a.bt_26_tilde:focus {
    background-position: -260px -190px;
}

a.bt_32_flecha,
a.bt_32_buscar {
    background-position: 0 -160px;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    padding: 0 5px 0 10px;
}

a.bt_32_flecha span,
a.bt_32_buscar span {
    position: absolute;
    height: 32px;
    top: 0;
}

a.bt_32_flecha:hover,
a.bt_32_flecha:focus,
a.bt_32_buscar:hover,
a.bt_32_buscar:focus {
    background-position: 0 -195px;
}

a.bt_42_flecha {
    background-position: 0 -235px;
    font-size: 20px;
    line-height: 42px;
    height: 42px;
    padding: 0 5px 0 15px;
}

a.bt_42_flecha span {
    position: absolute;
    height: 42px;
    top: 0;
}

a.bt_42_flecha:hover,
a.bt_42_flecha:focus {
    background-position: -260px -235px;
}

a.bt_56_flecha {
    background-position: -450px -609px;
    font-size: 26px;
    line-height: 56px;
    height: 56px;
    padding: 0 10px 0 20px;
}

a.bt_56_flecha span {
    position: absolute;
    height: 56px;
    top: 0;
}

a.bt_56_flecha:hover,
a.bt_56_flecha:focus {
    background-position: -710px -609px;
}

a.bt_26_gral {
    margin-right: 5px;
}

a.bt_26_gral span {
    background-position: -855px -275px;
    width: 5px;
    right: -5px;
}

a.bt_26_gral:hover span,
a.bt_26_gral:focus span {
    background-position: -885px -275px;
}

a.bt_26_tilde {
    margin-right: 23px;
}

a.bt_26_tilde span {
    background-position: -867px -200px;
    width: 23px;
    right: -23px;
}

a.bt_26_tilde:hover span,
a.bt_26_tilde:focus span {
    background-position: -832px -200px;
}

a.bt_32_buscar {
    margin-right: 25px;
}

a.bt_32_buscar span {
    background-position: -225px -160px;
    width: 25px;
    right: -25px;
}

a.bt_32_buscar:hover span,
a.bt_32_buscar:focus span {
    background-position: -225px -195px;
}

a.bt_26_flecha {
    margin-right: 23px;
}

a.bt_26_flecha span {
    background-position: -437px -160px;
    width: 23px;
    right: -23px;
}

a.bt_26_flecha:hover span,
a.bt_26_flecha:focus span {
    background-position: -437px -190px;
}

a.bt_32_flecha {
    margin-right: 25px;
}

a.bt_32_flecha span {
    background-position: -935px -200px;
    width: 25px;
    right: -25px;
}

a.bt_32_flecha:hover span,
a.bt_32_flecha:focus span {
    background-position: -900px -200px;
}

a.bt_42_flecha {
    margin-right: 35px;
}

a.bt_42_flecha span {
    background-position: -795px -275px;
    width: 35px;
    right: -35px;
}

a.bt_42_flecha:hover span,
a.bt_42_flecha:focus span {
    background-position: -750px -275px;
}

a.bt_56_flecha {
    margin-right: 40px;
}

a.bt_56_flecha span {
    background-position: -676px -690px;
    width: 40px;
    right: -40px;
}

a.bt_56_flecha:hover span,
a.bt_56_flecha:focus span {
    background-position: -729px -690px;
}


/* OVERLAY LOGIN BOX */

#login_box {
    float: left;
    margin: 0 auto;
}

#login_box h2 {
    font-size: 20px;
    color: #555555;
    line-height: 32px;
    margin-bottom: 7px;
}

#login_box span.form_control_bg {
    background-color: #F4F4F4;
}

#Login_nombre,
#Login_pass,
#Login_pass_fake {
    width: 200px;
    color: #aaaaaa;
}

#Olvido_form input {
    width: 340px;
    color: #aaaaaa;
}

#login_box_1 .left.login {
    margin-left: 10px;
    width: 375px;
}

#Login_form .btn_acceder_overlay {
    float: right;
    margin-top: 48px;
}

#login_box_1 .left.new {
    width: 155px;
    float: right;
    background: #EDEDED;
    padding: 8px 15px;
    color: #999999;
    margin-top: 6px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#login_box_1 .left.new h2 {
    font-size: 16px;
    line-height: 1.3;
}

#login_box_1 .left.new p {
    margin: 0 0 7px 0;
}

#login_box_1,
#login_box_new_user,
#login_box_olvido {
    font-size: 13px;
    color: #777777;
}

#login_box_1 {
    width: 620px;
    padding: 15px 0;
}

#login_box_olvido {
    width: 370px;
    padding: 15px 0;
}

#login_box_olvido_askconfirm_resp {
    width: 370px;
}

.olvido_pass {
    display: block;
    margin-top: 10px;
    text-decoration: underline !important;
}

.link_registrate {
    text-decoration: underline !important;
}

#Olvido_form {
    clear: both;
    padding-top: 8px;
}

#Olvido_form .login_box_volver {
    margin-top: 12px;
}

#login_box_olvido_resp {
    padding: 10px 0;
    width: 400px;
    overflow: hidden;
}

#login_box_olvido_resp a {
    font-size: 14px !important;
    text-decoration: underline !important;
}


/* login con redes sociales */

.sep1,
.sep2 {
    height: 26px;
    clear: both;
}

.sep1 {
    border-bottom: 1px solid #DFDFDF;
}

.sep2 {
    border-top: 1px solid #F9F9F9;
}

.facebook {
    background-position: -114px -654px;
}

.twitter {
    background-position: -228px -654px;
}

.google {
    background-position: -114px -628px;
}

.live {
    background-position: -228px -628px;
}

.mc_loguin_rs_desc {
    font-size: 13px;
    color: #888888;
}

.login_rs_bt {
    display: block;
    width: 110px;
    height: 25px;
    float: left;
    margin-right: 20px;
    text-indent: -9999px;
}

.login_rs_bt.last {
    margin-right: 0;
}


/* login_box_new_user */

#login_box_new_user {
    width: 420px;
    padding: 10px 0;
    max-height: 400px;
    overflow: auto;
}

#NewUser_form {
    clear: both;
    padding-top: 15px;
}

#NewUser_form h2 {
    border: none;
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 18px;
}

#NewUser_form .btn_crearcuenta_overlay {
    margin-top: 94px;
    float: right;
}

#login_box_olvido .btn_recuperar_overlay {
    margin-top: 10px;
    margin-right: 12px;
    float: right;
}

#NU_email,
#NU_email2,
#NU_pass,
#NU_pass_fake,
#NU_pass_oper {
    width: 200px;
    color: #AAA;
}

.NU_declaraciones {
    margin: 15px 0 3px 0;
    font-size: 11px;
    color: #999999;
}

.NU_nodisp {
    display: block;
    position: absolute;
    background-color: #F00;
    color: #FFF;
    margin-left: 130px;
    margin-top: 28px;
    padding: 4px 5px;
    text-align: center;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#login_box_newuswer_resp {
    padding: 10px 0;
    width: 500px;
    overflow: hidden;
}

#login_box_newuswer_resp a {
    font-size: 14px !important;
    text-decoration: underline !important;
}


/* BREADCRUM */

.site_breadcrum {
    float: left;
}

.site_breadcrum span {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    float: left;
    display: block;
}

.bc_cn {
    background-color: #EEEEEE;
    padding: 0 10px;
    font-weight: normal;
    color: #999999;
}

.bc_cs {
    background-color: #EAFF55;
    padding: 0 10px;
    font-weight: 600;
    color: #666666;
}

.ic_seguro {
    height: 30px;
    width: 13px;
    display: block;
    margin-left: 6px;
    float: right !important;
}

.bc_cn .ic_seguro {
    background-position: -478px -86px;
}

.bc_cs .ic_seguro {
    background-position: -460px -86px;
}

.bc_cn a,
.bc_cn a {
    text-decoration: underline;
}

.bc_ini,
.bc_fin,
.bc_ini_s,
.bc_fin_s {
    width: 5px;
}

.bc_ini {
    background-position: 0 -465px;
}

.bc_fin {
    background-position: -77px -465px;
}

.bc_ini_s {
    background-position: -31px -465px;
}

.bc_fin_s {
    background-position: -26px -465px;
}

.bc_sep,
.bc_sep_l,
.bc_sep_r {
    width: 21px;
}

.bc_sep {
    background-position: -57px -465px;
}

.bc_sep_l {
    background-position: -36px -465px;
}

.bc_sep_r {
    background-position: -5px -465px;
}


/* SLIDE CHAT PROACTIVO */

.paChat {
    background-color: #777777;
    position: fixed;
    z-index: 1000;
    height: 103px;
    width: 450px;
    top: -5px;
    right: 10px;
    -webkit-box-shadow: 0 2px 5px #000000;
    -moz-box-shadow: 0 2px 5px #000000;
    box-shadow: 0 2px 5px #000000;
    border-radius: 0pt 0pt 5px 5px;
    background-position: 100% -500px;
}

.paChatOverlay {
    opacity: 0.6;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    background: #000000;
}

.paChat h2 {
    color: #FFFFFF;
    height: 34px;
    width: 279px;
    text-indent: -9999px;
    background-position: 0 -505px;
    margin: 17px 0 3px 0;
}

.paChatContent2 {
    float: left;
    position: relative;
    font-size: 15px;
    color: #FFFFFF;
}

.paChatContent2 p {
    width: 200px;
    margin: 0;
    line-height: 16px;
}

.paChatOperName {
    font-weight: 600;
}

.paChatPortaBt {
    position: absolute;
    top: 62px;
    right: -50px;
}

.paChatBt {
    float: right;
}

.closeInvitation {
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background-position: -345px -505px;
}

.paChatFoto {
    float: left;
    width: 77px;
    height: 77px;
    background-position: -380px -505px;
    margin: 15px 13px 0 15px;
}

.paChatFoto a {
    display: block;
    width: 75px;
    height: 75px;
    overflow: hidden;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#jCover {
    cursor: wait;
}

#jCover-msg {
    cursor: wait;
}


/*----- spinner -----*/

.spinner-container {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.5;
}

.spinner-container>.spinner {
    background: url("/img/spinner-tapa.gif") no-repeat scroll center center #000000;
    border-radius: 5px 5px 5px 5px;
    height: 32px;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
    padding: 10px;
    position: absolute;
    top: 50%;
    width: 32px;
}


/*      BOX SPINNER
---------------------------*/

.spinner {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0px auto;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
    -webkit-animation: spin .8s infinite;
    -moz-animation: spin .8s infinite;
    -o-animation: spin .8s infinite;
    animation: spin .8s infinite;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(79, 170, 234, .8);
    border-right-color: rgba(79, 170, 234, .2);
    border-bottom-color: rgba(79, 170, 234, .8);
    border-left-color: rgba(79, 170, 234, .2);
    border-radius: 100%;
}

.spinner.s_xs {
    height: 10px;
    width: 10px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

.spinner.s_s {
    height: 16px;
    width: 16px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
}

.spinner.s_m {
    height: 32px;
    width: 32px;
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
}

.spinner.s_l {
    height: 48px;
    width: 48px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
}

.spinner.s_xl {
    height: 64px;
    width: 64px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 6px;
}

.spinner.s_white {
    border-top-color: rgba(255, 255, 255, 1);
    border-right-color: rgba(255, 255, 255, .3);
    border-bottom-color: rgba(255, 255, 255, 1);
    border-left-color: rgba(255, 255, 255, .3);
}

.spinner.s_inline {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.spinner.s_doble {
    height: 50px;
    width: 50px;
    border-top-color: rgba(79, 170, 234, .6);
    border-right-color: rgba(79, 170, 234, 0);
    border-bottom-color: rgba(79, 170, 234, .6);
    border-left-color: rgba(79, 170, 234, 0);
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    -webkit-animation: spin .6s infinite;
    -moz-animation: spin .6s infinite;
    -o-animation: spin .6s infinite;
    animation: spin .6s infinite;
}

.spinner.s_doble_inner {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 20px;
    width: 20px;
    border-top-color: rgba(79, 170, 234, 0);
    border-right-color: rgba(79, 170, 234, .6);
    border-bottom-color: rgba(79, 170, 234, 0);
    border-left-color: rgba(79, 170, 234, .6);
    border-top-width: 4px;
    border-right-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    -webkit-animation: spin .6s infinite;
    -moz-animation: spin .6s infinite;
    -o-animation: spin .6s infinite;
    animation: spin .6s infinite;
}


/* POPUP BOXES
---------------------------------------- */

#simplemodal-container.popup-box {
    padding: 0;
    background-color: #DADADA;
    height: auto !important;
}

#simplemodal-container.popup-box button {}

.modal-prompt,
.modal-alert,
.modal-confirm {
    background-color: #FFFFFF;
    margin: 0 0 0 70px;
    max-width: 600px;
    padding: 20px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.modal-prompt .content,
.modal-alert .content,
.modal-confirm .content {}

.modal-prompt .content>.title,
.modal-alert .content>.title,
.modal-confirm .content>.title {
    font-size: 16px;
    display: block;
}

.modal-prompt .content input.prompt {
    margin-right: 5px;
    margin-top: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.modal-alert .buttons,
.modal-prompt .buttons,
.modal-confirm .buttons {
    border-top: 1px dotted #ddd;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 20px;
}

.modal-alert .buttons button,
.modal-prompt .buttons button,
.modal-confirm .buttons button {
    background-color: #44BBE4;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 -1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 23px 0 -10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: trebuchet MS;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 3;
    font-size: 16px;
    padding: 5px 20px;
    margin: 0;
    float: right;
}

.modal-alert .buttons button.yes,
.modal-prompt .buttons button.yes,
.modal-confirm .buttons button.yes {
    margin-left: 20px;
}

.modal-alert .buttons button.yes,
.modal-prompt .buttons button.yes,
.modal-confirm .buttons button.yes,
.modal-alert .buttons button.important,
.modal-prompt .buttons button.important,
.modal-confirm .buttons button.important {
    background-color: #FEAB21;
}

.modal-confirm .icon-confirm,
.modal-alert .icon-alert,
.modal-prompt .icon-prompt {
    background: url("/img/common_1_sitio_donweb.png") no-repeat scroll -385px -585px transparent;
    display: inline-block;
    height: 50px;
    left: 10px;
    position: absolute;
    top: 15px;
    width: 50px;
}

.modal-alert .icon-alert {
    background-position: -339px -584px;
}

.modal-prompt .icon-prompt {
    background-position: -340px -630px;
}

.simplemodal-wrap .modal-html {
    background-color: #FFFFFF;
    padding: inherit;
    overflow: hidden;
}

.modal-alert .buttons {
    overflow: hidden;
}

.modal-alert .buttons .yes {
    float: right;
}


/* ESTILOS LEANMODAL */

#lean_overlay {
    position: fixed;
    z-index: 10001;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}


/* ESTILOS POPOVER */

.popover {
    color: black;
    font-weight: normal;
    line-height: 1;
    cursor: auto;
    position: absolute;
    display: none;
    opacity: 0;
    background-color: white;
    border: 2px solid #999999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.25s linear;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-transition: opacity 0.25s linear;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    transition: opacity 0.25s linear;
}

.popover.active {
    opacity: 1;
}

.popover>.triangle {
    position: absolute;
    top: -22px;
    float: left;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #999999;
}

.popover>.header {
    font-weight: 600;
    margin: 0;
    padding: 3px;
    height: 40px;
    color: white;
    background-color: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.2, rgba(255, 255, 255, 0.4)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
    text-align: center;
}

.popover>.content {
    min-width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* SimpTip v1.0.2 A simple CSS tooltip made with Sass
// source: https://github.com/arashmanteghi/simptip/
*/


/********************************* Core ******************************/

[data-tooltip] {
    position: relative;
    display: inline-block;
}

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

[data-tooltip]:before {
    content: '';
    border: 6px solid transparent;
}

[data-tooltip]:after {
    height: 22px;
    padding: 11px 11px 0 11px;
    font-size: 13px;
    line-height: 11px;
    content: attr(data-tooltip);
    white-space: nowrap;
}

[data-tooltip].simptip-position-top:before {
    border-top-color: #323232;
}

[data-tooltip].simptip-position-top:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #323232;
}

[data-tooltip].simptip-position-bottom:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-left:before {
    border-left-color: #323232;
}

[data-tooltip].simptip-position-left:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-right:before {
    border-right-color: #323232;
}

[data-tooltip].simptip-position-right:after {
    background-color: #323232;
    color: #ecf0f1;
}

[data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #323232;
}

[data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #323232;
}

[data-tooltip]:hover,
[data-tooltip]:focus {
    background-color: transparent;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after {
    opacity: 1;
    visibility: visible;
}


/******************************* Position ****************************/

.simptip-position-right:before,
.simptip-position-left:before,
.simptip-position-right:after,
.simptip-position-left:after {
    bottom: 50%;
}

.simptip-position-right:before,
.simptip-position-left:before {
    margin-bottom: -5px;
}

.simptip-position-right:after,
.simptip-position-left:after {
    margin-bottom: -10px;
}

.half-arrow.simptip-position-right:before,
.half-arrow.simptip-position-left:before {
    bottom: 16px;
    border-style: none;
    border-top: 7px solid transparent;
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before,
.simptip-multiline.simptip-position-right:after,
.simptip-multiline.simptip-position-left:after {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.simptip-multiline.simptip-position-right:before,
.simptip-multiline.simptip-position-left:before {
    margin-bottom: 0;
}

.simptip-multiline.half-arrow.simptip-position-right:before,
.simptip-multiline.half-arrow.simptip-position-left:before {
    margin-bottom: -2px;
}

.simptip-position-right:before,
.simptip-position-right:after {
    left: 100%;
}

.simptip-position-right:before {
    margin-left: -1px;
}

.simptip-position-right:after {
    margin-left: 10px;
}

.simptip-position-right.simptip-movable:before {
    margin-left: -10px;
}

.simptip-position-right.simptip-movable:after {
    margin-left: 2px;
}

.simptip-position-right.simptip-movable:hover:before,
.simptip-position-right.simptip-movable:hover:after {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.simptip-position-right.simptip-movable.half-arrow:before {
    margin-left: -5px;
}

.simptip-position-right.half-arrow:before {
    margin-left: 3px;
    border-right: 7px solid #323232;
}

.simptip-position-left:before,
.simptip-position-left:after {
    right: 100%;
}

.simptip-position-left:before {
    margin-right: -2px;
}

.simptip-position-left:after {
    margin-right: 10px;
}

.simptip-position-left.simptip-movable:before {
    margin-right: -10px;
}

.simptip-position-left.simptip-movable:after {
    margin-right: 2px;
}

.simptip-position-left.simptip-movable:hover:before,
.simptip-position-left.simptip-movable:hover:after {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
}

.simptip-position-left.simptip-movable.half-arrow:before {
    margin-right: -5px;
}

.simptip-position-left.half-arrow:before {
    margin-right: 3px;
    border-left: 7px solid #323232;
}

.simptip-position-bottom:before,
.simptip-position-top:before,
.simptip-position-bottom:after,
.simptip-position-top:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.simptip-position-bottom:after,
.simptip-position-top:after {
    width: auto;
}

.half-arrow.simptip-position-bottom:before,
.half-arrow.simptip-position-top:before {
    border-style: none;
    border-right: 7px solid #323232;
}

.simptip-position-bottom:before,
.simptip-position-bottom:after {
    top: 100%;
}

.simptip-position-bottom:before {
    margin-top: -5px;
}

.simptip-position-bottom:after {
    margin-top: 7px;
}

.simptip-position-bottom:hover:before,
.simptip-position-bottom:hover:after {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.simptip-position-bottom.simptip-movable:before {
    margin-top: -15px;
}

.simptip-position-bottom.simptip-movable:after {
    margin-top: -3px;
}

.simptip-position-bottom.simptip-movable:hover:before,
.simptip-position-bottom.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
}

.simptip-position-bottom.simptip-movable.half-arrow:before {
    margin-top: -10px;
}

.simptip-position-bottom.half-arrow:before {
    margin-top: 0;
    border-top: 7px solid transparent;
}

.simptip-position-top:before,
.simptip-position-top:after {
    bottom: 100%;
}

.simptip-position-top:before {
    margin-bottom: -5px;
}

.simptip-position-top:after {
    margin-bottom: 7px;
}

.simptip-position-top:hover:before,
.simptip-position-top:hover:after {
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.simptip-position-top.simptip-movable:before {
    margin-bottom: -15px;
}

.simptip-position-top.simptip-movable:after {
    margin-bottom: -3px;
}

.simptip-position-top.simptip-movable:hover:before,
.simptip-position-top.simptip-movable:hover:after {
    -webkit-transform: translate(-50%, -10px);
    -moz-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    -o-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
}

.simptip-position-top.simptip-movable.half-arrow:before {
    margin-bottom: -10px;
}

.simptip-position-top.half-arrow:before {
    margin-bottom: 0;
    border-bottom: 7px solid transparent;
}


/******************************* Features ****************************/

.simptip-movable:before,
.simptip-movable:after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.simptip-smooth:after {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.simptip-fade:before,
.simptip-fade:after {
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
}

.simptip-multiline:after {
    height: auto;
    width: 150px;
    padding: 11px;
    line-height: 1.4;
    white-space: normal;
    text-align: left;
}


/**************************** Diverse Colors *************************/

.simptip-success.simptip-position-top:before {
    border-top-color: #62c462;
}

.simptip-success.simptip-position-top:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-bottom:before {
    border-bottom-color: #62c462;
}

.simptip-success.simptip-position-bottom:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-left:before {
    border-left-color: #62c462;
}

.simptip-success.simptip-position-left:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-right:before {
    border-right-color: #62c462;
}

.simptip-success.simptip-position-right:after {
    background-color: #62c462;
    color: #ecf0f1;
}

.simptip-success.simptip-position-top.half-arrow:before {
    border-right: 7px solid #62c462;
}

.simptip-success.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #62c462;
}

.simptip-info.simptip-position-top:before {
    border-top-color: #5bc0de;
}

.simptip-info.simptip-position-top:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-bottom:before {
    border-bottom-color: #5bc0de;
}

.simptip-info.simptip-position-bottom:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-left:before {
    border-left-color: #5bc0de;
}

.simptip-info.simptip-position-left:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-right:before {
    border-right-color: #5bc0de;
}

.simptip-info.simptip-position-right:after {
    background-color: #5bc0de;
    color: #ecf0f1;
}

.simptip-info.simptip-position-top.half-arrow:before {
    border-right: 7px solid #5bc0de;
}

.simptip-info.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #5bc0de;
}

.simptip-danger.simptip-position-top:before {
    border-top-color: #e74c3c;
}

.simptip-danger.simptip-position-top:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-bottom:before {
    border-bottom-color: #e74c3c;
}

.simptip-danger.simptip-position-bottom:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-left:before {
    border-left-color: #e74c3c;
}

.simptip-danger.simptip-position-left:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-right:before {
    border-right-color: #e74c3c;
}

.simptip-danger.simptip-position-right:after {
    background-color: #e74c3c;
    color: #ecf0f1;
}

.simptip-danger.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e74c3c;
}

.simptip-danger.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e74c3c;
}

.simptip-warning.simptip-position-top:before {
    border-top-color: #e67e22;
}

.simptip-warning.simptip-position-top:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-bottom:before {
    border-bottom-color: #e67e22;
}

.simptip-warning.simptip-position-bottom:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-left:before {
    border-left-color: #e67e22;
}

.simptip-warning.simptip-position-left:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-right:before {
    border-right-color: #e67e22;
}

.simptip-warning.simptip-position-right:after {
    background-color: #e67e22;
    color: #ecf0f1;
}

.simptip-warning.simptip-position-top.half-arrow:before {
    border-right: 7px solid #e67e22;
}

.simptip-warning.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #e67e22;
}


/* ICONOS VIAS DE PAGO */

.ic_fp_bf {
    background: transparent url('/img/ic_formas_pago.png') no-repeat;
    height: 48px;
}

.ic_fp_visa {
    width: 70px;
    background-position: -250px -156px;
}

.ic_fp_mastercard {
    width: 58px;
    background-position: -322px -156px;
}

.ic_fp_american-express {
    width: 44px;
    background-position: -382px -156px;
}

.ic_fp_cabal {
    width: 42px;
    background-position: -428px -156px;
}

.ic_fp_banco-galicia {
    width: 128px;
    background-position: -728px -108px;
}

.ic_fp_banco-santander-rio {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_bbva-banco-frances {
    width: 135px;
    background-position: -207px -108px;
}

.ic_fp_debito-automatico {
    width: 94px;
    background-position: -745px -60px;
}

.ic_fp_citibank {
    width: 56px;
    background-position: -146px -156px;
}

.ic_fp_pagofacil {
    width: 47px;
    background-position: -1px -156px;
}

.ic_fp_rapipago {
    width: 88px;
    background-position: -540px -156px;
}

.ic_fp_pagomiscuentas {
    width: 127px;
    background-position: -1px -60px;
}

.ic_fp_paypal-verified {
    width: 46px;
    background-position: -50px -156px;
}

.ic_fp_moneybookers {
    width: 73px;
    background-position: -130px -60px;
}

.ic_fp_dineromail {
    width: 101px;
    background-position: -625px -108px;
}

.ic_fp_correo-argentino {
    width: 108px;
    background-position: -630px -156px;
}

.ic_fp_western-union {
    width: 88px;
    background-position: -740px -156px;
}

.ic_fp_money-gram {
    width: 118px;
    background-position: -505px -108px;
}

.ic_fp_banco-mercantil-santa-cruz {
    width: 168px;
    background-position: -395px -252px;
}

.ic_fp_banco-credito-bolivia {
    width: 91px;
    background-position: -230px -348px;
}

.ic_fp_banco-itau {
    width: 44px;
    background-position: -204px -156px;
}

.ic_fp_grupo-santander {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_banco-banesto {
    width: 98px;
    background-position: -301px -60px;
}

.ic_fp_dineromail-mexico {
    width: 190px;
    background-position: -679px -252px;
}

.ic_fp_banco-banamex {
    width: 108px;
    background-position: -636px -60px;
}

.ic_fp_banco-bbva-bancomer {
    width: 110px;
    background-position: -95px -108px;
}

.ic_fp_banco-banorte {
    width: 112px;
    background-position: -565px -252px;
}

.ic_fp_bbv-banco-continental {
    width: 159px;
    background-position: -344px -108px;
}

.ic_fp_bbva-banco {
    width: 92px;
    background-position: -1px -108px;
}

.ic_fp_credit-uruguay {
    width: 112px;
    background-position: 0 -204px;
}

.ic_fp_banco-banesco {
    width: 109px;
    background-position: -401px -60px;
}

.ic_fp_banco-mercantil-venezuela {
    width: 103px;
    background-position: -120px -252px;
}

.ic_fp_naranja {
    width: 68px;
    background-position: 0 -300px;
}

.ic_fp_red-link {
    width: 48px;
    background-position: -97px -157px;
}

.ic_fp_banco-de-chile {
    width: 104px;
    background-position: -730px -204px;
}

.ic_fp_banco-bicentenario-universal {
    width: 140px;
    background-position: -70px -300px;
}

.ic_fp_banco-venezuela {
    width: 162px;
    background-position: -215px -308px;
}

.ic_fp_spvisa {
    width: 120px;
    background-position: -380px -300px;
}

.ic_fp_hsbc-mexico {
    width: 115px;
    background-position: -505px -300px;
}

.ic_fp_credito-peru {
    width: 168px;
    background-position: -225px -252px;
}

.ic_fp_banco-de-venezuela {
    width: 162px;
    background-position: -215px -300px;
}

.ic_fp_banco-macro {
    width: 114px;
    background-position: -630px -300px;
}

.ic_fp_banco-santafe {
    width: 140px;
    background-position: -750px -300px;
}

.ic_fp_banco-de-la-nacion-argentina {
    width: 140px;
    background-position: -588px -204px;
}

.ic_fp_davivienda {
    width: 48px;
    background-position: 0 -348px;
}

.ic_fp_7eleven {
    width: 46px;
    background-position: -50px -348px;
}

.ic_fp_scotiabank-uy {
    width: 126px;
    background-position: -100px -348px;
}

.ic_fp_banco-sabadell {
    width: 120px;
    background-position: -330px -348px;
}

.ic_fp_banco-bancolombia {
    height: 39px;
    width: 118px;
    background-position: -460px -350px;
}

.ic_fp_banco-santander-mexico {
    width: 98px;
    background-position: -301px -62px;
}

.ic_fp_banco_venezolano_credito {
    width: 153px;
    background-position: -530px -444px;
}

.ic_fp_payuco {
    width: 75px;
    background-position: -585px -348px;
}

.ic_fp_payumx {
    width: 75px;
    background-position: -585px -348px;
}

.ic_fp_baloto {
    width: 92px;
    background-position: -710px -348px;
}

.ic_fp_pse-co {
    width: 38px;
    background-position: -665px -348px;
}

.ic_fp_efecty {
    width: 78px;
    background-position: -810px -348px;
}

.ic_fp_sured {
    width: 83px;
    background-position: 0px -396px;
}

.ic_fp_banco-bogota {
    width: 160px;
    background-position: -90px -396px;
}

.ic_fp_banco-davivienda {
    width: 182px;
    background-position: -260px -396px;
}

.ic_fp_diners {
    width: 125px;
    background-position: -450px -396px;
}

.ic_fp_codensa {
    width: 92px;
    background-position: -585px -396px;
}

.ic_fp_oxxo {
    width: 67px;
    background-position: -740px -396px;
}

.ic_fp_spe-mx {
    width: 90px;
    background-position: -180px -444px;
}

.ic_fp_farmacias-ahorro {
    width: 85px;
    background-position: -430px -444px;
}

.ic_fp_farmacias-benavides {
    width: 143px;
    background-position: -280px -444px;
}


/* BANDERAS CLIENTES */

.clientes_flags {
    width: 16px;
    height: 11px;
    background: url('/img/banderas.png') no-repeat;
}

.cf-ag {
    background-position: -16px 0
}

.cf-ai {
    background-position: -32px 0
}

.cf-an {
    background-position: -48px 0
}

.cf-ar {
    background-position: -64px 0
}

.cf-aw {
    background-position: -80px 0
}

.cf-bb {
    background-position: -96px 0
}

.cf-bm {
    background-position: -112px 0
}

.cf-bo {
    background-position: 0 -11px
}

.cf-br {
    background-position: -16px -11px
}

.cf-bs {
    background-position: -32px -11px
}

.cf-bz {
    background-position: -48px -11px
}

.cf-ca {
    background-position: -64px -11px
}

.cf-ch {
    background-position: -80px -11px
}

.cf-cl {
    background-position: -96px -11px
}

.cf-co {
    background-position: -112px -11px
}

.cf-cr {
    background-position: 0 -22px
}

.cf-cu {
    background-position: -16px -22px
}

.cf-cw {
    background-position: -32px -22px
}

.cf-de {
    background-position: -48px -22px
}

.cf-dm {
    background-position: -64px -22px
}

.cf-do {
    background-position: -80px -22px
}

.cf-ec {
    background-position: -96px -22px
}

.cf-es {
    background-position: -112px -22px
}

.cf-fk {
    background-position: 0 -33px
}

.cf-fr {
    background-position: -16px -33px
}

.cf-gb {
    background-position: -32px -33px
}

.cf-gd {
    background-position: -48px -33px
}

.cf-gf {
    background-position: -64px -33px
}

.cf-gl {
    background-position: -80px -33px
}

.cf-gp {
    background-position: -96px -33px
}

.cf-gt {
    background-position: -112px -33px
}

.cf-gy {
    background-position: 0 -44px
}

.cf-hn {
    background-position: -16px -44px
}

.cf-ht {
    background-position: -32px -44px
}

.cf-it {
    background-position: -48px -44px
}

.cf-jm {
    background-position: -64px -44px
}

.cf-kn {
    background-position: -80px -44px
}

.cf-ky {
    background-position: -96px -44px
}

.cf-lc {
    background-position: -112px -44px
}

.cf-mq {
    background-position: 0 -55px
}

.cf-ms {
    background-position: -16px -55px
}

.cf-mx {
    background-position: -32px -55px
}

.cf-ni {
    background-position: -48px -55px
}

.cf-pa {
    background-position: -64px -55px
}

.cf-pe {
    background-position: -80px -55px
}

.cf-pm {
    background-position: -96px -55px
}

.cf-pr {
    background-position: -112px -55px
}

.cf-py {
    background-position: 0 -66px
}

.cf-sr {
    background-position: -16px -66px
}

.cf-sv {
    background-position: -32px -66px
}

.cf-tc {
    background-position: -48px -66px
}

.cf-tt {
    background-position: -64px -66px
}

.cf-us {
    background-position: -80px -66px
}

.cf-uy {
    background-position: -96px -66px
}

.cf-vc {
    background-position: -112px -66px
}

.cf-ve {
    background-position: 0 -77px
}

.cf-vg {
    background-position: -16px -77px
}

.cf-vi {
    background-position: -32px -77px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.mobile,
.tel_otros_paises .otros_paises.mobile {
    display: none;
}

#mobile-preloader {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0.8;
}


/* <TEMPLATES> */


/* Template: seccion_clientes */

.clientes_slider {
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.clientes_slider p {
    color: #444;
    font-size: 16px;
}

.clientes_slider p strong {
    font-weight: 500;
}

.clientes_slider p em {
    font-style: normal;
}

.clientes_slider p.titulo {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px !important;
    text-shadow: none;
    margin-top: 0px;
    text-align: center;
}

.clientes_slider p.titulo strong {
    font-weight: 600;
}

.clientes_slider ul.clientes_container {
    margin-top: 50px;
}

.clientes_slider ul.clientes_container li {
    margin: 0 auto;
    display: block;
    width: 940px;
    height: 100px;
    background-repeat: no-repeat;
}

.clientes_slider li.clientes_1 {
    background-position: 0 0;
}

.clientes_slider li.clientes_2 {
    background-position: 0 -100px;
}

.clientes_slider li.clientes_3 {
    background-position: 0 -200px;
}

.clientes_slider li.clientes_4 {
    background-position: 0 -300px;
}

.clientes_slider li.clientes_5 {
    background-position: 0 -400px;
}

.clientes_slider div.clientes_pager {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.clientes_slider div.clientes_pager a {
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
}

.clientes_slider div.clientes_pager a.activeSlide {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}


/* <PLUGINS-IT> */


/* </PLUGINS-IT> */


/* <SECCIONES-IT> */

body.secc-it:not(.mobile) .content_wrap {
    width: 940px;
    margin: 0 auto;
}


/* ESPACIADO VERTICAL BLOQUES */

.pb60 {
    padding-bottom: 60px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb120 {
    padding-bottom: 120px;
}

.pt60 {
    padding-top: 60px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 100px;
}

.pt120 {
    padding-top: 120px;
}


/* BOTONES */

.acceso_clientes .btn.oscuro {
    margin: 0px;
}

.secc-it .btn,
.footer_cta .btn {
    /* padding: 13px 24px; */
    border: none;
    box-shadow: none;
    background: #b6bec1;
}

.secc-it .btn {
    line-height: 14px;
    font-weight: normal;
}

.btn.btn_verde {
    background: #339900;
    color: #ffffff;
}

.btn.btn_verde:hover,
.btn.btn_verde:focus {
    background: #78c259;
}

.btn_xs {
    padding: 6px 10px !important;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 1px;
}

.btn_s {
    padding: 8px 10px !important;
    line-height: 15px;
    font-size: 11px;
    font-weight: 300;
}

.btn_l {
    padding: 12px 30px !important;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn_xl {
    padding: 14px 36px !important;
    font-size: 18px;
    letter-spacing: 1px;
}

.secc-it .btn_azul,
.footer_cta .btn_azul {
    background: #3598db;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
}

.btn_azul:hover,
.btn_azul:focus {
    background: #54ABE7 !important;
}


/* CARGA SPRITES */

.sprite_1 {
    background-image: url('/img/servicios-it-sprite_transparente.png');
    background-repeat: no-repeat;
}

.sprite_2 {
    background-image: url('/img/servicio it ic chat animado.gif');
    background-repeat: no-repeat;
}

.sprite_3 {
    background-repeat: no-repeat;
    background-color: #ffffff !important;
}


/* SECCION CLIENTES */

.clientes_1 {
    background-position: 0 0;
    text-indent: -9999px;
}

.clientes_2 {
    background-position: 0 -100px;
    text-indent: -9999px;
}

.clientes_3 {
    background-position: 0 -200px;
    text-indent: -9999px;
}

.clientes_4 {
    background-position: 0 -300px;
    text-indent: -9999px;
}

.clientes_5 {
    background-position: 0 -400px;
    text-indent: -9999px;
}


/* </SECCIONES-IT> */


/* KEYFRAMES */

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotateZ(0deg);
    }

    to {
        -webkit-transform: rotateZ(359deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotateZ(0deg);
    }

    to {
        -moz-transform: rotateZ(359deg);
    }
}

@-o-keyframes spin {
    from {
        -o-transform: rotateZ(0deg);
    }

    to {
        -o-transform: rotateZ(359deg);
    }
}

@keyframes spin {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(359deg);
    }
}


/* CLASES PARA VERSION MOBILE */


/* MEDIA QUERIES */

@media(max-width:979px) {
    body {
        padding-top: 0px;
    }

    body.mobile,
    html {
        padding: 0;
        margin: 0;
        border: none;
        font-family: 'Open Sans', sans-serif;
        position: relative;
    }

    .movil_contenido {
        display: block;
        width: 93%;
        margin-left: 4%;
        position: relative;
        height: 100%;
    }

    .movil_sprite {
        background: url("/img/sprite_mobile.png") no-repeat 0 0 transparent;
    }

    #movil_logo {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        left: 0;
        width: 125px;
        height: 35px;
        text-decoration: none;
        background-position: -100px 3px;
        text-indent: -9999px;
    }

    #movil_logo a {
        display: block;
        height: 100%;
    }

    #movil_menu .movil_contenido {
        overflow: hidden;
    }

    #movil_barra-contacto {
        width: 100%;
        height: auto;
        border-bottom: 3px solid #e3e6e8;
        background: #eceff1;
    }

    .magictime {
        -webkit-animation-duration: 0.3s !important;
        -moz-animation-duration: 0.3s !important;
        -o-animation-duration: 0.3s !important;
        animation-duration: 0.3s !important;
    }

    .movil_arrow {
        position: relative;
        border: none;
        display: block;
    }

    .movil_arrow:after,
    .movil_arrow:before {
        top: 50%;
        margin-top: -4px;
        left: 90%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .movil_arrow:after {
        border-color: transparent;
        border-top-color: #fff;
        border-width: 6px;
        margin-left: -8px;
    }

    .movil_arrow:before {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #b2bec3;
        border-width: 8px;
        margin-left: -10px;
    }

    .movil_accion,
    a.movil_accion {
        background: #56a846;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 3px;
        border-bottom: solid 2px #3c7d2f;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        line-height: 60px;
        display: inline-block;
    }

    .movil_accion:hover,
    a.movil_accion:hover {
        background: #5bb949;
    }

    .movil_accion:active,
    a.movil_accion:active {
        margin-top: 2px;
        border-bottom: none;
    }

    /*    .footer.mobile li a{
        line-height: 60px;
        padding-left: 22px;
        padding-right: 10px;
        color: #627984;
        display: block;
        text-align:left;
        font-weight: 600;
        font-size: 15px;
    }*/
    /*    .footer.mobile ul {
        width: 49%;
        float:left;
    }*/
    /*    .footer.mobile ul li {
        border:none;
        border-top: solid 1px #e2e5e6;
        border-right:solid 1px #e2e5e6;
    }*/
    /*    .footer.mobile ul li.first {
        border-top:none;
    }

    .footer.mobile ul.right-links li {
        border-right:none;
    }
                    
    .footer.mobile{
        background:#ecf0f1;
        padding: 1%;
        padding-top:40px;
        padding-bottom:40px;
    }*/
    .tel_otros_paises ul.otros_paises_list {
        right: auto;
        left: 0;
        width: 100%;
        bottom: 33px;
    }

    .movil_slide .movil_accion:active {
        margin-top: 43px;
    }

    /****************************
    ESCONDO EL SITIO
    *****************************/
    section.productos_box,
    section.dominio_box {
        display: none;
    }

    .cambio_pais a {
        line-height: 50px;
    }

    .cambio_pais ul {
        padding: 0;
        float: left;
        left: 1%;
        position: absolute;
        top: 98%;
        visibility: hidden;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        z-index: 541;
        -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
    }

    .fd_dd {
        background-color: #fff;
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        -webkit-border-radius: 0 0 2px 2px;
    }

    .tel_otros_paises ul.otros_paises_list {
        z-index: 1000;
    }

    .tel_otros_paises ul.otros_paises_list li a {
        line-height: 45px;
        text-transform: uppercase;
    }

    .mobile_wrapper {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .tel_otros_paises .otros_paises {
        display: none;
    }

    .tel_otros_paises .otros_paises.mobile {
        display: block;
        background: transparent;
        border: none;
    }

    .tel_otros_paises {
        position: absolute;
        right: 0;
        top: 0;
    }

    .tel_otros_paises ul.otros_paises_list {
        right: 10px;
        left: auto;
        width: 220px;
        bottom: auto;
        top: 40px;
        height: 215px;
        overflow: auto;
    }

    .otros_paises.mobile {
        overflow: hidden;
        position: absolute;
        top: 6px;
        right: 2px;
    }

    .otros_paises.mobile i {
        width: 45px;
        height: 40px;
        background-position: -70px -382px;
        display: block;
    }

    .mobile {
        display: block;
    }
}

@media(max-width:480px) {
    .mobile_wrapper {
        width: 100%;
    }
}


/*** Data Dropdown ***/

[data-dropdown] {
    cursor: pointer;
}


/********************/


/*******************************
Este archivo agrega estilos existentes en  nuevo/css/comunes/common.css
En algunos casos, reescribe estilos existentes en common_base 
*******************************/

@media (max-width: 979px) {
    .mobile_wrapper {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
}


/* -------------------- *\
    #COLUMNAS
\* -------------------- */

[class^="col-"] {
    display: inline-block;
    box-sizing: border-box;
}

.col-1-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.3333%;
}

.col-1-4 {
    width: 25%;
}

.col-1-5 {
    width: 20%;
}

.col-1-6 {
    width: 16.6666%;
}

.col-2-3 {
    width: 66.6666%;
}

.col-3-4 {
    width: 75%;
}

.col-2-5 {
    width: 40%;
}

.col-3-5 {
    width: 60%;
}

.col-4-5 {
    width: 80%;
}

.col-5-6 {
    width: 83.3333%;
}


/* -------------------- *\
    #BANDERAS
\* -------------------- */

.ic_flag {
    width: 27px;
    height: 18px;
    line-height: 18px;
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flag_ar {
    background-position: 0 -125px;
}

.flag_bo {
    background-position: -30px -125px;
}

.flag_br {
    background-position: -60px -125px;
}

.flag_cl {
    background-position: -90px -125px;
}

.flag_co {
    background-position: -120px -125px;
}

.flag_es {
    background-position: -150px -125px;
}

.flag_us {
    background-position: -180px -125px;
}

.flag_int {
    background-position: -210px -125px;
}

.flag_mx {
    background-position: -240px -125px;
}

.flag_pe {
    background-position: -270px -125px;
}

.flag_uy {
    background-position: -300px -125px;
}

.flag_ve,
.flag_ven,
.flag_vet {
    background-position: -330px -125px;
}

.bt_ic {
    vertical-align: text-top;
    display: inline-block;
    zoom: 1;
}


/* -------------------- *\
    #REDES SOCIALES
\* -------------------- */

.redes_sociales_lks {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.redes_sociales_lks li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 3px;
}

.redes_sociales_lks li a {
    display: block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.redes_sociales_lks li a:hover,
.redes_sociales_lks li a:focus {
    opacity: 0.6;
}


/* -------------------- *\
    #RESPONSIVE
\* -------------------- */

.mobile,
.solo_mobile {
    display: none;
}

@media (min-width: 980px) {
    .no-desktop {
        display: none !important;
    }
}

@media(max-width: 979px) {
    body {
        padding-top: 60px;
    }

    .no-mobile {
        display: none !important;
    }

    .solo_mobile {
        display: block;
    }

    section {
        padding: 4em 0;
    }

    section>.bloques {
        padding: 0 1.5em;
    }

    section>.bloques>.bloque .titulo {
        margin-bottom: 1.5em;
    }
}

@media(max-width: 979px) {
    .mobile {
        display: block;
    }
}

.bt,
.btxt,
.btn {
    position: relative;
    border: none;
    background-color: #a2aaad;
    color: #ffffff;
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn:hover,
.btn:focus {
    background-color: #b6bec1;
}


/* -------------------- *\
    #TAMA�OS
\* -------------------- */

.btn.small {
    padding: 5px 12px !important;
}

.btn.large {
    padding: 19px 35px !important;
}


/* -------------------- *\
    #COLORES
\* -------------------- */


/* Sobre-escribe las clases existentes de common_base.css */

.btn.principal {
    display: inline-block;
    box-shadow: none;
    text-align: center;
    font-size: 14px;
    background-color: #339900;
    padding: 14px 20px;
    border-radius: 4px;
    line-height: 24px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    box-sizing: border-box;
}

.btn.principal:hover,
.btn.principal:focus {
    background-color: #78c259;
}

.btn.principal.info {
    padding: 10px 18px;
}

.btn.secundario {
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    background-color: transparent;
    border: 1px solid #666666;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 14px 20px;
    display: inline-block;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.btn.secundario:hover,
.btn.secundario:focus {
    background-color: rgba(192, 192, 192, .4);
}

.btn.secundario.white {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
}

.btn.secundario.white:hover,
.btn.secundario.white:focus {
    background-color: rgb(254, 254, 254, 0.4);
}

.bt_azul,
.btxt_azul,
.btn.secondaty {
    background: #26AEE3;
}

.bt_azul:hover,
.bt_azul:focus,
.btn.secondaty:hover,
.btn.secondaty:focus {
    background: #3da1c8;
}

.btn.oscuro {
    background: #666;
    background-color: #666 !important;
}

.btn.oscuro:hover {
    background: #888;
    background-color: #888 !important;
    box-shadow: none !important;
}

.acceso_clientes .btn.oscuro {
    margin: 0px;
}


/**** Para compatibilizar la actualizacion de Common_base con las p�ginas viejas ****/

.bt {
    background: none;
    background-color: #56a846;
    box-shadow: none;
    line-height: 24px;
}

/* Rules for using icons as white on a dark background. */

.material-icons.md-light {
    color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3);
}


/*******
Nuevo
*******/

.spinner.jcover {
    border-bottom-color: rgb(58, 60, 68);
    border-right-color: rgba(58, 60, 68, 0.3);
    border-left-color: rgba(58, 60, 68, 0.3);
    border-top-color: rgba(58, 60, 68, 0.3);
    border-width: 4px;
    -webkit-animation: spin 0.5s linear infinite;
    -moz-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
    height: 45px;
    width: 45px;
}


/**
 * Template Overlay
 */

.difm-10 {
    display: none;
}

[data-template="overlay-msg"] {
    display: none;
}

[data-template="overlay-msg"] {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    display: none;
}

[data-template="overlay-msg"].flexible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

[data-template="overlay-msg"].active {
    opacity: 1;
}

[data-template="overlay-msg"] .overlay {
    width: 654px;
    max-width: 96%;
    box-sizing: border-box;
    padding: 30px 30px 20px 30px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    max-height: 90vh;
    overflow: auto;
}

[data-template="overlay-msg"] i.close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 10px;
    color: #777;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

[data-template="overlay-msg"] i.close:hover {
    color: #000;
    cursor: pointer;
}

[data-template="overlay-msg"] p.title {
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: 'Oxygen', 'Arial';
    font-size: 28px;
    line-height: 1.4;
    color: #3a3f4e;
}

[data-template="overlay-msg"] hr.sep-title {
    height: 2px;
    margin: 0 0 10px 0;
    background-color: #deefff;
    border: none;
    margin: auto;
    width: 100%;
}

[data-template="overlay-msg"] p.title b,
[data-template="overlay-msg"] p.title strong {
    font-weight: 600;
}

[data-template="overlay-msg"] p.title.error {
    color: #b90000;
}

[data-template="overlay-msg"] p.title.info {
    color: #f60;
}

[data-template="overlay-msg"] .row {
    padding: 15px 0;
}

[data-template="overlay-msg"] p.bajada-popup {
    font-size: 17px;
    font-weight: 600;
    color: #333333;
}

[data-template="overlay-msg"] p.text {
    font-size: 15px;
    color: #333333;
    margin: 0 0 20px 0;
}

[data-template="overlay-msg"] p.title i {
    font-size: 28px;
    position: relative;
    top: 5px;
    padding: 0 10px 0 0;
}

[data-template="overlay-msg"] .action::after {
    content: '';
    display: block;
    clear: both;
}

[data-template="overlay-msg"] a.main {
    line-height: 1;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 15px;
    float: right;
    background-color: transparent;
    color: #2d2d2d !important;
    border: 1px solid #2d2d2d;
    font-weight: 600;
}

[data-template="overlay-msg"] div.action {
    margin: 20px 0 0 0;
}

[data-template="overlay-msg"] a.main:hover,
[data-template="overlay-msg"] a.main:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

[data-template="overlay-msg"] a.secondary {
    display: none;
}

[data-template="overlay-msg"].fix-responsive .overlay {
    position: fixed;
    top: 60px;
    height: 90vh;
    overflow: auto;
    border-radius: 0px;
    max-width: 100%;
}

body.no-scroll {
    overflow: hidden;
}

body.no-scroll nav {
    z-index: 1;
}


/*captcha envialosimple*/

.mostrarCaptcha {
    display: none;
}

.mostrarCaptcha .inputs.captcha {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 20px;
}

.mostrarCaptcha img#imgCaptcha {
    display: block;
    margin-bottom: 20px;
}

.mostrarCaptcha .contenedor-input {
    position: relative;
    width: 46%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.mostrarCaptcha input {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    margin-right: 15px;
    font-size: 14px;
    border: none;
    background: rgba(255, 255, 255, .8);
    box-sizing: border-box;
    padding: 0 0 0 15px;
}

.mostrarCaptcha .mensaje-error {
    position: absolute;
    background-color: #f26363;
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    top: -15px;
    right: 0;
    display: none;
}


/**
* Checkbox Lead Forms RGDP
*/

div.lead-options {
    text-align: left;
    margin: 15px 0 0 0;
}

div.lead-options .option {
    cursor: pointer;
}

div.lead-options .option::after {
    content: '';
    display: block;
    clear: both;
}

div.lead-options i {
    font-size: 18px;
    display: inline-block;
    float: left;
}

div.lead-options i.checked {
    display: none;
}

div.lead-options span,
div.lead-options span>h1 {
    width: calc(100% - 20px);
    padding: 0 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

div.lead-options span>h1 {
    display: initial;
    padding: 0;
}

div.lead-options span strong {
    font-weight: 600;
}

div.lead-options span.error {
    opacity: 0;
    float: right;
    padding: 10px 0 0 0;
    font-size: 11px;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

div.lead-options .checked i {
    display: none;
}

div.lead-options .checked i.checked {
    display: inline-block;
}

div.lead-options.error span.error {
    opacity: 1;
}


/**
Banner RGDP
**/

.optanon-alert-box-wrapper {
    z-index: 999999999999 !important;
}

.input.custom-select {
    position: relative;
}

.input.custom-select i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -12px 0 0 0;
}

.input.custom-select input {
    cursor: pointer;
}

.input.custom-select ul {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    list-style: none;
    max-height: 200px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
}

.input.custom-select ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: .15s all;
    -moz-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}

.input.custom-select ul li:hover {
    background-color: #efefef;
}

.input.custom-select ul li.sep_option {
    font-size: 11px;
    font-weight: 700;
    color: #2d2d2d;
    background-color: #ccc;
    padding: 5px 15px;
    cursor: initial;
}


/* leyenda no incluye iva */

#leyenda-iva {
    text-align: center;
    margin-bottom: 50px;
}

.grecaptcha-badge {
    display: none !important;
}

/* ESTILOS MANUAL
===========================================================================================================================================================================================================================================================================================================================================================================================================================
*/

/* COLORES */

:root {

    /*Paleta principal */

    --naranja100: #FF6600;
    --naranja75: #FF9141;
    --naranja50: #FFC8A0;
    --naranja25: #FFE4D0;
    --naranja00: #FFF1E7;

    --azul150: #073C78;
    --azul125: #0050A9;
    --azul100: #0B77F4;
    --azul75: #5EAAFF;
    --azul50: #AFD5FF;
    --azul25: #DEEFFF;
    --azul00: #EFF7FF;

    --ebano125: #242731;
    --ebano100: #3A3F4E;

    --gris100: #333333;
    --gris75: #777777;
    --gris50: #9C9C9C;

    --verde100: #28B901;
    --verde50: #DBFFD0;
    --amarillo100: #FFCD05;
    --rojo100: #EA3B3B;


    /*Colores Productos*/

    --hosting-pri: #6f55ff;
    --hosting-sec: #6CEAFF;
    --hosting-bg: #E9F0FF;
    --hosting-100: #6F55FF;

    --wordpress-pri: #00A0D2;
    --wordpress-sec: #0073AA;
    --wordpress-bg: #D9F1F8;

    --woocommerce-pri: #873EFF;
    --woocommerce-sec: #441C75;
    --woocommerce-bg: #ECDDFF;
    --woocommerce-10: #EFE2FF;

    --elementor-pri: #3433B2;
    --elementor-bg: #F8D2FF;
    --elementor-100: #05047E;

    --bricks-pri: #18181B;
    --bricks-sec: #FAC514;

    --cloud-pri: #3071F2;
    --cloud-sec: #90F268;
    --cloud-ter: #F2A838;
    --cloud-10: #EBF1FE;
    --cloud-125: #0257B4;

    --dominio-pri: #361FEE;
    --dominio-sec: #3FE680;
    --dominio-bg: #E3DFFF;
    --dominio-100: #2F21FF;
    --dominio-10: #EBE9FF;

    --sitiosimple-pri: #0080EC;
    --sitiosimple-sec: #55E7B7;
    --sitioSimple-bg: #E0D2FF;

    --envialosimple-pri: #009C71;
    --envialosimple-sec: #FF873C;
    --envialosimple-bg: #E0F7F2;
    --envialosimple-100: #00C593;
    --envialosimple-10: #E6F6F1;

    --ssl-pri: #FFDA41;
    --ssl-sec: #19E997;

    --dedicados-pri: #041831;
    --dedicados-sec: #093062;
    --dedicados-tri: #00EAFF;

    --transaccional-100: #1A8CFF;
    --transaccional-50:#8DC6FF;
    --transaccional-10: #E9F4FF;

    --correopro-100: #0044F2;

    --ciberseguridad: #2FC078;

    --proxmox-pri: #E57000;
    --proxmox-sec: #020817;
}

/* TEXTOS */

/* Títulos */

.titulo-base {
    font-family: "Roboto condensed";
    color: var(--ebano100);
    margin-bottom: 0;
}

.titulo-light {
    color: #ffffff;
}

.titulo-xxl {
    font-size: 75px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}

.titulo-xxxl {
    font-size: 90px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}

.titulo-xl {
    font-size: 65px;
    font-weight: 700;
    line-height: 1.12;
    text-transform: uppercase;
}

.titulo-l {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.16;
}

.titulo-xm {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.17;
}

.titulo-m {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.22;
}

.titulo-s {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.32;
}

.titulo-xs {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: uppercase;
}

/* Bajadas */

.bajada-l {
    font-size: 35px;
    font-weight: 300;
    line-height: 1.28;
    color: var(--gris100);
    margin-bottom: 0;
}

.bajada-m {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--gris100);
    margin-bottom: 0;
}

.bajada-l-light {
    font-size: 35px;
    font-weight: 300;
    line-height: 1.28;
    color: #ffffff;
    margin-bottom: 0;
}

.bajada-m-light {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 0;
}

.texto-l {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
}

.texto-m {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.62;
    color: var(--gris100);
    margin-bottom: 0;
}

.texto-s {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: var(--gris100);
    margin-bottom: 0;
}

.texto-detalle {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.33;
    font-style: italic;
    color: var(--gris100);
    margin-bottom: 0;
}

.texto-l-light {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 0;
}

.texto-m-light {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.62;
    color: #ffffff;
    margin-bottom: 0;
}

.texto-s-light {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    color: #ffffff;
    margin-bottom: 0;
}

.texto-detalle-light {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.33;
    font-style: italic;
    color: #ffffff;
    margin-bottom: 0;
}

/* Margenes entre titulo y texto */

.titulo-xxl~.bajada-m {
    margin-top: 10px;
}

.titulo-xl~.bajada-m {
    margin-top: 10px;
}

.titulo-xxl~.bajada-m-light {
    margin-top: 10px;
}

.titulo-xl~.bajada-m-light {
    margin-top: 10px;
}

.titulo-l~.bajada-m {
    margin-top: 25px;
}

.titulo-l~.bajada-m-light {
    margin-top: 25px;
}

.titulo-xxl~.texto-l {
    margin-top: 25px;
}

.titulo-xl~.texto-l {
    margin-top: 25px;
}

.titulo-l~.texto-l {
    margin-top: 25px;
}

.titulo-xxl~.texto-l-light {
    margin-top: 25px;
}

.titulo-xl~.texto-l-light {
    margin-top: 25px;
}

.titulo-l~.texto-l-light {
    margin-top: 25px;
}

.titulo-m~.texto-l {
    margin-top: 20px;
}

.titulo-m~.texto-l-light {
    margin-top: 20px;
}

.titulo-m~.texto-m {
    margin-top: 20px;
}

.titulo-m~.texto-m-light {
    margin-top: 20px;
}

/* VINCULOS */

a.link-dark {
    color: #0099FF;
    font-size: 16px;
    font-weight: 600;
}

a.link-dark:hover {
    text-decoration: underline;
}

a.link-light {
    color: #A5DBFF;
    font-size: 16px;
    font-weight: 600;
}

a.link-light:hover {
    text-decoration: underline;
}


/* PRECIOS */

.precio {
    color: #3497DB;
    position: relative;
}

.precio-light {
    color: #ffffff;
    position: relative;
}

.precio-xxl .num_entero {
    font-size: 70px;
    font-weight: 700;
}

body .precio-xxl .num_decimal {
    line-height: inherit;
    font-size: calc(70px * 0.4);
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 21px;
}

.precio-xxl .simbolo-moneda {
    font-size: calc(70px * 0.6);
    font-weight: 600;
}

.precio-xxl .periodo {
    font-size: 20px;
    font-weight: 400;
    color: var(--gris100);
    margin-left: 3px;
}

.precio-xl .num_entero {
    font-size: 45px;
    font-weight: 700;
}

body .precio-xl .num_decimal {
    line-height: inherit;
    font-size: calc(45px * 0.4);
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 21px;
}

.precio-xl .simbolo-moneda {
    font-size: calc(45px * 0.6);
    font-weight: 600;
}

.precio-xl .periodo {
    font-size: 18px;
    font-weight: 400;
    color: var(--gris100);
    margin-left: 3px;
}

.precio-l .num_entero {
    font-size: 30px;
    font-weight: 700;
}

body .precio-l .num_decimal {
    line-height: inherit;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 4px;
    right: 21px;
}

.precio-l .simbolo-moneda {
    font-size: calc(30px * 0.6);
    font-weight: 600;
}

.precio-l .periodo {
    font-size: 14px;
    font-weight: 400;
    color: var(--gris100);
    margin-left: 3px;
}

.precio-m .num_entero {
    font-size: 25px;
    font-weight: 700;
}

body .precio-m .num_decimal {
    line-height: 1.5;
    font-size: 10px;
    font-weight: 600;
}

.precio-m .simbolo-moneda {
    font-size: calc(30px * 0.6);
    font-weight: 600;
}

.precio-m .periodo {
    font-size: 14px;
    font-weight: 400;
    color: var(--gris100);
    margin-left: -3px;
}

.precio-s .num_entero {
    font-size: 20px;
    font-weight: 600;
}

body .precio-s .num_decimal {
    line-height: inherit;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 8px;
    right: 17px;
}

.precio-s .simbolo-moneda {
    font-size: 20px;
    font-weight: 600;
}

.precio-light .periodo {
    color: #ffffff;
    margin-left: 3px;
}

/* Precio tachado */

.precio-tachado {
    color: #999999;
    position: relative;
}

.precio-tachado::after {
    content: '';
    background: #999999;
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
}

.precio-tachado-xxl .num_entero {
    font-size: 20px;
    font-weight: 400;
}

body .precio-tachado-xxl .num_decimal {
    line-height: inherit;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: -4px;
    right: -12px;
}

.precio-tachado-xxl .simbolo-moneda {
    font-size: 20px;
    font-weight: 400;
}

.precio-tachado-xl .num_entero {
    font-size: 18px;
    font-weight: 400;
}

body .precio-tachado-xl .num_decimal {
    line-height: inherit;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: -12px;
}

.precio-tachado-xl .simbolo-moneda {
    font-size: 18px;
    font-weight: 400;
}

.precio-tachado-l .num_entero {
    font-size: 14px;
    font-weight: 400;
}

body .precio-tachado-l .num_decimal {
    line-height: inherit;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: -12px;
}

.precio-tachado-l .simbolo-moneda {
    font-size: 14px;
    font-weight: 400;
}

.precio-tachado-m .num_entero {
    font-size: 14px;
    font-weight: 400;
}

body .precio-tachado-m .num_decimal {
    line-height: inherit;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: -12px;
}

.precio-tachado-m .simbolo-moneda {
    font-size: 14px;
    font-weight: 400;
}

/* precio descuento / bandera */

.precio-descuento {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

.precio-descuento .bandera {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 230px;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.precio-descuento.hosting .bandera {
    border-top-color: #d9ebff;
    border-bottom-color: #d9ebff;
}

.precio-descuento.wordpress .bandera {
    border-top-color: #d3f5ff;
    border-bottom-color: #d3f5ff;
}

.precio-descuento.woocommerce .bandera {
    border-top-color: var(--woocommerce-bg);
    border-bottom-color: var(--woocommerce-bg);
}

.precio-descuento.elementor .bandera {
    border-top-color: var(--elementor-bg);
    border-bottom-color: var(--elementor-bg);
}

.precio-descuento.cloud .bandera {
    border-top-color: #D3E5FF;
    border-bottom-color: #D3E5FF;
}

.precio-descuento .bandera .precio-tachado {
    position: relative;
    margin-right: 35px;
}

.precio-descuento.hosting .bandera .precio-tachado::after {
    background: var(--hosting-pri);
}

.precio-descuento.hosting .bandera .precio-tachado .num_entero {
    color: var(--hosting-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.hosting .bandera .precio-tachado .num_decimal {
    line-height: inherit;
    color: var(--hosting-pri);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    right: -16px;
}

.precio-descuento.hosting .bandera .precio-tachado .simbolo-moneda {
    color: var(--hosting-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.hosting .bandera .descuento {
    color: var(--hosting-pri);
    font-size: 20px;
    font-weight: 700;
}

.precio-descuento.wordpress .bandera .precio-tachado::after {
    background: var(--wordpress-pri);
}

.precio-descuento.wordpress .bandera .precio-tachado .num_entero {
    color: var(--wordpress-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.wordpress .bandera .precio-tachado .num_decimal {
    line-height: inherit;
    color: var(--wordpress-pri);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    right: -16px;
}

.precio-descuento.wordpress .bandera .precio-tachado .simbolo-moneda {
    color: var(--wordpress-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.wordpress .bandera .descuento {
    color: var(--wordpress-pri);
    font-size: 20px;
    font-weight: 700;
}

.precio-descuento.woocommerce .bandera .precio-tachado::after {
    background: var(--woocommerce-pri);
}

.precio-descuento.woocommerce .bandera .precio-tachado .num_entero {
    color: var(--woocommerce-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.woocommerce .bandera .precio-tachado .num_decimal {
    line-height: inherit;
    color: var(--woocommerce-pri);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    right: -16px;
}

.precio-descuento.woocommerce .bandera .precio-tachado .simbolo-moneda {
    color: var(--woocommerce-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.woocommerce .bandera .descuento {
    color: var(--woocommerce-pri);
    font-size: 20px;
    font-weight: 700;
}

.precio-descuento.elementor .bandera .precio-tachado::after {
    background: var(--elementor-pri);
}

.precio-descuento.elementor .bandera .precio-tachado .num_entero {
    color: var(--elementor-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.elementor .bandera .precio-tachado .num_decimal {
    line-height: inherit;
    color: var(--elementor-pri);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    right: -16px;
}

.precio-descuento.elementor .bandera .precio-tachado .simbolo-moneda {
    color: var(--elementor-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.elementor .bandera .descuento {
    color: var(--elementor-pri);
    font-size: 20px;
    font-weight: 700;
}

.precio-descuento.cloud .bandera .precio-tachado::after {
    background: var(--cloud-pri);
}

.precio-descuento.cloud .bandera .precio-tachado .num_entero {
    color: var(--cloud-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.cloud .bandera .precio-tachado .num_decimal {
    line-height: inherit;
    color: var(--cloud-pri);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 1px;
    right: -16px;
}

.precio-descuento.cloud .bandera .precio-tachado .simbolo-moneda {
    color: var(--cloud-pri);
    font-size: 20px;
    font-weight: 400;
}

.precio-descuento.cloud .bandera .descuento {
    color: var(--cloud-pri);
    font-size: 20px;
    font-weight: 700;
}

.precio-descuento .precio {
    margin-bottom: 5px;
}

.precio-descuento.hosting .precio .num_entero {
    color: var(--hosting-pri);
}

.precio-descuento.hosting .precio .num_decimal {
    color: var(--hosting-pri);
}

.precio-descuento.hosting .precio .periodo {
    color: var(--hosting-pri);
}

.precio-descuento.hosting .precio .simbolo-moneda {
    color: var(--hosting-pri);
}

.precio-descuento.wordpress .precio .num_entero {
    color: var(--wordpress-pri);
}

.precio-descuento.wordpress .precio .num_decimal {
    color: var(--wordpress-pri);
}

.precio-descuento.wordpress .precio .periodo {
    color: var(--wordpress-pri);
}

.precio-descuento.wordpress .precio .simbolo-moneda {
    color: var(--wordpress-pri);
}

.precio-descuento.woocommerce .precio .num_entero {
    color: var(--woocommerce-pri);
}

.precio-descuento.woocommerce .precio .num_decimal {
    color: var(--woocommerce-pri);
}

.precio-descuento.woocommerce .precio .periodo {
    color: var(--woocommerce-pri);
}

.precio-descuento.woocommerce .precio .simbolo-moneda {
    color: var(--woocommerce-pri);
}

.precio-descuento.elementor .precio .num_entero {
    color: var(--elementor-pri);
}

.precio-descuento.elementor .precio .num_decimal {
    color: var(--elementor-pri);
}

.precio-descuento.elementor .precio .periodo {
    color: var(--elementor-pri);
}

.precio-descuento.elementor .precio .simbolo-moneda {
    color: var(--elementor-pri);
}

.precio-descuento.cloud .precio .num_entero {
    color: var(--cloud-pri);
}

.precio-descuento.cloud .precio .num_decimal {
    color: var(--cloud-pri);
}

.precio-descuento.cloud .precio .periodo {
    color: var(--cloud-pri);
}

.precio-descuento.cloud .precio .simbolo-moneda {
    color: var(--cloud-pri);
}

.precio-descuento.sitioSimple .precio .num_entero {
    color: var(--sitiosimple-pri);
}

.precio-descuento.sitioSimple .precio .num_decimal {
    color: var(--sitiosimple-pri);
}

.precio-descuento.sitioSimple .precio .periodo {
    color: var(--sitiosimple-pri);
}

.precio-descuento.sitioSimple .precio .simbolo-moneda {
    color: var(--sitiosimple-pri);
}

.precio-descuento.envialoSimple .precio .num_entero {
    color: var(--envialosimple-pri);
}

.precio-descuento.envialoSimple .precio .num_decimal {
    color: var(--envialosimple-pri);
}

.precio-descuento.envialoSimple .precio .periodo {
    color: var(--envialosimple-pri);
}

.precio-descuento.envialoSimple .precio .simbolo-moneda {
    color: var(--envialosimple-pri);
}


/* BOTONES */

/* principal */

.boton-principal {
    background-color: #339900;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    padding: 15px 30px;
    cursor: pointer;
    border: none;
    transition: .3s all ease;
    line-height: 1.31;
    text-align: center;
}

.boton-principal:hover {
    background-color: #63CC2F;
    color: #ffffff;
}

.boton-principal-borde {
    background-color: #339900;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #ffffff;
    padding: 15px 30px;
    cursor: pointer;
    transition: .3s all ease;
    line-height: 1.31;
}

.boton-principal-borde:hover {
    background-color: #63CC2F;
}

.boton-principal-alter {
    background-color: #ffffff;
    color: #339900;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #339900;
    padding: 15px 30px;
    cursor: pointer;
    transition: .3s all ease;
    line-height: 1.31;
}

.boton-principal-alter:hover {
    color: #ffffff;
    background-color: #339900;
}

/* secundario */

.boton-secundario {
    background-color: transparent;
    color: var(--gris100);
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--gris100);
    padding: 15px 30px;
    cursor: pointer;
    transition: .3s all ease;
    line-height: 1.31;
}

.boton-secundario:hover {
    background-color: #DEEFFF;
}

.boton-secundario-light {
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ffffff;
    padding: 15px 30px;
    cursor: pointer;
    transition: .3s all ease;
    line-height: 1.31;
}

.boton-secundario-light:hover {
    background-color: rgb(255, 255, 255, 0.25);
    ;
}

/* especial */

.boton-especial {
    background-color: var(--naranja100);
    color: #ffffff;
    font-size: 20px;
    border-radius: 5px;
    padding: 15px 30px;
    cursor: pointer;
    border: none;
    transition: .3s all ease;
    line-height: 1.31;
}

.boton-especial:hover {
    background-color: var(--naranja75);
}

/* PESTAÑAS */

.contenedor-pestañas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor-pestañas .selector {
    background-color: #E3F1FF;
    border-radius: 5px 5px 0 0;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background, color .3s linear;
    cursor: pointer;
    text-align: center;
    font-family: "Roboto condensed";
    font-size: 20px;
    font-weight: 400;
    color: var(--azul100);
}

.contenedor-pestañas .selector.selector-xxl {
    width: 233px;
    height: 100px;
}

.contenedor-pestañas .selector.selector-xl {
    width: 180px;
    height: 45px;
}

.contenedor-pestañas .selector.selector-l {
    width: 135px;
    height: 35px;
}

.contenedor-pestañas .selector.selector-m {
    width: 120px;
    height: 30px;
}

.contenedor-pestañas .selector.activo {
    color: #ffffff;
}

.contenedor-pestañas .selector.activo .logo-wp {
    background-position-x: -694px;
}

.contenedor-pestañas .selector.activo.web-hosting {
    background-color: var(--hosting-pri);
}

.contenedor-pestañas .selector.activo.wordpress {
    background-color: var(--wordpress-pri);
}

.contenedor-pestañas .selector.activo.cloud {
    background-color: var(--cloud-pri);
}

.contenedor-pestañas .selector.activo.sitioSimple {
    background-color: var(--sitiosimple-pri);
}

.contenedor-pestañas .selector.activo.envialoSimple {
    background-color: var(--envialosimple-100);
}

/* fondo contenido pestañas */

.fondo-pestania {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
}

.fondo-pestania.web-hosting {
    background-color: var(--hosting-pri);
}

.fondo-pestania.wordpress {
    background-color: var(--wordpress-pri);
}

.fondo-pestania.cloud {
    background-color: var(--cloud-pri);
}

.fondo-pestania.sitioSimple {
    background-color: var(--sitiosimple-pri);
}

.fondo-pestania.envialoSimple {
    background-color: var(--envialosimple-pri);
}

.texto-moneda {
    text-align: center;
    margin-top: 35px;
}

.texto-moneda b {
    font-weight: 600;
}

/*MEDIA QUERIES*/

@media(max-width:768px) {

    /* Textos */

    .titulo-xxl {
        font-size: 60px;
    }

    .titulo-xl {
        font-size: 50px;
    }

    .titulo-l {
        font-size: 40px;
    }

    .titulo-xm {
        font-size: 35px;
    }

    .bajada-l {
        font-size: 25px;
    }

    .bajada-l-light {
        font-size: 25px;
    }

    /* Precios */

    .precio-xxl .num_entero {
        font-size: 50px;
    }

    body .precio-xxl .num_decimal {
        font-size: calc(50px * 0.4);
    }

    .precio-xxl .simbolo-moneda {
        font-size: calc(50px * 0.6);
    }

    .precio-xxl .periodo {
        font-size: 16px;
    }

    .precio-xl .num_entero {
        font-size: 40px;
    }

    body .precio-xl .num_decimal {
        font-size: calc(40px * 0.4);
    }

    .precio-xl .simbolo-moneda {
        font-size: calc(40px * 0.6);
    }

    .precio-xl .periodo {
        font-size: 14px;
    }

}

@media(max-width:576px) {

    /* Textos */

    .titulo-xxl {
        font-size: 50px;
    }

    .titulo-xl {
        font-size: 40px;
    }

    .titulo-l {
        font-size: 30px;
    }

    .titulo-xl~.bajada-l {
        margin-top: 0;
    }

    .texto-l {
        font-size: 16px;
    }

    .texto-l-light {
        font-size: 16px;
    }


}