/*  */

/*--FIN */

/* /sp/common_base.css */
@charset "iso-8859-1";
@import url('https://fonts.googleapis.com/css?family=Candal&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto|Ubuntu&display=swap');

/* 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;
    padding-top: 110px;
}

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;
}



/* 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;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs23 {
    font-size: 23px;
}

.fs24 {
    font-size: 24px;
}

a:link,
a:active,
a:visited {
    color: #0066CC;
    text-decoration: none;
}

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

.triangle_c_fd_dd {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FF6600 transparent;
    -webkit-transform: rotate(360deg);
}

.ic_circle_down,
.ic_circle_up,
.ic_circle_left,
.ic_circle_right,
.ic_circle_left_gris,
.ic_circle_right_gris {
    width: 42px;
    height: 42px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.ic_circle_down {
    background-position: -440px -150px;
}

.ic_circle_up {
    background-position: -485px -150px;
}

.ic_circle_left {
    background-position: -350px -150px;
}

.ic_circle_right {
    background-position: -395px -150px;
}

.ic_circle_left_gris {
    background-position: -440px -103px;
}

.ic_circle_right_gris {
    background-position: -485px -103px;
}


/* ICONOS MATERIAL */


/* Rules for sizing the icon. */

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}


/* Rules for using icons as black on a light background. */

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}


/* 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);
}


/* CARGA SPRITES */

.common {
    background-image: url('/img/donweb-common.png');
    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=);
}



/* DEFINE ACHO CONTENIDO */

.width_wrap {
    width: 960px;
    margin: 0 auto;
}



/* SOPORTE CONTENIDO PAGINAS VIEJAS */

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



/*  NAV - HEADER - BARRANAV - LOGO  */

i.ic_google_apps,
i.ic_parqueo_redir,
i.ic_gestion_contactos,
i.ic_bloqueo_dominio,
i.ic_gestion_dns {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

i.ic_google_apps {
    background-position: -256px -246px;
}

i.ic_parqueo_redir {
    background-position: -232px -246px;
}

i.ic_gestion_contactos {
    background-position: -208px -246px;
}

i.ic_bloqueo_dominio {
    background-position: -184px -246px;
}

i.ic_gestion_dns {
    background-position: -160px -246px;
}


/* 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;
}

i.bt_ic_ingresar {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: -32px -150px;
    line-height: 16px;
}

i.bt_ic_dalang {
    width: 16px;
    height: 16px;
    margin-left: 1px;
    background-position: -96px -150px;
}

.footer_cta i.bt_ic_dalang {
    width: 10px;
    height: 15px;
    margin-left: 6px;
    background-position: -64px -252px;
}

i.bt_ic_lang {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background-position: -19px -252px;
}

body.secc-it i.bt_spinner {
    background: url('/img/servicios-it-bt-spinner.gif') 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.bt_chat_experto {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background-position: -105px -177px;
}



/* FOOTERS */


/* PARA CONSERVAR RETROCOMPATIBILIDAD */

.flag_old_ar {
    background-position: 0 -72px;
}

.flag_old_bo {
    background-position: -20px -72px;
}

.flag_old_br {
    background-position: -40px -72px;
}

.flag_old_cl {
    background-position: -60px -72px;
}

.flag_old_co {
    background-position: -80px -72px;
}

.flag_old_es {
    background-position: -100px -72px;
}

.flag_old_us {
    background-position: -120px -72px;
}

.flag_old_int {
    background-position: -140px -72px;
}

.flag_old_mx {
    background-position: -160px -72px;
}

.flag_old_pe {
    background-position: -180px -72px;
}

.flag_old_uy {
    background-position: -200px -72px;
}

.flag_old_ve {
    background-position: -220px -72px;
}




#TAPA {
    position: absolute;
    color: #555555;
    text-align: center;
    background-color: #FFFFFF;
    z-index: 10000;
}

#TAPA_MSG {
    position: absolute;
    background: #000000 url('/img/spinner-tapa.gif') center center no-repeat;
    width: 80px;
    height: 80px;
    z-index: 10001;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

a.LinkAyuda:link,
a.LinkAyuda:active,
a.LinkAyuda:visited {
    background: url('/img/ic_ayuda.png') 0 center no-repeat;
    text-decoration: underline!important;
    line-height: 18px;
    padding-left: 20px;
}

a.LinkAyuda:hover,
a.LinkAyuda:focus {
    color: #0099FF;
}

.container_bg_gral {
    background: #EEEEEE url("/img/container_bg_gral.jpg") 0 0 repeat-x;
    border: 1px solid #DFDFDF;
    padding: 8px;
    margin-top: 30px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.container_bg_gral_int {
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 25px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sep_content {
    background-position: 0 -825px;
    width: 870px;
    height: 12px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 50px;
    clear: both;
}


/* MONEDA SEPARADA ENTERO DECIMAL */

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

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




/* 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;
}


/* ATOOLTIP */

.aToolTip {
    border: 2px solid #EAFF55;
    background: #F4FFAA;
    color: #555555;
    margin: 0 20px 0 0;
    padding: 10px 15px 10px 15px;
    font-size: 13px;
    line-height: 20px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
}

#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000;
}

.aToolTip .aToolTipContent {
    position: relative;
    margin: 0;
    padding: 0;
}

.aToolTip .aToolTipContent p {
    margin: 0 0 15px 0;
}

#aToolTipCloseBtn {
    display: block;
    height: 34px;
    width: 32px;
    background: url('/js/atooltip/x.png') no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -25px;
    right: -30px;
    margin: 2px;
}





/* 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;
}


/* BOX CLIENTES TESTIMONIOS  */

.box_clientes_testimonios_container {
    position: relative;
    background: #FFFFFF;
    padding: 10px 10px 10px 30px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 40px;
}

#box_clientes h3,
#box_testimonios h3 {
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    color: #666666;
    margin: 20px 0 10px 5px;
}

#box_clientes {
    float: left;
    position: relative;
}

.box_clientes_list {
    overflow: hidden;
    height: 90px;
    background: #EEEEEE;
    padding: 15px 0 15px 15px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.fullWidth .box_clientes_list {
    margin-left: 30px;
}

.box_clientes_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.box_clientes_list ul li {
    overflow: hidden;
    float: left;
    height: 90px;
}

.box_clientes_list ul li span {
    display: block;
    float: left;
    width: 145px;
    height: 90px;
    margin-right: 15px;
    text-indent: -10000px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('/img/logos-clientes-sprite.jpg');
    background-repeat: no-repeat;
}

#clientes_anterior,
#clientes_siguiente {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #eeeeee;
    top: 181px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#clientes_anterior {
    background-position: -184px -690px;
    left: 15px;
}

#clientes_siguiente {
    background-position: -214px -690px;
    right: 15px;
}

#clientes_anterior:hover,
#clientes_siguiente:hover {
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.fullWidth #clientes_anterior {
    top: 103px;
    left: -5px;
}

.fullWidth #clientes_siguiente {
    top: 103px;
    right: -35px;
}


#box_testimonios {
    float: right;
    width: 355px;
    height: 190px;
    position: relative;
    background: #eeeeee;
    padding: 0px 10px 30px 30px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#box_testimonios ul {
    width: 355px;
    height: 131px;
    background-position: -310px -690px;
}

.box_testimonios_desc {
    margin: 12px 0 0 13px;
    width: 315px;
    height: 90px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4;
    color: #999999;
    overflow: hidden;
}

.box_testimonios_desc span {
    display: block;
    margin-bottom: 5px;
}

.box_testimonios_desc span.last {
    margin-bottom: 0;
}

.box_testimonios_desc a {
    color: #666666;
    text-decoration: underline;
    font-style: normal;
}

.box_testimonios_firma {
    line-height: 1.5;
    position: absolute;
    top: 122px;
    left: 43px;
    font-size: 12px;
    color: #999999;
    font-family: Arial, helvetica, sans-serif;
}

#testimonio_anterior,
#testimonio_siguiente {
    display: block;
    position: absolute;
    width: 20px;
    height: 30px;
    background-color: #eeeeee;
    top: 177px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 99;
}

#testimonio_anterior {
    background-position: -189px -690px;
    right: 45px;
}

#testimonio_siguiente {
    background-position: -219px -690px;
    right: 25px;
}

#testimonio_anterior:hover,
#testimonio_siguiente:hover {
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}


/* 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: -14.66667px;
}

.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: -2px;
}

.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: 19px;
    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;
}

.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 */

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

.secc-it .btn {
    line-height: 14px;
    text-transform: uppercase;
    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>header {
        display: none;
    }

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

    .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,
    header {
        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) {

    .width_wrap {
        width: 96%;
    }
    .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;
}


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

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

.triangle_c_fd_dd {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #FF6600 transparent;
    -webkit-transform: rotate(360deg);
}

.ic_circle_down,
.ic_circle_up,
.ic_circle_left,
.ic_circle_right,
.ic_circle_left_gris,
.ic_circle_right_gris {
    width: 42px;
    height: 42px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.ic_circle_down {
    background-position: -440px -150px;
}

.ic_circle_up {
    background-position: -485px -150px;
}

.ic_circle_left {
    background-position: -350px -150px;
}

.ic_circle_right {
    background-position: -395px -150px;
}

.ic_circle_left_gris {
    background-position: -440px -103px;
}

.ic_circle_right_gris {
    background-position: -485px -103px;
}


/* ICONOS MATERIAL */


/* Rules for sizing the icon. */

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}


/* Rules for using icons as black on a light background. */

.material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26);
}


/* 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);
}

i.ic_google_apps,
i.ic_parqueo_redir,
i.ic_gestion_contactos,
i.ic_bloqueo_dominio,
i.ic_gestion_dns {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

i.ic_google_apps {
    background-position: -256px -246px;
}

i.ic_parqueo_redir {
    background-position: -232px -246px;
}

i.ic_gestion_contactos {
    background-position: -208px -246px;
}

i.ic_bloqueo_dominio {
    background-position: -184px -246px;
}

i.ic_gestion_dns {
    background-position: -160px -246px;
}


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

.ic_social_fb {
    background-position: -380px 0;
}

.ic_social_tt {
    background-position: -420px 0;
}

.ic_social_gp {
    background-position: -460px 0;
}

.ic_social_yt {
    background-position: -500px 0;
}

.ic_social_db {
    background-position: -540px 0;
}

.ic_social_in {
    background-position: -500px -40px;
}
.ic_social_ln {
    background-position: -539px -40px;
}


/*******
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;
}

.overlay-msg {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999999;
    opacity: 0;

    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;

    display: none;
}

.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;
}

.overlay-msg.active {
    opacity: 1;
}

.overlay-msg .overlay {
    max-width: 550px;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 30px 20px 30px;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
}

.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;
}

.overlay-msg i.close:hover {
    color: #000;
    cursor: pointer;
}

.overlay-msg p.title {
    font-size: 26px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 30px 0;
    color: #777;
}

.overlay-msg p.title b,
.overlay-msg p.title strong{
    font-weight: 600;
}

.overlay-msg p.title.error {
    color: #b90000;
}

.overlay-msg p.title.info {
    color: #f60;
}

.overlay-msg p.text {
    font-size: 15px;
    color: #2d2d2d;
    margin: 0 0 20px 0;
}

.overlay-msg p.title i {
    font-size: 28px;
    position: relative;
    top: 5px;
    padding: 0 10px 0 0;
}

.overlay-msg .action::after {
    content: '';
    display: block;
    clear: both;
}

.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;
}

.overlay-msg div.action {
    margin: 20px 0 0 0;
}

.overlay-msg a.main:hover,
.overlay-msg a.main:focus {
    background-color: rgba(0,0,0,0.1);
}

.overlay-msg a.secondary {
    display: none;
}

.overlay-msg.fix-responsive .overlay {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: auto;
    border-radius: 0px;
}

body.no-scroll {
    overflow: hidden;
}

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

/**
* Checkbox newsletter RGDP
*/
div.newsletter-options {
    margin: 25px 0 20px 0;
}

div.newsletter-options div.option {
    display: flex;
    margin: 0 0 15px 0;
    cursor: pointer;
}

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

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

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

div.newsletter-options div.option span {
    display: inline-block;
    font-weight: 300;
    float: left;
    width: calc(100% - 18px);
    box-sizing: border-box;
    padding: 0 0 0 5px;
    font-size: 13px;
}

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

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

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

div.newsletter-options span.error {
    top: -22px;
}

div.newsletter-options p.aclaracion {
    font-weight: 300;
    padding: 0 0 0 5px;
    font-size: 11px;
    line-height: 1.1;
}

/**
* 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 {
    width: calc( 100% - 20px );
    padding: 0 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

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;
}
/*--FIN /sp/common_base.css */

/* /sp/common_chat.css */
/***
Formulario
***/
.dw-form{
}

.dw-form .select,
.dw-form .input{
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #ccc;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.dw-form .select label,
.dw-form .input label{
    height: 14px;
    font-size: 14px;
    font-weight: 300;
    color: #999;
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -7px 0 0 0;
    z-index: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.dw-form .input input{
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    color: #2d2d2d!important;
    z-index: 1;
    background: transparent;
    position: relative;
    box-sizing: border-box;
    padding: 15px 10px 5px 10px;
}

.dw-form .select.active label,
.dw-form .input.active label{
    font-size: 10px;
    top: 11px;
}

.dw-form .input.error,
.dw-form .select.error {
    border-color: #c33;
}

.dw-form .select.error label,
.dw-form .input.error label {
    color: #c33;
}

.dw-form .input span.error,
.dw-form .select span.error {
    position: absolute;
    bottom: -15px;
    left: 10px;
    font-size: 11px;
    color: #c33;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.dw-form .input.error span.error,
.dw-form .select.error span.error {
    opacity: 1;
}

@media(max-width: 420px){
    .dw-form .grupo-telefono .input:nth-child(1),
    .dw-form .grupo-telefono .input:nth-child(2){
        width: calc(50% - 7px);
    }

    .dw-form .grupo-telefono .input:nth-child(2){
        margin: 0;
    }

    .dw-form .grupo-telefono .input:nth-child(3){
        width: 100%;
        margin: 10px 0 0 0;
    }
}
/* Chat Flotante */
.chat-container {
    pointer-events: none;
    position: fixed;
    bottom: 45px;
    right: 40px;
    z-index: 1000;
    -webkit-transition: .1s all linear;
       -moz-transition: .1s all linear;
         -o-transition: .1s all linear;
            transition: .1s all linear;
}
.contacto_item_trigger, .contacto_items div {
    display: inline;
}
.contacto_item_trigger {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .25s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .25s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .25s cubic-bezier(.55,0,.55,.2);
    transition: all .25s cubic-bezier(.55,0,.55,.2);
    position: relative;
}
.chat-container.active .contacto_item_trigger {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn_item_trigger {
    display: inline-block;
    pointer-events: auto;
    background-color: #FF6600;
    border-radius: 50%;
    min-width: 0;
    width: 56px;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0 0 0 20px;
    white-space: nowrap;
}
.btn_item_trigger:hover, .chat-container.open .btn_item_trigger {
    opacity: 0.9;
}
.btn_item_trigger i {
    line-height: 56px;
    color: #fff;
}
.contacto_items {
    display: inline-block;
    pointer-events: none;
    padding: 5px 0px;
    margin-right: -10px;
    box-sizing: border-box;
}
.chat-container.open, .chat-container.open .contacto_items {
    pointer-events: auto;
}
.contacto_items > div {
    margin: 0 5px;
    position: relative;
}
.contacto_items > div span.item_tooltip {
    display: block;
    position: absolute;
    top: -43px;
    right: -18px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 5px 10px;
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
    line-height: 1.2;
    opacity: 0;
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    box-sizing: border-box;
}
.contacto_items > div.contacto_item_contacto span.item_tooltip {
    right: -14px;
}
.contacto_items > div.contacto_item_telefono span.item_tooltip {
    right: -10px;
}
.contacto_items > div span.item_tooltip:after {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2px;
    bottom: -4px;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,0.7);
}
.contacto_items > div:hover span.item_tooltip {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.contacto_item_chat a, .contacto_item_formulario a, .contacto_item_telefono a {
    display: inline-block;
    background-color: #FFF;
    border-radius: 50%;
    min-width: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.chat-container.open .contacto_items div a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.contacto_item_chat a {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -ms-transition-delay: 120ms;
    transition-delay: 120ms;
}
.contacto_item_formulario a {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -ms-transition-delay: 60ms;
    transition-delay: 60ms;
}
.contacto_item_telefono a {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
}
.chat-container.open .contacto_item_chat a {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    transition-delay: 0ms;
}
.chat-container.open .contacto_item_formulario a {
    -webkit-transition-delay: 60ms;
    -moz-transition-delay: 60ms;
    -ms-transition-delay: 60ms;
    transition-delay: 60ms;
}
.chat-container.open .contacto_item_telefono a {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -ms-transition-delay: 120ms;
    transition-delay: 120ms;
}
.contacto_items div a i {
    line-height: 42px;
    color: #333;
}
.contacto_items div a:hover i {
    color: #FF6600;
}

/*** animaciones chat ***/
.chat-container .contacto_item_trigger .anima-chat {
    background-color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: -1;
    position: absolute;
    top: -14px;
    left: 23px;
}

.chat-container .contacto_item_trigger .anima-chat .anim {
    background-color: #FF6600;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 0px;
}

@-webkit-keyframes circ {
    0% {
    }

    50% {
    -webkit-transform: scale(2);
    }

    100% {
    -webkit-transform: scale(1);
    }
}

@-moz-keyframes circ {
    0% {
    }

    50% {
    -moz-transform: scale(2);
    }

    100% {
    -moz-transform: scale(1);
    }
}

@keyframes circ {
    0% {
    }

    50% {
    transform: scale(2);
    }

    100% {
    transform: scale(1);
    }
}

.chat-container .contacto_item_trigger .anima-chat .anim-1 {
    animation: circ 1s forwards .2s;
    -webkit-animation: circ 1s forwards .2s;
    -moz-animation: circ 1s forwards .2s;
    -o-animation: circ 1s forwards .2s;
    animation: circ 1s forwards .2s;
}

.chat-container .contacto_item_trigger .anima-chat .anim-2 {
    animation: circ 1.5s forwards .3s;
    -webkit-animation: circ 1.5s forwards .3s;
    -moz-animation: circ 1.5s forwards .3s;
    -o-animation: circ 1.5s forwards .3s;
    animation: circ 1.5s forwards .3s;
}

.chat-container .contacto_item_trigger .anima-chat .anim-3 {
    animation: circ 1.9s forwards .5s;
    -webkit-animation: circ 1.9s forwards .5s;
    -moz-animation: circ 1.9s forwards .5s;
    -o-animation: circ 1.9s forwards .5s;
    animation: circ 1.9s forwards .5s;
}

/*tooltip nuevo*/

.tooltip-chatea {
    display: block;
    position: absolute;
    top: -52px;
    left: -30px;
    right: -30px;
    text-transform: uppercase;
    z-index: 5;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 7px 7px 3px;
    text-align: center;
    border-radius: 4px;
    line-height: 1.3;
    opacity: 0;
    -webkit-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -moz-transition: all .15s cubic-bezier(.55,0,.55,.2);
    -ms-transition: all .15s cubic-bezier(.55,0,.55,.2);
    transition: all .15s cubic-bezier(.55,0,.55,.2);
    box-sizing: border-box;
    padding-bottom: 8px;
}

.mostrar-tooltip-al-inicio {
    -webkit-animation: anima-tooltip 5s forwards;
    -moz-animation: anima-tooltip 5s forwards;
    -ms-animation: anima-tooltip 5s forwards;
    -o-animation: anima-tooltip 5s forwards;
    animation: anima-tooltip 5s forwards;
}

@-webkit-keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        -moz-transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        -moz-transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

@keyframes anima-tooltip {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
        transform: translateY(-5px);
    }

    85% {
        opacity: 1;
        transform: translateY(-5px);
    }

    100% {
        opacity: 0;
    }
}

.tooltip-chatea:after {
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -2px;
    bottom: -4px;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0,0,0,0.7);
}

@media (min-width: 800px) {
.chat-container .contacto_item_trigger:hover .tooltip-chatea {
        opacity: 1;
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@media (max-width: 980px){
    .chat-container {
        bottom: 20px;
        right: 20px;
    }
}

div[data-template="chat-tc"] {
    display: none;
}

.chat-tc .overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
}

.chat-tc .overlay .cont {
    background: #fff;
    width: 440px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 30px;
    border-radius: 6px;
    box-sizing: border-box;
}

.chat-tc .overlay .cont i.close {
    color: #333;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 26px;
    cursor: pointer;
}

.chat-tc .overlay p.tit {
    color: #333;
    line-height: 1.3;
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 25px 0;
}

.chat-tc .overlay .tarjetas {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}

.chat-tc .overlay .tarjetas li {
    display: inline-block;
    cursor: pointer;
    margin: 0 20px;
}

.chat-tc .overlay .tarjetas li:first-child {
    margin-left: 0; 
}

.chat-tc .overlay .tarjetas li:last-child {
    margin-right: 0; 
}

.chat-tc .overlay .tarjetas img {
    height: 40px;
}

.chat-tc .sprite-tc.visa {
    width: 87px;
    background-position: 0px -47px;
}

.chat-tc .sprite-tc.master {
    background-position: -127px -45px;
    width: 53px;
}

.chat-tc .sprite-tc.american {
    background-position: -230px -45px;
    width: 41px;
}

.chat-tc .sprite-tc.naranja {
    background-position: -325px -45px;
    width: 30px;
}

.chat-tc .sprite-tc.visa.active {
    background-position: 0px -5px;
}

.chat-tc .sprite-tc.master.active {
    background-position: -127px -3px;
}

.chat-tc .sprite-tc.american.active {
    background-position: -230px -3px;
}

.chat-tc .sprite-tc.naranja.active {
    background-position: -325px -3px;
}

.chat-tc .overlay .info-tc {
    margin: 0 0 40px 0;
}

.chat-tc .overlay form {
    max-width: 380px;
    margin: 0 auto;
}

.chat-tc .vencimiento {
    position: relative;
    float: left;
}

.chat-tc .vencimiento::after {
    content: '';
    display: block;
    clear: both;
}

.chat-tc .vencimiento span.error {
    position: absolute;
    bottom: -15px;
    left: 10px;
    font-size: 11px;
    color: #c33;
    opacity: 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.chat-tc .vencimiento.error span.error {
    opacity: 1;
}

.chat-tc .vencimiento.error div.select {
    border-color: #c33;
}

.chat-tc .overlay .info-tc::after {
    content: '';
    display: block;
    clear: both;
}
.chat-tc .overlay .info-tc .input {
    width: calc( 100% - 220px );
    display: inline-block;
    margin: 0;
    float: right;
}

.chat-tc .overlay .info-tc .select {
    display: inline-block;
    width: 100px;
    margin: 0 10px 0 0;
    float: left;
}

.chat-tc .overlay .info-tc .select,
.chat-tc .overlay .info-tc .select label,
.chat-tc .overlay .info-tc .select span {
    cursor: pointer;
}

.chat-tc .overlay .info-tc .select span.valor {
    display: inline-block;
    padding: 15px 10px 5px 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;   
}

.chat-tc .overlay .info-tc .select i {
    color: #ccc;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -10px 0 0 0;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.chat-tc .overlay .info-tc .select ul {
    display: none;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    height: 200px;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    top: 38px;
    left: -1px;
    right: -1px;
}

.chat-tc .overlay .info-tc .select ul li {
    padding: 10px;
    background-color: white;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #ddd;
}

.chat-tc .overlay .info-tc .select.open {
    border-radius: 5px 5px 0 0;
}

.chat-tc .overlay .info-tc .select.open i {
    -webkit-transform: rotate( 180deg );
    -moz-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    -o-transform: rotate( 180deg );
    transform: rotate( 180deg );
}

.chat-tc .footer {
    background-color: #fff;
}

.chat-tc .footer::after {
    content: '';
    display: block;
    clear: both;
}

.chat-tc .footer p {
    float: left;
    margin: 0;
    line-height: 35px;
    color: #999;
    font-weight: 300;
    font-style: italic;
    font-size: 15px;
    position: relative;
    padding: 0 0 0 30px;  
}

.chat-tc .footer p img {
    background-position: -8px -90px;
    width: 27px;
    height: 36px;
    position: absolute;
    top: -1px;
    left: 0;
}

.chat-tc .footer a {
    float: right;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    width: 100px;
    box-sizing: border-box;
}

.chat-tc .envio {
    text-align: center;
}

.chat-tc .envio a {
    color: #0099FF;
    cursor: pointer;
    text-decoration: underline;
}

@media( max-width: 460px ), ( max-height: 430px ) {
    .chat-tc .overlay .cont {
        max-width: 100%;
        width: 100%;
        top: 0! important;
        margin: 0 !important;
        text-align: center;
        overflow: auto;
        height: 100vh;
    }

    .chat-tc .overlay .cont i.close {
        color: #333;
        position: static;
        display: block;
        text-align: right;
        margin: 0 0 30px 0;
    }

    .chat-tc .vencimiento {
        position: relative;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .chat-tc .overlay .info-tc .select {
        width: calc( 50% - 5px );
    }

    .chat-tc .vencimiento .select:nth-child(2) {
        margin: 0;
    }

    .chat-tc .overlay .info-tc .input {
        width: 100%;
    }

    .chat-tc .overlay .tarjetas li {
        margin: 0 0 10px -4px;
        width: 50%;
    }
}

/* Nuevo Chat*/
#livechat-compact-container {
    right: 30px !important;
    bottom: 20px !important;
}
/*--FIN /sp/common_chat.css */

/* /sp/common_footer_1.css */
/* FOOTER 1 */
.footer_links{
	display: none;
}
.footer_1 {
    background-color: #ECF0F1;
    border-top: 1px solid #E2E3E5;
}
.footer_1 .width_wrap {
    position: relative;
}
.foot_section_tit {
    padding-top: 50px;
    font-size: 20px;
    font-weight: 300;
    color: #161A1B;
}
.footer_1 ul {
    line-height: 2.3;
    margin-bottom: 50px;
    margin-right: 75px;
    list-style: disc;
    color: #777777;
    padding-left: 20px;
    font-size: 13px;
}
.footer_1 ul li a {
    color: #777777;
}
.footer_1 ul li a:hover {
    text-decoration: underline;
}
.foot_tel {
    width: 240px;
    float: right;
    background-color: #DEE3E6;
    padding: 50px 30px 50px 30px;
}
.cta_tel_list {
    list-style: none!important;
    padding-left: 0!important;
    list-style: none!important;
    padding-left: 0!important;
    min-width: 240px;
    margin: 0!important;
    line-height: 1.8!important;
}
.cta_tel_list li {
    clear: both;
}
.cta_tel_list li strong {
    float: right;
    color: #333333;
    font-size: 14px;
}
.foot_tel_tit {
    line-height: 1.3;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: #333;
}
.foot_tel_tit span {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.foot_tel_tit span img {
    vertical-align: baseline;
    margin-right: 6px;
}
.foot_tel .separador {
    height: 1px;
    margin: 15px 0;
    background-color: #BEC3C6;
}
.otros_paises.mobile{
	display: none!important;
}
.tel_otros_paises {
    position: relative;
}
.tel_otros_paises .otros_paises {
    display: block;
    line-height: 32px;
    border: 1px solid #BEC3C6;
    background-color: #ECF0F1;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #AAAAAA;
    text-decoration: none;
    padding:0 8px 0 6px;
}
.ic_op_wolrd {
    width:16px;
    height:16px;
    background-position:-64px -150px;
    margin: 2px 5px 0 0;
}
.ic_op_da {
    float: right;
    width:16px;
    height:16px;
    background-position:-80px -150px;
    margin-top: 8px;
}
.tel_otros_paises ul.otros_paises_list {
    background-color: #ffffff;
    padding: 2px 0 2px 0;
    list-style: none;
    position: absolute;
    right: 101%;
    bottom: 1px;
    margin: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.tel_otros_paises ul.otros_paises_list li a {
    white-space: nowrap;
    display: block;
    line-height: 2.1;
    padding: 0 15px 0 12px;
}
.tel_otros_paises ul.otros_paises_list li a img{
	margin-right: 7px;
}
.tel_otros_paises ul.otros_paises_list li a:hover {
    text-decoration: none;
    background-color: #4F4F4F;
    color: #ffffff;
}
/*** Footer ! Mobile ***/
@media (max-width: 979px){
    .otros_paises.no-mobile {
        display: none;
    }
    .otros_paises {
        overflow: hidden;
        position: absolute;
        top: 6px;
        right: 2px;
    }
    .otros_paises i {
        width: 45px;
        height: 40px;
        background-position: -70px -382px;
        display:block;
    }
    .tel_otros_paises ul.otros_paises_list{
        right:auto;
        left:0;
        width:100%;
        bottom: 33px;
    }
    .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;
    }
    .tel_otros_paises .otros_paises {
        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;
    }
    .footer_1 .width_wrap {
        width: 100%;
    }
    .foot_tel {
        width: 100%;
        box-sizing: border-box;
    }
    .foot_tel .cta_tel_list li strong{
        float:none;
    }
    .footer_links li a{
        line-height: 60px;
        padding-left: 22px;
        padding-right: 10px;
        color: #627984;
        display: block;
        text-align:left;
        font-weight: 600;
        font-size: 15px;
    }
    .foot_tel .cta_tel_list li strong {
        line-height: 45px;
        font-size:16px;
    }
    .footer_links ul {
        width: 49%;
        float:left;
    }
    .footer_links ul li {
        border:none;
        border-top: solid 1px #e2e5e6;
        border-right:solid 1px #e2e5e6;
    }
    .footer_links ul li.first {
        border-top:none;
    }
    .footer_links ul.right-links li {
        border-right:none;
    }             
    .footer_links{
        background:#ecf0f1;
        padding: 1%;
        padding-top:40px;
        padding-bottom:40px;
        display: block;
    }
    .foot_tel.mobile{
        position:inherit;
    }

    .footer_1.mobile .width_wrap{
        width:100%;
    }
    .foot_tel.mobile .cta_tel_list li strong{
        float:none;
    }
    .foot_tel.mobile .cta_tel_list li, .foot_tel.mobile .cta_tel_list li strong {
        line-height: 45px;
        font-size:16px;
    }
}

.footer_1 .tel-aclaracion{
    font-size: 12px;
    font-weight: 400;
    color: #888;
    margin: 20px 0 0 0;
}
/*--FIN /sp/common_footer_1.css */

/* /sp/common_footer_2.css */
/* FOOTER 2 */
.btn.principal{
    color: #fff;
    line-height: 24px;
}

form.suscripcion_footer select {
    max-width: 100%;
    height: 34px;
    border-radius: 0px;
    background-color: white;
    padding-left: 10px;
}

.checkbox_error {
    background-color: #f26363;
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    top: -15px;
    right: 0;
    display: none;
    margin-bottom: 5px;
}

.footer_2 {
    background-color: #F4F6F5;
    border-top: 1px solid #DFE3E4;
}

.footer_2 .width_wrap {
    position: relative;
    padding: 50px 0;
}

.footer_2 div.left.first {
    width: 307px;
}

.footer_2 .foot_section_tit {
    padding-top: 0!important;
}

.footer_2 ul {
    line-height: 2.3;
    margin-right: 75px;
    list-style: disc;
    color: #777777;
    padding-left: 20px;
    font-size: 13px;
}

.footer_2 ul li a {
    color: #777777;
}

.footer_2 ul li a:hover {
    text-decoration: underline;
}

.footer_2 .foot_newsletter {
    width: 300px;
    color: #333;
}

.footer_2 .foot_newsletter p.small{
    font-size: 12px;
}

.footer_2 .foot_newsletter .separador {
    height: 1px;
    margin: 20px 0 20px 0;
    background-color: #BEC3C6;
}

.footer_2 .foot_newsletter div[data-tipo] {
    position: relative;
}

.footer_2 .foot_newsletter div[data-tipo] span.error {
    display: none;
}

.footer_2 .foot_newsletter div[data-tipo].error span.error {
    display: block;
}

.footer_2 form[name="emailMarketingSubscription"] input[type="text"] {
    font-size: 16px;
    font-weight: 300;
    width:92%;
    color: #2d2d2d;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    margin-bottom: 10px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.footer_2 form[name="emailMarketingSubscription"] input[type="text"].error, 
.pais_actual.error {
    border-color: #f00;
}

.footer_2 .news_paises {
    position:relative;
}

.footer_2 .pais_actual {
    display: block;
    line-height: 32px;
    border: 1px solid #BEC3C6;
    background-color: #fff;/*#ECF0F1;*/
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #666666!important;
    text-decoration: none;
    padding:0 8px 0 10px;
    margin-bottom: 10px;
}

.footer_2 .pais_actual:hover, 
.pais_actual:focus {
    text-decoration: none!important;
    cursor: pointer;
}

.footer_2 .news_paises_list {
    z-index: 1;
    position: absolute;
    top:34px;
    width: 100%;
    left: 0;
    right: 0;
    height: 150px;
    overflow: scroll;
    background-color: #ffffff;
    list-style: none!important;
    padding: 0!important;
    margin: 0;
    overflow-x: hidden; 
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.footer_2 .news_paises_list li {
    line-height: 28px;
    border-bottom: 1px solid #dddddd;
    padding:0 11px;
    cursor: pointer;
}

.footer_2 .news_paises_list li.sep_option {
    color: #ffffff;
    font-style: italic;
    background-color: #cccccc;
}

.footer_2 .news_paises_list li:hover {
    color: #ffffff;
    background-color: #4F4F4F;
}

.footer_2 .tip_message {
    font-size: 12px;
    display: block;
    padding:6px 10px;
    position: absolute;
    top: -8px;
    right: 0px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.footer_2 .tip_message.error {
    background-color: #E44D3A;
    color: #FFFFFF;
}

.footer_2 .news_paises .tip_message {
    top:-6px;
}

.footer_2 .news_spinner {
    line-height: 32px;
    color: #999999;
}

.footer_2 .news_spinner img {
    vertical-align: middle;
    margin-right: 4px;
}

.footer_2 .news_respuesta p {
    color: #999999;
}

.footer_2 .news_respuesta p:first-child {
    font-size: 24px;
    color: #57A947;
    line-height: 1.3;
    margin-bottom: 10px;
}

.footer_2 .news_lk_privacidad {
    float: left;
    font-size: 11px;
    margin-top: 30px;
}
/*--FIN /sp/common_footer_2.css */

/* /sp/common_footer_3.css */
/* FOOTER 3 */
.footer_3 {
    background-color: #BEC3C7;
    border-top: 2px solid #ffffff;
    padding: 30px 0 60px 0;
    text-align: center;
}
.footer_3 .width_wrap {
    padding: 0;
}
.footer_3 ul li {
    display:inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 10px;
    border-right: 1px solid #cccccc;
    margin: 0 0 5px 0;
}
.footer_3 ul li.last {
    border-right: none;
}
.footer_3 ul li a {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.4;
}
/*--FIN /sp/common_footer_3.css */

/* /sp/common_footer_final.css */
/* FOOTER FINAL */
.footer_final {
    height: 100px;
    background-color: #1E1E1E;
    color: #BBBBBB;
    font-size: 11px;
    font-weight: 300;
}
.footer_final .width_wrap {
    position: relative;
}
.footer_final .copyright_info {
    position: absolute;
    top: 36px;
    left: 0;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 400;
    color: #777;
}

.footer_final .copyright_info img {
    display: block;
    height: 36px;
    width: 90px;
    cursor: pointer;
}

.footer_final .logo_donweb_pie {
    vertical-align: middle;
    margin: 2px 15px 0 0;
    width: 57px;
    height: 25px;
    background-position: -180px 0;
}
.footer_final .logo_web_pie {
    vertical-align: middle;
    margin: 0;
    width: 87px;
    height: 25px;
    background-position: -180px -30px;
}
.footer_final .logos_pie {
    position: absolute;
    top: 27px;
    right: 0px;
}
.footer_final .logos_pie li {
    line-height:50px;
    vertical-align:middle;
    display:inline;
    margin-left:15px;
}
/* Sprites */
.lp_iso {background-position: 0 -75px; width:68px; height:50px;}
.lp_iccan {background-position:-76px -75px; width:34px; height:50px;}
.lp_com {background-position:-118px -75px; width:60px; height:50px;}
.lp_amipci {background-position:-186px -75px; width:50px; height:50px;}
.lp_premio {background-position:-243px -75px; width:44px; height:50px;}
.lp_db {background-position:-295px -75px; width:56px; height:50px;}
.lp_datafiscal {background-position:-300px 0; width:37px; height:50px;}
.lp_ccce {background-position:-422px -214px; width:63px; height:50px;}
.lp_iab_co {background-position:-350px -214px; width:64px; height:50px;}
.lp_capece{ background-position: -489px -214px;height: 50px;width: 80px;}


/* Footer Mobile*/
@media (max-width: 979px){
    .footer_final{
        height: 260px;
    }

    .footer_final .no-desktop{
        text-align: center;
    }

    .footer_final a {
        display: inline-block;
        width: 45px;
        height: 45px;
        margin-right: 3px;
        margin-top: 10px;
        text-indent:-9999px;
    }

    .footer_final a.donweb {
        width: 180px;
        background-position: 4px 19px;
        margin:auto;
        display: block;
    }
    .footer_final a.donweb img {
        display: block;
        margin: auto;
    }
    .footer_final a.facebook {
        background-position: -204px -155px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }
    .footer_final a.twitter {
        background-position: -244px -155px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }
    .footer_final a.gmail {
        background-position: -284px -155px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }

    .footer_final a.instagram {
        background-position: -324px -196px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }

    .footer_final a.linkedin {
        background-position: -364px -196px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }

    .footer_final a.youtube {
        background-position: -324px -155px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }

    .footer_final a.blog {
        background-position: -364px -155px;
        background-color: #1E1E1E;
        position: relative;
        z-index: 1;
        zoom: 1.1;
    }
}


@media (max-width: 874px){
    .footer_final{
        height: 210px;
    }
}


/*--FIN /sp/common_footer_final.css */

/* /sp/common_base_atomic.css */

/*------------------------------------*\
  #ATOMIC
\*------------------------------------*/

    .bg-n { background: none !important; }

    .bgc-t { background-color: transparent !important; }
    .bgc-blanco { background-color: white; }

    .b-n  { border: none !important; }
    .bt-n { border-top: none !important; }
    .bb-n { border-bottom: none !important; }
    .br-1 { border-right: 1px solid #ccc; }

    .cl-b { clear: both; }

    .cur-p{
        cursor: pointer;
    }

    .d-b  { display: block !important; }
    .d-i  { display: inline; }
    .d-ib { display: inline-block !important; }
    .d-n  { display: none !important; }

    .fc-blanco { color: white !important; }
    .fc-rojo { color: red; }
    .fc-verde { color: green; }

    .fl-l { float: left; }
    .fl-r { float: right; }

    .fz-1x          {font-size: 1em; !important}
    .fz-1_5x          {font-size: 1.5em; !important}
    .fz-2x          {font-size: 2em; !important}
    .fz-3x          {font-size: 3em; !important}
    .fz-4x          {font-size: 4em; !important}
    .fz-5x          {font-size: 5em; !important}
    .fz-6x          {font-size: 6em; !important}

    .fz-small-x     { font-size: .6em !important; line-height: 1.2em !important; }
    .fz-small       { font-size: .8em !important; line-height: 1.2em !important; }
    *.fz-smaller    { font-size: .85em; }
    .fz-medium-s    { font-size: .9em !important; /*line-height: 1.2em !important;*/ }
    .fz-medium      { font-size:  1em; line-height: 1.2em; }
    .fz-medium-l    { font-size: 1.1em; line-height: 1.4em; }
    .fz-medium-xl   { font-size: 1.2em; line-height: 1.4em; }
    *.fz-larger     { font-size: 1.25em; }
    .fz-large       { font-size: 1.4em !important; line-height: 1.6em !important;}    

    .fc-w { color: #fff !important; }
    .fs-i { font-style: italic !important; }

    .fw-n { font-weight: normal !important; }
    .fw-l { font-weight: 300 !important; }
    .fw-b { font-weight: 700 !important; }
    .fw-sb { font-weight: 600 !important; }

    .m-1x { margin: 1em; }
    .m-2x { margin: 2em; }
    .m-3x { margin: 3em; }
    .m-4x { margin: 4em; }
    .m-5x { margin: 5em; }

    .mb-5  { margin-bottom: 5px; }
    .mb-10 { margin-bottom: 10px; }
    .mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }

    .mb-1x { margin-bottom: 1em !important; }
    .mb-2x { margin-bottom: 2em !important; }
    .mb-3x { margin-bottom: 3em !important; }
    .mb-4x { margin-bottom: 4em !important; }
    .mb-5x { margin-bottom: 5em !important; }

    .mt-1x { margin-top: 1em !important; }
    .mt-2x { margin-top: 2em !important; }
    .mt-3x { margin-top: 3em !important; }
    .mt-4x { margin-top: 4em !important; }
    .mt-5x { margin-top: 5em !important; }

    .mt-5  { margin-top: 5px; }
    .mt-10 { margin-top: 10px; }
    .mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }

    .ml-1x { margin-left: 1em !important; }
    .ml-2x { margin-left: 2em !important; }
    .ml-3x { margin-left: 3em !important; }
    .ml-4x { margin-left: 4em !important; }
    .ml-5x { margin-left: 5em !important; }

    .mr-10 { margin-right: 10px; }
    .mr-20 { margin-right: 20px; }
    .mr-30 { margin-right: 30px; }

    .mr-1x { margin-right: 1em !important; }
    .mr-2x { margin-right: 2em !important; }
    .mr-3x { margin-right: 3em !important; }
    .mr-4x { margin-right: 4em !important; }
    .mr-5x { margin-right: 5em !important; }
    .mr-6x { margin-right: 6em !important; }
    .mr-7x { margin-right: 7em !important; }
    .mr-8x { margin-right: 8em !important; }

    .mw-1x { min-width: 1em; }
    .mw-2x { min-width: 2em; }
    .mw-3x { min-width: 3em; }
    .mw-4x { min-width: 4em; }
    .mw-5x { min-width: 5em; }
    .mw-6x { min-width: 6em; }
    .mw-7x { min-width: 7em; }

    .of-h { overflow: hidden; }

    .p-1x { padding: 1em; }
    .p-2x { padding: 2em; }
    .p-3x { padding: 3em; }

    .pb-10 { padding-bottom: 10px; }
    .pb-20 { padding-bottom: 20px; }
    .pb-30 { padding-bottom: 30px; }

    .pb-1x { padding-bottom: 1em; }
    .pb-2x { padding-bottom: 2em; }
    .pb-3x { padding-bottom: 3em; }

    .pl-10 { padding-left: 10px; }
    .pl-20 { padding-left: 20px; }
    .pl-30 { padding-left: 30px; }

    .pl-1x { padding-left: 1em; }
    .pl-2x { padding-left: 2em; }
    .pl-3x { padding-left: 3em; }

    .pr-10 { padding-right: 10px; }
    .pr-20 { padding-right: 20px; }
    .pr-30 { padding-right: 30px; }

    .pr-1x { padding-right: 1em; }
    .pr-2x { padding-right: 2em; }
    .pr-3x { padding-right: 3em; }

    .pt-1x { padding-top: 1em; }
    .pt-2x { padding-top: 2em; }
    .pt-3x { padding-top: 3em; }

    .ta-l { text-align: left; }
    .ta-c { text-align: center; }
    .ta-r { text-align: right; }

    .td-u { text-decoration: underline; }

    .tt-u { text-transform: uppercase; }
    .tt-c { text-transform: capitalize; }

    .w-full,
    .w-1-2,
    .w-1-3,
    .w-2-3,
    .w-1-4,
    .w-3-4,
    .w-1-5,
    .w-4-5,
    .w-2-5,
    .w-1-6,
    .w-1-7,
    .w-1-12 {
        display: inline-block;
        margin-right: -4px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        .w-1-2:last-child,
        .w-1-3:last-child,
        .w-2-3:last-child,
        .w-1-4:last-child,
        .w-3-4:last-child,
        .w-1-5:last-child,
        .w-4-5:last-child,
        .w-1-6:last-child,
        .w-1-7:last-child,
        .w-1-12:last-child { margin-right: 0; }

        .w-full { width: 100%; }
        .w-1-2 { width: 50% !important; }
        .w-1-3 { width: 33.333333% !important; }
        .w-2-3 { width: 66.666666% !important; }
        .w-1-4 { width: 25% !important; }
        .w-3-4 { width: 74.9% !important; }
        .w-1-5 { width: 20% !important; }
        .w-4-5 { width: 80% !important; }
        .w-2-5 { width: 40% !important; }
        .w-1-6 { width: 16.666666% !important; }
        .w-1-7 { width: 14.2% !important; }
        .w-1-12 { width: 8.333333% !important; }

    .h-full { height: 100% !important; }



/*--FIN /sp/common_base_atomic.css */

/* /sp/common_header.css */
/****
CARTEL
Refere Box
****/
.cartel {
    background-color: #f4f6f8;
    padding: 2.14em 1.8em;
    border-radius: 2px;
    width: 350px;
    box-sizing: border-box;
    margin: 0 0 0 -4px;
    display: inline-block;
    color: #888;
    font-size: 13px;
    font-weight: 300;
}

.hosting.cartel {
    width: 480px;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    margin: 15px 0 0 -4px;
}

.hosting.cartel p {
    margin: 0 0 16px;
    line-height: 1.5;
    color: #333333;
    font-size: 14px;
}

.menu-container .hosting.cartel .titulo {
    font-size: 26px;
    text-transform: capitalize;
}

/****
NAV
****/
nav {
    position: absolute;
    top:0;
    z-index: 999;
    width: 100%;
}

nav .width_wrap { max-width: 1200px; }
nav li.triangulo {
    position: relative;
    height: 3px;
    padding: 0;
    border-bottom: none !important;
}
nav .triangle_c_fd_dd {
    position: absolute;
    top: -8px;
    left: 5%;
    border-color: transparent transparent #e5eaed;
}
nav .triangle_c_fd_dd.right {
    left: 5%;
}
/****
HEADER
****/

nav .header {
    height: 50px;
    position: relative;
    background-color: #28292d;
    background-image: none!important;
    color: #fff;
}

nav #logo {
    margin: 7px;
    position: relative;
    display: inline-block;
}

nav #logo a {
    display: block;
    background-position: 0 0;
    text-indent: -9999px;
    position: relative;
}

nav #logo a span.logo-dw{
    display: block;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90px;
}

.header .material-icons { line-height: inherit; }

.menues-top .menu.acceso_clientes_operadores,
.menues-top .menu.acceso_clientes_logueados {
    background-color: #3a3c44;
    /*border-bottom: 2px solid #28292d;*/
    /*height: 58px;*/
    height: 50px;
}

.acceso_clientes_operadores a,
.acceso_clientes_logueados a {
    display: block;
    padding: 0px 20px;
    color: #a0a1a9;
    line-height: 50px;
}

.acceso_clientes_operadores{
    padding: 0 10px;
}

.acceso_clientes_operadores a{
    display: inline-block;
    padding: 0 5px;
}




/* -------------------- *\
    #MENUES TOP
\* -------------------- */

.menues-top {
    /*position: relative;*/
    float: right;
    margin: 0;
    height: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
        align-items: center;
}

.menues-top .menu { 
    /*position: relative;*/
    margin: 0 1.3em; 
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.menues-top .menu:first-child { margin-left: 0; }
.menues-top .menu:last-child { margin-right: 0; }

.menu_right li a {
    text-transform: uppercase;
    color: #fff;
}

.header .ico-dropdown {
    color: #76777f;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .2em;
    vertical-align: top;
}




/* -------------------- *\
    #MENU TELEFONOS
\* -------------------- */

.header .telefonos .ico-telefono {
    vertical-align: middle;
    padding: 0;
    margin: -2px 0 0 0;
    color: rgba(255,255,255,.7);
}

.header .telefonos .fd_dd {
    width: 200%; 
}

.header .telefonos .fd_dd li a strong {
    float: right;
    padding-left: 10px;
}




/* -------------------- *\
    #MENU CAMBIO PAIS
\* -------------------- */

.header .cambio_pais {
    
}




/* -------------------- *\
    #MENU CAMBIO IDIOMA
\* -------------------- */

.header .cambio_idioma {

}




/* -------------------- *\
    #MENU CARRITO
\* -------------------- */

.menu.carrito {
    /*display: block;
    width: 52px;
    height: 52px;*/
    position: relative;
}

.menu.carrito .cantidad {
    color: #fff;
    background-color: #f60;
    text-align: center;
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display:block;
    position: absolute;
    top: -5px;
    right: -7px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}



/* -------------------- *\
    #MENUES DESPLEGABLES
\* -------------------- */

.header .fd_dd {
    background-color: #E5EAED;
    -webkit-border-radius: 0 0 2px 2px;
       -moz-border-radius: 0 0 2px 2px;
            border-radius: 0 0 2px 2px;
}
    
.fd_dd > li > .item,
.fd_dd > li > a > .item {
    color: #333333;
    line-height: 1 !important;
    white-space: nowrap;
    display: block;
    padding: 10px 13px 10px 13px;
    font-size:13px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
}

.menu_right ul li {
    margin-left:0;
    display: block;
    float: none;
    border-bottom: 1px solid #dddddd;
}

.menu_right ul li a:hover {
    color: #ffffff;
    background: #4f4f4f;
}
.menu_right ul li a img{
    margin-right: 7px;
}
.menu_right > li > ul {
    display: block;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0;
    float: left;
    left: 0;
    position: absolute;
    top: 95%;
    visibility: hidden;
    display: block;
    -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);
}

.menu_right li:hover > ul {
    top: 120%;
    visibility: visible;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.menu_right li.cambio_pais ul, .menu_right li.cambio_idioma ul, .menu_right li.acceso_clientes_logueados ul {
    left: -10px;
}

/* Acceso Clientes */
li.acceso_clientes {
    margin-left: 30px!important;
    height: 35px!important;
}


/* Clientes Logueados */
li.acceso_clientes_logueados {
    background-color: #eeeeee;
    padding: 0px 20px;
    line-height: 50px;
    height: 50px;
}
li.acceso_clientes_logueados a {
    text-transform: none;
    font-size: 14px;
}
li.acceso_clientes_logueados ul {
    right: 0px;
    left: auto!important;
    top: 45px;
}

li.acceso_clientes_logueados ul li {
    text-align: left;
}
li.acceso_clientes_logueados ul li a.acl_logout {
    border-top: 1px solid #AAA;
}


/* -------------------- *\
    #BUSCADOR
\* -------------------- */

.header .menu.busqueda .width_wrap {
    padding: 4em 0;
}

.header .menu.busqueda a[data-target] {
    display: inline-block;
    height: 46px;
    position: relative;
}

.header .menu.busqueda a[data-target].activo::after {
    content: ' ';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    bottom: -3px;
}

.header .input-buscador,
.header .resultados-busqueda {
    max-width: 730px;
    margin: auto;
}

.menu.busqueda .resultado-busqueda-dominio{
    display: none;
    max-width: 730px;
    margin: 30px auto 0 auto;
}
.menu.busqueda .resultado-busqueda-dominio i.check{
    color: #78c259;
    font-size: 30px;
    position: relative;
    top: 8px;
    left: 23px;
}
.menu.busqueda .resultado-busqueda-dominio span.dominio{
    color: #2d2d2d;
    font-weight: 600;
    font-size: 22px;
    display: inline-block;
    margin: 0 0 0 30px;
}
.menu.busqueda .resultado-busqueda-dominio span.texto{
    color: #000;
    display: inline-block;
    margin: 0 10px;
}
.menu.busqueda .resultado-busqueda-dominio a.btn{
    background: rgba(220, 220, 220, 0.1);
    color: #7e8184!important;
    line-height: 1;
    padding: 15px 45px 15px 15px;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.menu.busqueda .resultado-busqueda-dominio a.btn i{
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 13px;
}
.menu.busqueda .resultado-busqueda-dominio a.btn:hover{
    background: #56a846;
    color: white!important;
}
.header .input-buscador {
}

.header .input-buscador input {
    padding: 10px 0; 
    font-size: 1.71em;
}

.header .input-buscador input::-webkit-input-placeholder { color: #ccc; }
.header .input-buscador input:-moz-placeholder { color: #ccc; }
.header .input-buscador input:-ms-input-placeholder { color: #ccc; }

.header .resultados-busqueda {
    text-align: center;
    padding-top: 2em;
}

.header .busqueda .menu-container {
    position: fixed;
    top: 50px;
    z-index: 2000;
    opacity: 1;
    display: none;
    height: calc(100vh - 60px);
    overflow: auto;
    box-sizing: border-box;
    cursor: initial;
}

.header .busqueda .menu-container.activo {
    display: block;
}

.header .busqueda .material-icons { cursor: pointer; }

#buscador-header .spinner { 
    margin: 2em auto 1em;
}

#buscador-header i.close{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777;
    font-size: 35px;
    padding: 10px;
}

#buscador-header .items {
    visibility: visible;
    float: none;
    text-align: left;
}
        
#buscador-header .items li {
    border: none;
}

#buscador-header .items li > a {
    color: #333333;
    font-size: 1.3em;
    line-height: 1.44em;
}

#buscador-header .items li > a:hover { 
    background-color: transparent;
    color: #f60;
}

#buscador-header .sin-resultados {
    font-size: 1.4em;
    text-align: center;
    color: #aaa;
    font-weight: 300;
}


/****
Barra NAV - Menu
****/
nav .barranav { 
    background: #3a3c44; 
    overflow: hidden;
}
.link-pro {
    float: right;
    padding: 14px;
}
.link-pro i {
    display: block;
    width: 28px;
    height: 31px;
    background-position: 0 0;
}
.link-pro:hover i,
.link-pro.activo i {
    background-position: -100% 0;
}
/****
MENU CONTAINER
***/
.menu-container {
    padding: 30px 0 40px 0;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    display: none;
}
.menu-container .cartel .titulo{
    color: #f16623;
    text-transform: uppercase;
    display: inline-block;
}
.menu-container .cartel .titulo { 
    font-size: 1.5em; 
    line-height: 1.3em;
    font-weight: 300;
}
.menu-container .cartel span.titulo{
    margin: 0 3px 0 0;
}
.menu-container .cartel h2.titulo{
    margin-bottom: .5em;
}
.menu-container .cartel strong{ 
    font-weight: 400; 
}
.menu-container li{
    cursor: pointer;
    position: relative;
    display: inline-block;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
}
.menu-container li:hover{
    padding-left: 5px;
}
.menu-container li > a {
    position: relative;
    display: block;
    border-bottom: none;
    padding: 10px 0 0 25px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 15px;
    background-color: transparent;
    text-decoration: none;
}
.menu-container li > span {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-transform: none;
    opacity: 0.75;
    padding: 0 10px 0 25px;
    line-height: 1.4;
}
.menu-container li > span.a {
    display: inline-block;
    padding: 0 0 0 25px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 15px;
}
.menu-container li > span.a + a{
    display: inline-block;
    padding: 10px 10px 0 5px;
}
.menu-container li > i.material-icons {
    position: absolute;
    top: 13px;
    left: 5px;
    vertical-align: middle;
    color: #f16623;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.menu-container li:hover > i.material-icons {
    left: 10px;
}
.menu-container ul li {
    margin-bottom: 5px;
}
.menu-container ul li:last-child{
    margin-bottom: 0;
}

/****
BarraNav - Servicios 
****/
.barranav .servicios [class*="w-"] {
    vertical-align: top;
}

.barranav .servicios .w-1-3 {
    width: calc((100% - 350px) / 2)!important;
    box-sizing: border-box;
}

.barranav .servicios .w-2-3 {
    width: calc(100% - 350px) !important;
}

.barranav .servicios { 
    float: left;
}

.barranav .servicios > li {
    display: block;
    height: auto;
    float: left;
    box-sizing: border-box;
}
.barranav .servicios > li > a {
    display: block;
    color: #fff;
    font-size: 0.92em;
    padding: 0 12px;
    margin: 0;
    border: none;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

.barranav .servicios > li.promos {
    height: 60px;
}

.barranav .servicios > li.promos > a {
    color: #ff6500;
    padding-top: 15px;
}
.barranav .servicios > li.promos > a span.promo {
    display: inline-block;
    background-color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.barranav .servicios > li.promos:hover > a span.promo {
    background-color: #ff6500;
}


.barranav .servicios > li:not(.promos):hover > a ,
.barranav .servicios > li.activo > a {
    background-color: #55575f;
    margin: 0;
    position: relative;
}
.barranav .servicios > li > a::after {
    content: '';
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    bottom: -8px;
}
.barranav .servicios > li.activo:not(.link) > a::after { 
    display: block;
}



/* Buscador Menu */
.menu_search_container {
    float: right;
    position: relative;
}

.menu_search_busqueda {
    background-color: transparent;
    height: 28px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    }

a.menu_search_lk i {
    display: block;
    width: 24px;
    height: 24px;
}
.menu_search_busqueda.activo {
    background-color: #ffffff;
}

.menu_search_result ul li a {
    padding: 13px 20px;
    color: #333333;
    display: block;
}
.menu_search_result ul li a:hover {
    background-color: #4f4f4f;
    color: #ffffff;
    text-decoration: none!important;
}

/**********************/
/****  Iconos img y dominio (lista-dos-columnas) *****/

.menu-container .lista-con-icon .tit, .menu-container .lista-dos-columnas .tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    
    margin-bottom: 35px;
    width: 100%;
}
.menu-container .lista-dos-columnas .tit {
    margin-bottom: 25px;
}

.menu-container .lista-dos-columnas .columnas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;

    margin-bottom: 10px;
}

.menu-container .lista-dos-columnas .columnas ul {
    width: 45%;
}


.menu-container .lista-con-icon .tit span, .menu-container .lista-dos-columnas .tit span {
    color: #ff6600;
    font-size: 28px;
    border-bottom: 1px solid #ff6600;
    padding: 15px 0;
    width: 46%;
    font-weight: 300;
    margin-left: 2%;
}
.menu-container .lista-con-icon .tit span:first-child, .menu-container .lista-dos-columnas .tit span:first-child {
    margin-right: 2%;
    margin-left: 0;
}
.menu-container .lista-con-icon ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.menu-container .lista-con-icon li {
    padding-left: 160px;
    height: 150px;
    width: 45%;
    box-sizing: border-box;
    margin-left: 40px;
}

.menu-container .lista-con-icon li:first-child {
    margin-right: 5%;
    margin-left: 0;
}

/*
.menu-container .lista-con-icon li:hover {
    padding-left: 170px;
}
.menu-container .lista-con-icon li:hover > i.material-icons {
    left: 170px;
}
*/

.menu-container .lista-con-icon li:hover > span.icon {
    opacity: .8;
}

.menu-container .lista-con-icon li:last-child {
    width: 100%;
    border-top: 1px solid #ddd;
    padding-top: 50px;
    height: 130px;
    margin-left: 0;
}

.menu-container .lista-con-icon li span.icon {
    display: inline-block;
    position: absolute;
    width: 130px;
    height: 110px;
    left: 0;
    top: -5px;
    opacity: .4;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.menu-container .lista-con-icon li:last-child span.icon {
    top: 20px;
}

.menu-container .lista-con-icon li span.sp-difm {
    background-position: -20px -10px;
}
.menu-container .lista-con-icon li span.sp-difm-t {
    background-position: -10px -240px;
}
.menu-container .lista-con-icon li span.sp-diy {
    background-position: 160px -10px;
}

.menu-container .lista-con-icon li span.sp-diy-t {
    background-position: 170px -130px;
}

.menu-container .lista-con-icon li span.sp-resel {
    background-position: -10px -120px;
}

.menu-container .lista-con-icon li span.sp-difm-cen {
    background-position: 170px -240px;
}

.menu-container .lista-con-icon li > i.material-icons {
    position: absolute;
    top: 13px;
    left: 165px; 
    vertical-align: middle;
    color: #f16623;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.menu-container .lista-con-icon li:last-child > i.material-icons {
    top: 63px;
}

.menu-container .lista-con-icon.mkt {
    padding-top: 45px;
}


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

@media (min-width: 980px) {
    
    .barranav .servicios .hosting.w-2-3 {
        width: calc(100% - 480px) !important;
    }

    .menu_right > li > ul{
        display: block!important;
    }

    .menues-top,
    .menues-top .menu {
        position: relative;
    }
}

@media (max-width: 979px) {

    /*nav #logo a span.logo-dw{
        display: block;
        height: 67px;
        background-size: initial;
        background-repeat: no-repeat;
        width: 95px;
    }

     nav #logo a{
        top: -4px;
        left: -10px;
    }*/

    .cartel{
        display: none;
    }
    .menues-top .menu.acceso_clientes_operadores, .menues-top .menu.acceso_clientes_logueados{
        display: none!important;
    }

    nav .header .width_wrap{
        width: 100%;
    }
    .menu_right li.cambio_pais ul {
        max-width: 100%;
        width: 96%;
        left: 2%;
        top: 90%;
        z-index: 9999;
    }

    nav .cambio_pais .triangle_c_fd_dd {
        display: none;
    }

    .barranav .servicios,
    .barranav .servicios > li,
    .link-pro {
        float: none;
    }

    .link-pro {
        display: block;
    }

    .barranav .servicios > li > a {
        position: relative;
    }
            
    .barranav .servicios > li:not(.link) > a::after { 
        content: ' ';
        display: block;
        opacity: 1;
        width: 12px;
        height: 12px;
        border: 2px solid #888;
        border-top: none;
        border-right: none;
        position: absolute;
        top: 33%;
        right: 20px;
        bottom: auto;
        left: auto;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: transparent;
        -webkit-transition: .3s all ease-out;
        -moz-transition: .3s all ease-out;
        -o-transition: .3s all ease-out;
        transition: .3s all ease-out;
    }

    .barranav .servicios > li:hover > a::after { 
        border-color: #fff;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    .barranav .servicios > li.activo > a::after {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 43%;
    }


    .servicios .menu-container {
        border: none;
        padding: 0; 
    }
        
    .servicios .menu-container ul li { 
        border: none;
        border-bottom: 1px solid #ccc; 
        display: block;
        margin: 0;
    }

    .servicios li > .menu-container .width_wrap div:last-child li:last-child {
        border: none; 
    }

    .servicios li > .menu-container .width_wrap .columnas ul:first-child li:last-child {
        border-bottom: 1px solid #ccc;
    }

    .menu-container li > i,
    .menu-container li > span:last-child {
        display: none;
    }

    .menu-container li > a {
        padding: 10px 10px 10px 20px;
    }

    .menu-container li > span.a{
        padding: 0 0 0 20px;
    }

    .menu-container li > span.a + a{
        padding: 10px 10px 10px 5px;
    }

    .menu-container li:hover{
        padding: 0;
    }

    .servicios li > .menu-container .width_wrap {
        width: 100%;
        margin: 0;
    }
        

    .servicios .menu-container .width_wrap > div { 
        width: 100% !important;
        padding-left: 0 !important;
    }
        
    .barranav .servicios > li > a { cursor: pointer !important; }
    .servicios li:hover > .menu-container { 
        display: none; 
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
         transition-delay: 0s;
    }
}

/* Menu Desplegable */
#movil_abrirMenu {
    display: none;
    width: 23px;
    height: 23px;
    padding: 18.5px 18.5px;
    cursor: pointer;
    position: relative;
    margin-top: 0;
}

#movil_abrirMenu div {
    width: 23px;
    height: 23px;
    position: relative;
}
    
#movil_abrirMenu span {
    display: block;
    width: 23px;
    height: 4px;
    background: black;
    position: absolute;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: #fff;
}

#movil_abrirMenu span.top { top: 0px; }
#movil_abrirMenu span.middle { top: 9px; }
#movil_abrirMenu span.bottom { top: 18px; }
#movil_abrirMenu.visible{
    background: #eceff1;
}
#movil_abrirMenu.visible span{
    background: #90a4ae;
}
#movil_abrirMenu.visible span.top {
    -webkit-animation: inTop 0.3s forwards !important;
    -moz-animation: inTop 0.3s forwards !important;
    animation: inTop 0.3s forwards !important;
}
#movil_abrirMenu.visible span.middle {
    -webkit-animation: inMiddle 0.3s forwards !important;
    -moz-animation: inMiddle 0.3s forwards !important;
    animation: inMiddle 0.3s forwards !important;
}
#movil_abrirMenu.visible span.bottom {
    -webkit-animation: inBottom 0.3s forwards !important;
    -moz-animation: inBottom 0.3s forwards !important;
    animation: inBottom 0.3s forwards !important;
}   
#movil_abrirMenu.hidden span.top {
    -webkit-animation: outTop 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outTop 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outTop 0.3s backwards !important;
    animation-direction: reverse !important;
}
#movil_abrirMenu.hidden span.middle {
    -webkit-animation: outMiddle 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outMiddle 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outMiddle 0.3s backwards !important;
    animation-direction: reverse !important;
}
#movil_abrirMenu.hidden span.bottom {
    -webkit-animation: outBottom 0.3s backwards !important;
    -webkit-animation-direction: reverse !important;
    -moz-animation: outBottom 0.3s backwards !important;
    -moz-animation-direction: reverse !important;
    animation: outBottom 0.3s backwards !important;
    animation-direction: reverse !important;
}
@-webkit-keyframes inMiddle {
    25% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(45deg);}
}
@-moz-keyframes inMiddle {
    25% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(45deg);}
}
@keyframes inMiddle {
    25% {transform: rotate(0deg);}
    100% {transform: rotate(45deg);}
}
@-webkit-keyframes outMiddle {
    50% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(45deg);}
}
@-moz-keyframes outMiddle {
    50% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(45deg);}
}
@keyframes outMiddle {
    50% {transform: rotate(0deg);}
    100% {transform: rotate(45deg);}
}
@-webkit-keyframes inTop {
    0% {top: 0;}
    25% {top: 9px;-webkit-transform: rotate(0deg);}
    100% {top: 9px;-webkit-transform: rotate(135deg);}
}
@-moz-keyframes inTop {
    0% {top: 0;}
    25% {top: 9px;-moz-transform: rotate(0deg);}
    100% {top: 9px;-moz-transform: rotate(135deg);}
}
@keyframes inTop {
    0% {top: 0;}
    25% {top: 9px;transform: rotate(0deg);}
    100% {top: 9px;transform: rotate(135deg);}
}
@-webkit-keyframes outTop {
    0% {top: 0;}
    50% {top: 9px;-webkit-transform: rotate(0deg);}
    100% {top: 9px;-webkit-transform: rotate(135deg);}
}
@-moz-keyframes outTop {
    0% {top: 0;}
    50% {top: 9px;-moz-transform: rotate(0deg);}
    100% {top: 9px;-moz-transform: rotate(135deg);}
}
@keyframes outTop {
    0% {top: 0;}
    50% {top: 9px;transform: rotate(0deg);}
    100% {top: 9px;transform: rotate(135deg);}
}
@-webkit-keyframes inBottom {
    0% {top: 18px;}
    25% {top: 9px;-webkit-transform: rotate(0deg);opacity: 1;}
    100% {top: 9px;-webkit-transform: rotate(135deg);opacity: 0;}
}
@-moz-keyframes inBottom {
    0% {top: 18px;}
    25% {top: 9px;-moz-transform: rotate(0deg);opacity: 1;}
    100% {top: 9px;-moz-transform: rotate(135deg);opacity: 0;}
}
@keyframes inBottom {
    0% {top: 18px;}
    25% {top: 9px;transform: rotate(0deg);opacity: 1;}
    100% {top: 9px;transform: rotate(135deg);opacity: 0;}
}
@-webkit-keyframes outBottom {
    0% {top: 18px;}
    50% {top: 9px;-webkit-transform: rotate(0deg);opacity: 0;}
    100% {top: 9px;-webkit-transform: rotate(135deg);opacity: 1;}
}
@-moz-keyframes outBottom {
    0% {top: 18px;}
    50% {top: 9px;-moz-transform: rotate(0deg);opacity: 0;}
    100% {top: 9px;-moz-transform: rotate(135deg);opacity: 1;}
}
@keyframes outBottom {
    0% {top: 18px;}
    50% {top: 9px;transform: rotate(0deg);opacity: 0;}
    100% {top: 9px;transform: rotate(135deg);opacity: 1;}
}

/* Contenido del menu - Mobile */
@media (max-width: 979px){
    #movil_abrirMenu {
        display: block;
        width: 14px;
    }
    nav{
        height: 60px;
        background: #f06622;
        z-index: 1011111;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        min-height: 60px;
        min-width: 100%;
        width: 100%;
        display: block;
        overflow: visible;
    }
    nav .header{
        height: 60px;
    }
   
    .menues-top{
        height: 60px;
        background-color: #28292d;
        position: relative;
        z-index: 10;
    }
    nav.visible{
        top: 0;
        -webkit-transition: .3s linear all;
        -moz-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
    }

    nav.hide{
        top: -60px;
        -webkit-transition: .3s linear all;
        -moz-transition: .3s linear all;
        -o-transition: .3s linear all;
        transition: .3s linear all;
    }

    nav #logo{
        left: 2%;
        margin: 12px;
    }

    nav .barranav{
        top: 60px;
        width: 100%;
        border: none;
        max-height: calc(100vh - 60px);
        overflow: auto;
        display: none;
    }

    .barranav .width_wrap{
        width: 92%;
        margin-left: 4%;
    }
    
    .barranav > .width_wrap {
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        margin: 0;
    }
    
    ul.servicios{
        margin: 15px 0;
    }
    .servicios li > .menu-container{
        display: none;
        top: initial;
        position: relative;
        background-color: #eceff1;
        padding-bottom: 0;
    }
    .mm_bloque li a{
        color: #546e7a;
    }
    .mm_bloque li a{
        padding: 15px 0 15px 5%;
    }
    .servicios li br,
    .mm_bloque li a i,
    .mm_bloque li a span {
        display: none;
        padding-left: inherit;
    }
    .mm_bloque li a:hover{
        padding-left: 5%;
    }
    .mm_bloque li a span.txt-mobile{
        display: inline-block;
        opacity: 1;
        color: #546e7a;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        padding: 0;
    }
    .left, .right{
        width: 100%;
        float: initial;
    }
    
    .menues-top .menu{
        margin: 0 35px 0 0;
    }

    .mm_bloque{
        min-width: 100%;
    }
    .servicios li > .menu-container .mm_bloque{
        margin: 0;
    }
    .menu_dify,
    .menu_ssd_dedicados,
    .menu_otros_productos{
        display: block;
    }
    .barranav > .width_wrap.carrito_compras a,
    .barranav > .width_wrap.usuarios_logueados_operadores a,
    .barranav > .width_wrap.usuarios_logueados a,
    .barranav > .width_wrap.ingreso_usuarios a{
        width: 100%;
        display: inline-block;
        padding: 0 0.8em;
        box-sizing: border-box;
    }
    .barranav > .width_wrap.carrito_compras,
    .barranav > .width_wrap.usuarios_logueados_operadores,
    .barranav > .width_wrap.usuarios_logueados{
        display: none;
    }
    .barranav > .width_wrap.carrito_compras,
    .barranav > .width_wrap.usuarios_logueados_operadores,
    .barranav > .width_wrap.usuarios_logueados,
    .barranav > .width_wrap.ingreso_usuarios{
        background-color: #eceff1;
        min-height: 60px;
        width: 98%;
        padding: 0 1%;
    }
    .barranav > .width_wrap.carrito_compras{
        background-color: #37464f;
    }
    .barranav > .width_wrap.carrito_compras i,
    .barranav > .width_wrap.usuarios_logueados_operadores i.ingresar,
    .barranav > .width_wrap.usuarios_logueados i.ingresar,
    .barranav > .width_wrap.ingreso_usuarios i.ingresar{
        background-position: -6px -124px;
        width: 26px;
        height: 26px;
        float: left;
        margin: 15px 5px 0 0;
    }
    .barranav > .width_wrap.carrito_compras span,
    .barranav > .width_wrap.usuarios_logueados_operadores span,
    .barranav > .width_wrap.usuarios_logueados span,
    .barranav > .width_wrap.ingreso_usuarios span{
        display: inline-block;
        color: #2d2d2d;
        font-size: 16px;
        font-weight: 600;
        line-height: 60px;
    }
    .barranav > .width_wrap.usuarios_logueados_operadores a{
        width: auto;
        margin: 0 10px;
    }
    .barranav > .width_wrap.carrito_compras i{
        padding: 1px 0 0 1px;
        position: static;
    }
    .barranav > .width_wrap.carrito_compras span{
        color: #fff;
    }
    .barranav > .width_wrap.carrito_compras span.mis_compras_cant{
        position: static;
        background-color: transparent;
    }

    .menu-container{
        opacity: 1;
        z-index: 1111;
    }
    .menu_right li.menu.telefonos:hover > ul{
        visibility: hidden;
    }
    .menues-top .menu.telefonos {
        font-size: 16px;
        margin: 0 15px 0 0;
    }

    .barranav > .width_wrap.usuarios_logueados_operadores, 
    .barranav > .width_wrap.usuarios_logueados, 
    .barranav > .width_wrap.ingreso_usuarios{
        position: relative;
    }
    div.menu.cambio_pais{
        display: none;       
    }

}
@media (min-width: 980px){
    .mm_bloque li a span.txt-mobile{
        display: none;
    }
    .mm_bloque li a span.txt-desktop{
        font-size: inherit;
        font-weight: 500;
        text-transform: uppercase;
        opacity: 1;
        display: inline-block;
    }
    nav .barranav{
        display: block!important;
    }
}

@media(max-width: 400px){
    .menues-top .menu.cambio_pais{
        display: none;
    }
    .menues-top .menu.telefonos{
        margin: 0 15px 0 0;
    }
    div.menu.cambio_pais{
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
        padding: 20px 5px;      
    }
    div.menu.cambio_pais ul{
        position: absolute;
        right: 0;
        left: initial;
        width: 300px;
        top: 45px;
        z-index: 9999;
        visibility: visible;
    }
    div.menu.cambio_pais ul li{
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    div.menu.cambio_pais ul li:hover{
        background-color: #3a3c44;
    }
    div.menu.cambio_pais ul li:hover a{
        color: #fff;
    }
    div.menu.cambio_pais ul li img{
        margin: 0 5px 0 0;
    }

    .barranav > .width_wrap.usuarios_logueados_operadores span, 
    .barranav > .width_wrap.usuarios_logueados span, 
    .barranav > .width_wrap.ingreso_usuarios span{
        margin: 19px 0;
        line-height: 1.4;
        max-width: 180px;
    }
}
/* Ingreso Mobile */
#movil_abrirMenu span.mis_compras_cant {
    background-color: #f60;
    color: #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 45px;
    top: 2px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 100%;
    text-align: center;
    z-index: 100;
}


/******
Buscador
******/
.input-buscador {
    box-sizing: border-box;
    border-bottom: solid 1px #999;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.input-buscador input {
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    width: calc(100% - 50px);
    padding: 20px 0;
    display: inline-block;
}

.input-buscador .boton-buscar {
    display: inline-block;
    height: 28px;
    width: 28px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.input-buscador .material-icons {
    color: #777;
    vertical-align: middle;
}

.input-buscador input::-webkit-input-placeholder {
    color: #777;  
    font-weight: 300;
    font-style: italic;          
}
    
.input-buscador input:-moz-placeholder {
    color: #777;  
    font-weight: 300;
    font-style: italic;          
}

.input-buscador input:-ms-input-placeholder {
    color: #777;  
    font-weight: 300;
    font-style: italic;          
}

/****
Menu Herramientas - Footer
****/
nav.herramientas{
    position: static;
    height: auto!important;
    text-align: center;
    padding: 60px 0;
    background-color: #180b06;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
nav.herramientas p.tit{
    font-size: 25px;
    color: #fff;
    padding: 0 20px 40px 20px;
    margin: 0;
}
nav.herramientas div.item{
    color: #767676;
    display: inline-block;
    width: 16.6666%;
    float: left;
    box-sizing: border-box;
    padding: 0 15px 15px 15px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    -webkit-transition: .15s all;
    -moz-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}
nav.herramientas div.item i{
    font-size: 35px;
    padding: 15px;
    border-radius: 4px;
    margin: 0 0 20px 0;
    -webkit-transition: .15s all;
    -moz-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}
nav.herramientas div.item:nth-child(1) i,
nav.herramientas div.item:nth-child(2) i{
    color: #fff;
}
nav.herramientas div.item.active i,
nav.herramientas div.item:hover i{
    background-color: #ff6600;
    color: #fff;
}
nav.herramientas div.item span{
    display: inline-block;
    line-height: 1.5;
    height: 40px;
}
nav.herramientas div.item:nth-child(1) span,
nav.herramientas div.item:nth-child(2) span{
    color: #fff;
}
nav.herramientas div.item.active{
    border-bottom: 1px solid #fff;
}
nav.herramientas div.item.active span,
nav.herramientas div.item:hover span{
    color: #fff;
    -webkit-transition: .15s all;
    -moz-transition: .15s all;
    -o-transition: .15s all;
    transition: .15s all;
}
nav.herramientas ul{
    padding: 60px 0;
    position: relative;
}
nav.herramientas ul li{
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
}
nav.herramientas ul li.active{
    z-index: 1;
}
nav.herramientas ul li a{
    color: #ff6600;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    width: auto;
    margin: 0 auto;
}
nav.herramientas ul li a span{
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    margin: 10px 20px 0 20px;
}
@media(max-width: 979px){
    nav.herramientas div.item{
        float: initial;
        min-width: 140px;
        width: 33%;
    }
    nav.herramientas div.item.active,
    nav.herramientas div.item:hover{
        border-bottom: none!important;
    }


    /**********************/
    /****  Iconos img y dominios (lista-dos-columnas )*****/
    .menu-container .lista-con-icon .tit,.menu-container .lista-dos-columnas .tit, .menu-container .lista-con-icon li span.icon {
        display: none;
    }

    .menu-container .lista-dos-columnas .columnas {
        display: initial;
    }
    .menu-container .lista-dos-columnas .columnas ul {
        width: 100%;
    }
    .menu-container .lista-con-icon li, .menu-container .lista-con-icon li:last-child {
        height: initial;
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .menu-container .lista-con-icon li:first-child {
        margin-right: 0;
    }
    .menu-container .lista-con-icon ul {
        margin-bottom: 0;
    }

    .menu-container .lista-con-icon.mkt {
        padding-top: 0px;
    }


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

}
.menu_right ul li.tel-aclaracion {
    color: #888;
    font-size: 12px;
    line-height: 1.1;
    padding: 10px;
    margin: 0;
}
/*--FIN /sp/common_header.css */

/* /sp/navidad.css */

/*--FIN /sp/navidad.css */

/* /sp/templates/css/template-componente-alerts.css */
.alerts-wrapper {
    position: fixed;
    left: 10px;
    z-index: 9999999999;
    bottom: 25px;
    line-height: initial;
    max-width: calc(100% - 20px);
    width: auto;
} 

.alert {
    border-radius: 4px;
    position: relative;  
    left: 0px;
    width: auto;
    visibility: initial;
    display: table;
    padding: 15px 30px 15px 15px;
    margin: 0px 0px 5px 0px;
    transition-property: left, opacity;
    transition-delay: 0s, 0s;
    transition-duration: 1.7s , 2.0s;
}

.alert.error{
    background: #dc3545;
}
.alert.warning{
    background: #ffc107;
}
.alert.info{
    background: #222222;
}

.alert.hidden {
    opacity: 0;
    left: -150%;
}
.alert span.text{
    display: inline;
    color: #ffffff;
    vertical-align: super;
    margin: 0px 10px 0px 0px;
}
.alert span.action{
    display: inline-block;    
    color: #3497DB;
    vertical-align: super;
    font-size: 15px;
    cursor: pointer;
}
.alert span.action:hover{
    color: #7dcaff;
}
.alert i{
    position: absolute;
    right: 10px;
    top: 33%;
    font-size: 18px;
    vertical-align: middle;
    color: #FFF;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
}

.alert.info i{
    color: #777;
}

.alert i:hover{
    color: #FFF;
}
.template-alert{
    display: none;
}


/*--FIN /sp/templates/css/template-componente-alerts.css */

/* /sp/animated-headline.css */
/* --------------------------------

Primary style

-------------------------------- */
.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}
.cd-words-wrapper b.is-visible {
    position: relative;
}
.no-js .cd-words-wrapper b {
    opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

/* --------------------------------

xrotate-1

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-animation: cd-rotate-1-in 1.2s;
    -moz-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    -moz-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
    }
}
@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1;
    }
}
@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1;
    }
}
@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
}
@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
}
@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
    }
    65% {
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
}
/* --------------------------------

xtype

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
    /* vertical bar */
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d;
}
.cd-headline.type b {
    visibility: hidden;
}
.cd-headline.type b.is-visible {
    visibility: visible;
}
.cd-headline.type i {
    position: absolute;
    visibility: hidden;
}
.cd-headline.type i.in {
    position: relative;
    visibility: visible;
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
/* --------------------------------

xrotate-2

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cd-headline.rotate-2 b {
    opacity: 0;
}
.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
    opacity: 1;
}
.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out 0.4s forwards;
    -moz-animation: cd-rotate-2-out 0.4s forwards;
    animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}
@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg);
    }
}
@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}
@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}
/* --------------------------------

xloading-bar

-------------------------------- */
.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
    /* loading bar */
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0096a7;
    z-index: 2;
    -webkit-transition: width 0.3s -0.1s;
    -moz-transition: width 0.3s -0.1s;
    transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s;
}
.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0;
}

/* --------------------------------

xslide

-------------------------------- */
.cd-headline.slide span {
    display: inline-block;
    padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.cd-headline.slide b {
    opacity: 0;
    top: .2em;
}
.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in 0.6s;
    -moz-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out 0.6s;
    -moz-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}
@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}
/* --------------------------------

xclip

-------------------------------- */
.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9;
}
.cd-headline.clip b {
    opacity: 0;
}
.cd-headline.clip b.is-visible {
    opacity: 1;
}

/* --------------------------------

xzoom

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.cd-headline.zoom b {
    opacity: 0;
}
.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in 0.8s;
    -moz-animation: zoom-in 0.8s;
    animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out 0.8s;
    -moz-animation: zoom-out 0.8s;
    animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}
@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
}
@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
    }
}
@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px);
    }
}
@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px);
    }
}
/* --------------------------------

xrotate-3

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.cd-headline.rotate-3 b {
    opacity: 0;
}
.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in 0.6s forwards;
    -moz-animation: cd-rotate-3-in 0.6s forwards;
    animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out 0.6s forwards;
    -moz-animation: cd-rotate-3-out 0.6s forwards;
    animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
    }
}
@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg);
    }
    100% {
        -moz-transform: rotateY(0deg);
    }
}
@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
    }
}
@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0);
    }
    100% {
        -moz-transform: rotateY(-180deg);
    }
}
@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}
/* --------------------------------

xscale

-------------------------------- */
.cd-headline.scale b {
    opacity: 0;
}
.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.is-visible .cd-headline.scale i {
    opacity: 1;
}
.cd-headline.scale i.in {
    -webkit-animation: scale-up 0.6s forwards;
    -moz-animation: scale-up 0.6s forwards;
    animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
    -webkit-animation: scale-down 0.6s forwards;
    -moz-animation: scale-down 0.6s forwards;
    animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1;
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    60% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}
@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }
    60% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}
@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}
/* --------------------------------

xpush

-------------------------------- */
.cd-headline.push b {
    opacity: 0;
}
.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in 0.6s;
    -moz-animation: push-in 0.6s;
    animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
    -webkit-animation: push-out 0.6s;
    -moz-animation: push-out 0.6s;
    animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}
@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
}
@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}
/*--FIN /sp/animated-headline.css */

/* /sp/seo_tweaks_shared.css */
strong.omit-style {
    font-weight: 300 !important;
}
strong.omit-style-normal {
    font-weight: normal !important;
}
em.omit-style {
    font-style: normal !important;
}

h2.omit-style, h1.omit-style {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

.capitalize-first {
    text-transform: capitalize;
}

.to-lower-case {
    text-transform: lowercase;
}

.mt-minus-13 {
    margin-top: -13px !important;
}

.mt-minus-26 {
    margin-top: -26px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}
/*--FIN /sp/seo_tweaks_shared.css */

/* /sp/templates/css/template-slider-pagina.css */
/************************/
/* Duplicado css en
pagina-web-hazlo-tu-mismo
por no poder incluir por largo del nombre*/

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

/************************/
/****** slider-paginas *********/

section.slider-paginas {
    padding: 75px 0;
}

section.slider-paginas p.tit {
    font-size: 36px;
    color: #333;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 50px 0;
}

section.slider-paginas p.tit strong {
    font-weight: 600;
}

section.slider-paginas p.subtit {
    font-size: 20px;
    color: #333;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    margin: -45px 0 10px 0;
}

section.slider-paginas p.subtit strong {
    font-weight: 600;
}

section.slider-paginas .big-cont {
    position: relative;
}

section.slider-paginas .big-cont .fade-l {
    position: absolute;
    width: 300px;
    height: 100%;
    z-index: 50;
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
}

section.slider-paginas .big-cont .fade-r {
    position: absolute;
    width: 300px;
    height: 100%;
    z-index: 50;
    right: 0;
    background-color: #545454;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}
    
section.slider-paginas .big-cont .navigator {
    position: absolute;
    width: 650px;
    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: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    z-index: 7;
    top: 265px;
}

section.slider-paginas .sprite-arw {
    width: 33px;
    height: 105px;
    cursor: pointer;
}
section.slider-paginas .arw-ant {
    background-position: 0px 0px;
}
section.slider-paginas .arw-prox {
    background-position: 33px 0px;
}

section.slider-paginas .contenedor {
    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;

    height: 650px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

section.slider-paginas .big-cont {
    overflow: hidden;
    width: 100%;
}

section.slider-paginas .item {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

    opacity: .3;
    position: absolute;
    cursor: pointer;
    z-index: 5;
    top: 150px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

section.slider-paginas .overlay {
    position: absolute;
    z-index: 75;
    width: 220px;
    height: 315px;
    cursor: pointer;
    top: 150px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

section.slider-paginas .notsee {
    display: none;
}

section.slider-paginas .item-img {
    min-width: 220px;
    max-width: 220px;
    height: 315px;
    overflow: hidden;
    border-radius: 5px;
}

section.slider-paginas .item img {
    width: 100%;
    height: auto;       
}

section.slider-paginas .sobre {
   /* filter: none;*/
    opacity: .8;
}

section.slider-paginas .actual {
    opacity: 1;
    filter: none;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    z-index: 10;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
    box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
    border-radius: 5px;
}

section.slider-paginas .info img.out {
    width: 11px;
    height: 11px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
/*
section.slider-paginas .item .info {
    position: absolute;
    display: none;
    bottom: -25px;
    left: 0;
    text-align: center;
    font-size: 12px;
    width: 220px;
}
section.slider-paginas .item.actual .info {
    display: initial;
}

section.slider-paginas .item .info a {
    color: #2099cb;
    text-decoration: none;
    font-size: 11px;
}

section.slider-paginas .item .info .sitiosim {
    background-color: #e74c3c;
    padding: 2px 4px 4px;
    border-radius: 3px;
    color: white;
    font-size: 10px;
    min-width: 110px;
}

section.slider-paginas .item .info .row {
    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;
    margin-top: 5px;
}

section.slider-paginas .item .info .sep {
    margin: 0 5px;
}*/


/**media querys**/

@media(max-width: 959px){
    section.slider-paginas p.tit {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 25px;
    }
}

@media(max-width: 760px){
    section.slider-paginas .item-img {
        min-width: 100px;
        max-width: 100px;
        height: 140px;
    }

    section.slider-paginas .overlay {
        width: 100px;
        height: 140px;
        top: 70px;
    }

    section.slider-paginas .big-cont .navigator {
        width: 290px;
        top: 90px;     
    }       
    section.slider-paginas .contenedor {
        height: 380px;
    }

    section.slider-paginas .item .info {
        width: 120px;
        bottom: -30px;
    }

    section.slider-paginas .item {
        top: 70px;
    }


    section.slider-paginas .item .sep {
        display: none;
    }
    section.slider-paginas .item .row {
       /* -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;*/
    }

    section.slider-paginas .item .sitiosim {
        margin-top: 5px;
    }

    section.slider-paginas .big-cont .fade-l, section.slider-paginas .big-cont .fade-r {
        display: none;
    }

    section.slider-paginas .item .info a {
        font-size: 10px;
    }



}


/** Overlay vista de  paginas web  **/

div.overlay-pag{
    display: none;
    text-align: center;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1011115;
}

div.overlay-pag .menu{
    display: block;
    height: 70px;
    margin-bottom: 15px;
    background-color: #390;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.26);
    z-index: 99999;
    position: relative;
}


div.overlay-pag .menu i {
    padding: 20px;
    position: fixed;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

div.overlay-iframe{
    height: calc( 100vh - 72px);
    width: 100%;
    position: relative;
    top: -15px;
    z-index: 50;
    background-color: #FFF;

}

div.overlay-iframe .spinner.jcover{
    height: 200px;
    width:  200px;
    z-index: 98;
    position: absolute;
    top: 300px;
    left: calc(50% - 100px);   

}

div.overlay-iframe iframe{
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 99;
    position: relative;
    top: 0px;
    left: 0px;
}


div.menu ul li{
    height: 100%;
    display: inline-block;
    margin: 25px;
    color: #eee;
}

div.menu ul li span{
    font-size:16px;
}

a.cta{
    color: #eee;
    text-transform: uppercase;
    font-weight: 300;
    padding: 7px 15px;
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 5px;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    margin-left: 20px;
    font-size: 14px;
    cursor:pointer;
    vertical-align: text-bottom;
}
a.cta:hover {
    background-color: #eee;
    color: #000;
}


@media(max-width: 410px){
    div.overlay-iframe .spinner.jcover{
        width:  100px;
        height: 100px;
        top: 150px;
        left: calc(50% - 50px);   
    }

    div.menu ul li{
        width: calc(100% - 70px);
        margin: 10px 35px 0px 35px ;
    }
    div.menu ul li span{
        display: block;
        margin-bottom: 15px;        
    }
    div.menu ul li a{   
        margin-left: 5px;
        padding: 5px 10px;
        font-size: 12px;
    }


    section.slider-paginas .item .info{
     
        width: 100%;
    }

    section.slider-paginas .item .info .link a {
        font-size: 6px;
    }

}
/*--FIN /sp/templates/css/template-slider-pagina.css */

/* /sp/home.css */
body {
    overflow-x: hidden;
}

.swiper-pagination-bullet-active {
    background: #3a3c44 !important;
}

.swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
}

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

.suscripcion .contenedor-input select {
    max-width: 100%;
    height: 45px;
    margin-top: 12px;
    border-radius: 5px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 0px;
}
.swiper-container-horizontal > .swiper-pagination {
    bottom: 22px !important;
}
main {
    height: calc(100vh - 110px);
    min-height: 650px;
    z-index: -50;
}

.swiper-button-next,
.swiper-button-prev {
    background-image: unset !important;
}

.ic_circle_left_gris,
.ic_circle_right_gris {
    opacity: 0.6;
}

.swiper-button-next {
    right: 40px !important;
    top: 56% !important;
    transition: .5s all;
}

.swiper-button-prev {
    left: 30px !important;
    top: 56% !important;
    transition: .5s all;
}

.swiper-button-next:hover {
    right: 30px !important;
}

.swiper-button-prev:hover {
    left: 20px !important;
}

.swiper-container {
    width: 100%;
    height: 100%;
    min-height: 650px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    height: 100%;
    min-height: 650px;
    overflow: visible;
    margin: 0;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: bottom center;
    background-size: cover;
}

#slide-web {
    display: none;
    max-height: 950px;
    min-height: 500px;
    height: 80%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    background-image: url(/img/web-hosting/header-bg.jpg);
}

#slide-web .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
    align-items: center;
}

#slide-web .col-6, .col-d-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
    padding: 0 15px;
    height: 100%;
}

#slide-web #header-img {
    position: relative;
    max-width: 100%;
}

#slide-web #header-right {
    text-align: left;
}

#slide-web span {
    line-height: 1.2;
    color: #333333;
    font-weight: 300;
    margin: 0;
    font-size: 38px;
}

#slide-web h1 {
    line-height: 1.2;
    color: #333;
    font-weight: 700;
    margin: 0;
    font-size: 38px;
}

#slide-web p.first {
    margin-top: 30px;
    line-height: 1.5;
    color: #333;
    font-weight: 300;
}

#slide-web a {
    margin-top: 30px;
}

@media (max-width: 768px) {
    #slide-web {
        background-position: 65% center !important;
        background-size: cover !important;
    }

    #slide-web .col-m-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        height: 100%;
    }

    #slide-web .hide_mobile {
        display: none;
    }

}

@media (max-width: 1280px) {
    #slide-web {
        background-size: cover;
    }
}


#slide-0 {
    display: none;
    padding-top: 0;
    background-color: #ce0300;
}

#slide-0 .header-placa {
    display: flex;
    justify-content: space-between;
}

#slide-0 .fecha {
    font-size: 18px;
    text-align: center;
    margin: 5px 0;
    padding: 5px;
    background-color: black;
    color: #fdf399;
    font-weight: 900;
    display: block;
    font-family: 'Ubuntu', sans-serif;
}

#slide-0 .urgente {
    font-size: 30px;
    text-shadow: 4px 1px black;
    -webkit-text-stroke: 1px black;
    display: block;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
}

#slide-0 p.value_proposal {
    text-align: center;
    font-family: 'Candal', sans-serif;
    padding: 15px 0 50px 0;
    height: 0;
    -webkit-text-stroke: 1px black;
    font-weight: 300;
    text-shadow: 5px 2px #000000;
    font-size: 50px; 
    transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -moz-transform: scaleY(1.8);
    -webkit-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
}

#slide-0 .precio {
    text-align: center;
    font-family: 'Candal', sans-serif;
    padding: 15px 0 30px 0;
    -webkit-text-stroke: 1px black;
    font-weight: 300;
    text-shadow: 5px 2px #000000;
    font-size: 120px; 
    transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -moz-transform: scaleY(1.8);
    -webkit-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
}

#slide-0 .precio .moneda {
    font-size: 90px; 
}

#slide-0 p.cta {
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    width: 60%;
    margin: 30px auto 0 auto;
}

.footer-cta .secundario {
    position: relative;
    transform: scale(1.4);
    color: #ffffff !important;
    border-color: #ffffff !important;    
    top: 23px;
    transition: .7s all !important;    
}

.footer-cta .secundario:hover {
    background-color: #ffffff !important;
    color: #CE0300 !important;
    -webkit-box-shadow: 0px 11px 22px -6px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 11px 22px -6px rgba(0,0,0,0.20);
    box-shadow: 0px 11px 22px -6px rgba(0,0,0,0.20);
}

/**/
.busqueda_box .prec-desc, .prec-final {
    display: inline;
    position: relative;
    padding: 0 0 0 10px;
}

.busqueda_box .prec-final .num_entero {
    color: #3497db;
    font-size: 32px;
    font-weight: 600;
    position: relative;
    padding: 0 3px;
}

.busqueda_box .prec-final .num_decimal {
    color: #3497db;
    position: relative;
    font-size: 20px;
    bottom: 5px;
}

.busqueda_box .prec-final .simbolo-moneda {
    color: #3497db;
    font-size: 22px;
}

.busqueda_box .prec-desc .num_entero {
    color: #999;
    font-size: 24px;
    font-weight: 400;
    padding: 0 10px;
    position: relative;
    padding: 0 3px;
}

.busqueda_box .prec-desc .num_decimal {
    color: #999;
    position: relative;
    font-size: 16px;
    bottom: -3px;
}

.busqueda_box .prec-desc .simbolo-moneda {
    color: #999;
    font-size: 16px;
}

.busqueda_box .prec-desc::before, .busqueda_box .prec-desc::after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 5px;
    left: 12px;
}

.busqueda_box .prec-desc::before {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.busqueda_box .prec-desc::after {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.busqueda_box .precios {
    margin: 20px 0 15px;
}

/****/

.spinner.medio {
    height: 50px;
    width: 50px;
}

.spinner.jcover {
    border-bottom-color: rgba(100, 100, 100, 1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
}

header {
    width: 100%;
    position: relative;
    min-width: 960px;
    overflow: hidden;
    text-align: center;
    background-color: #ffffff;
}

header div.cargando {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -30px -30px 0 0;
}

.slider_container {
    width: 100%;
    min-height: 650px;
    height: calc(100vh - 110px);
    overflow: hidden;
    margin-left: 0%;
    line-height: 0;
}

 p.cta.promo,
.swiper-slide.boomsale p.cta.promo {
    display: flex;
    justify-content: center;
    margin: 30vh 0 0 0;
    cursor: pointer;
}

strong {
    font-weight: 600;
}

.swiper-container .width_wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.copy {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #ffffff;
    height: auto;    box-sizing: border-box;
    width: 100%;
}

#slide-web .copy {
    padding-top: 90px !important;
}

.copy h2 { /* FOR SEO PURPOSE y regula la distancia al top del contenedor */
    margin: -3% 0 0px 0;
    font-weight: 400;
    font-size: 15px;
    height: 30px;
    text-transform: uppercase;
    line-height: 1;
}

p.value_proposal {
    height: 110px;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 20px;
}

 p.bajada {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

p.cta { 
    margin: 5vh 0 0 0; 
}

p.cta a {
    text-transform: uppercase;
}

/*** slide black-friday**/

.black-friday{
    background-position: center;
}
.black-friday .copy{
    vertical-align: unset;
    padding-left: 12px;
    padding-top: 45vh;
    text-align: center;
}

.black-friday p.bajada{
    height: auto;       
    font-size: 23px;
    font-weight: 300;
    color: #ffffff;
    margin: 25px 0px;
}

/** ----- ESPECIFICOS BANNERS DESKTOP - INI ----- **/

.cd-words-wrapper b {
    font-weight: 400;
}

.hot-sale-2018 p.value_proposal {
    color: white;
    width: 400px;
    max-width: 90%;
}

.hot-sale-2018 p.bajada {
    color: white;
    width: 350px;
    max-width: 90%;
}

.hot-sale-2018 p.cta {
    border: 2px solid white;
    display: inline-block;
    border-radius: 4px;
}

.hot-sale-2018 p.cta a {
    background-color: transparent !important;
}

/***/

.pascuas_2018 p.value_proposal {
    font-family: 'Fjalla One','Open Sans',Arial,Helvetica;
    font-weight: 300;
    text-transform: uppercase;
    color: #154760;
    font-size: 55px;
    width: 500px;
    max-width: 95%;
}

.pascuas_2018 p.cta a {
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #153753;
    color: #153753 !important;
    background-color: transparent !important;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
}

.pascuas_2018 p.cta a:hover {
    background-color: rgba(255,255,255,.2) !important;
    text-decoration: none;
}

.carnaval_2017 h2 {
    text-transform: none;
    font-size: 56px;
    font-weight: 300;
    color: #000;
    font-style: italic;
    line-height: 1.1;
}

.carnaval_2017 h3 {
    font-size: 36px;
    font-weight: 700;
    color: #000;
    font-style: italic;
    line-height: 1.1;
    letter-spacing: -2px;
    margin-bottom: 0;
}

.carnaval_2017 p.value_proposal {
    font-size: 92px;
    color: #F36621;
    font-weight: 700;
    font-style: italic;
    line-height: 1.1;
    letter-spacing: -2px;
}

.dominios p.bajada {
    font-size: 24px;
    font-style: italic;
}

.difm_web p.value_proposal {
    line-height: 1.4;
}

.difm_web p.value_proposal span {
    font-size: 22px;
    font-style: italic;
}

.difm_5_dias p.value_proposal {
    font-weight: 400;
}

.difm_5_dias p.subtit {
    font-size: 22px;
    line-height: 1.2;
}

.difm_5_dias p.bajada {
    font-size: 18px;
    font-weight: 300;
    margin: 20px 0 0 0;
}

.difm_5_dias p.bajada strong {
    font-weight: 600;
}

.descuentos-mx .copy {
    padding: 0;
}

.descuentos-mx .cont {
    width: 50%;
    margin: 240px 0 0 50%;
    position: relative;
}

.descuentos-mx img {
    position: absolute;
    top: -360px;
    right: 30px;
    width: 750px;
}

.descuentos-mx .bajada span {
    font-weight: 600;
}

.descuentos-mx div.precio {
    color: #fff;
    font-size: 16px;
    margin: 30px 0 0 0;
}

.descuentos-mx div.precio .td {
    display: inline-block;
}

.descuentos-mx div.precio .td .precio {
    color: #0099cc;
    font-weight: 600;
    font-size: 50px;
}

.descuentos-mx div.precio .td.con-promo .precio {
    color: #ccc;
    font-size: 26px;
    margin: 0 10px;
    position: relative;
}

.descuentos-mx div.precio .td.con-promo .precio:after {
    display: block;
    content: '';
    height: 2px;
    width: 110%;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    margin: -1px 0 0 0;
    transform: rotate(-16deg);
    left: -1px;
}

.descuentos-mx div.precio .td .simbolo-moneda {
    font-size: 35px;
}

.descuentos-mx div.precio .td .num_decimal {
    line-height: 1;
    position: relative;
    top: -21px;
}

.descuentos-mx div.precio .td.con-promo .simbolo-moneda {
    font-size: 20px;
}

.descuentos-mx div.precio .td.con-promo .num_decimal {
    display: none;
}

.descuentos-mx p.impuestos {
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    font-style: italic;
    margin: 10px 0 0 0;
}

.descuentos-mx a.btn {
    text-transform: uppercase;
    margin: 30px 0 0 0;
}

.black_friday .copy{
    text-align: center;
    padding: 0;
}

/***/

.nuevas_extensiones p.value_proposal {
    font-size: 36px;
}

.nuevas_extensiones p.bajada {
    font-size: 18px;
}

/** ----- ESPECIFICOS BANNERS DESKTOP - FIN ----- **/
/* NAVEGACION HEADER */
a.header_scroll {
    height: 30px;
    width: 100px;
    position: absolute;
    margin-left: -50px;
    left: 50%;
    text-align: center;
    cursor: auto;
}

a.header_scroll i {
    margin: 0 auto;
    display: block;
    width: 32px;
    height: 12px;
    background-position: -519px -219px;
    opacity: 0.3;
    margin-top: 7px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-animation: scroll_down_loop 1.8s infinite; /* Safari 4+ */
    -moz-animation: scroll_down_loop 1.8s infinite; /* Fx 5+ */
    -o-animation: scroll_down_loop 1.8s infinite; /* Opera 12+ */
    animation: scroll_down_loop 1.8s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes scroll_down_loop {
    0% {
        margin-top: 7px;
    }
    50% {
        margin-top: 13px;
    }
    100% {
        margin-top: 7px;
    }
}

@-moz-keyframes scroll_down_loop {
    0% {
        margin-top: 7px;
    }
    50% {
        margin-top: 13px;
    }
    100% {
        margin-top: 7px;
    }
}

@-o-keyframes scroll_down_loop {
    0% {
        margin-top: 7px;
    }
    50% {
        margin-top: 13px;
    }
    100% {
        margin-top: 7px;
    }
}

@keyframes scroll_down_loop {
    0% {
        margin-top: 7px;
    }
    50% {
        margin-top: 13px;
    }
    100% {
        margin-top: 7px;
    }
}

a.header_move_right, a.header_move_left {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 8%;
    z-index: 10;
}

a.header_move_right {
    right: 0;
}

a.header_move_left {
    left: 0;
}

a.header_move_right i, a.header_move_left i {
    opacity: 0;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

a.header_move_left i {
    right: 20%;
}

a.header_move_right i {
    left: 20%;
}

a.header_move_left:hover i {
    opacity: 0.5;
    right: 30%;
}

a.header_move_right:hover i {
    opacity: 0.5;
    left: 30%;
}

header.cargando:hover a.header_move_right i, header.cargando:hover a.header_move_left i {
    opacity: 0.5;
}

/* General Cuerpo Pagina */
span.precio {
    color: #3497db;
    display: block;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 5px;
}

span.precio span.moneda {
    font-size: 24px;
    font-weight: 400;
}

span.precio span.num_decimal {
    vertical-align: text-top;
}

span.nombre_moneda {
    color: #595b5d;
    font-size: 13px;
}

.tld span.nombre_moneda {
    color: #595b5d;
    font-size: 13px;
    display: inline-block;
    width: 80px;
    vertical-align: bottom;
  margin-left: 10px;
}

section > .width_wrap {
    padding: 0 15px;
    box-sizing: border-box;
}

p.tit {
    color: #525356;
    font-size: 36px;
    font-weight: 300;
}

p.tag {
    color: #070f15;
    font-weight: 600;
}

p.tit, p.tag, p.subtit {
    margin: 0;
}

.bloque:after {
    clear: both;
}

.bloque .col-1-3 {
    width: 33.3333%;
    margin-right: -4px;
    box-sizing: border-box;
    display: inline-block;
}

.contenedor-input input::-webkit-input-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

.contenedor-input input:-moz-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

.contenedor-input input:-ms-input-placeholder {
    color: #777;
    font-weight: 300;
    font-style: italic;
}

a.boton {
    display: inline-block;
    background-color: #56a846;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px 25px;
    margin: 0 auto 0 auto;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

a.boton:hover {
    background-color: #6fcd5b;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.contenedor-input .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;
}

.contenedor-input.error .mensaje-error {
    display: block;
}

/* Busqueda Dominio */
.busqueda_box {
    padding: 115px 0 90px 0;
}

.busqueda_box .busqueda {
    display: inline-block;
    width: 600px;
}

.busqueda_box .busqueda p.tit {
    color: #42454a;
    font-size: 30px;
}

.busqueda_box .busqueda p.subtit {
    color: #525356;
    font-size: 14px;
}

.busqueda_box .busqueda .contenedor-input {
    box-sizing: border-box;
    border-bottom: solid 1px #999;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.inputs {
    display: flex;
    width: 60%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px;
}

.busqueda_box .busqueda .contenedor-input input {
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    width: 540px;
    padding: 20px 0;
    display: inline-block;
}

.busqueda_box .busqueda .contenedor-input a {
    display: inline-block;
    height: 28px;
    width: 28px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.busqueda_box .busqueda .contenedor-input a i {
    font-size: 30px;
    color: #7a7171;
}

.busqueda_box .dom_precios {
    padding-left: 25px;
    display: inline-block;
    width: 240px;
    margin-top: 8px;
    height: 122px;
    float: right;
}

.busqueda_box .dom_precios p.tit {
    color: #333333;
    font-size: 22px;
    line-height: 1.1;
    position: relative;
}
.busqueda_box .dom_precios p.tit img {
    position: relative;
    top: 6px;
    left: 5px;
}

/* Lo hacemos por ti */
.hacemos_box {
    padding: 0 0 60px 0;
    margin-top: -115px;
    height: auto;
    background-size: cover;
    background-position: center;
}

.hacemos_box p.tit {
    margin: 40px 0px;
    text-align: center;
    line-height: 1.2;
    color: #333;
    font-size: 42px;
}

.hacemos_box ul li {
    display: inline-block;
    width: 210px;
}

.hacemos_box ul li:last-child {
    border-left: solid 2px #bbbdc0;
    padding-left: 40px;
}

.hacemos_box .hacemos_info strong {
    font-size: 16px
}

.hacemos_box .hacemos_info {
    color: #484545;
    line-height: 1.3;
}

.hacemos_box span.precio {
    font-size: 36px;
    display: inline-block;
}

body.co span.precio, body.cl span.precio {
    font-size: 22px;
}

body.co span.precio span.moneda, body.cl span.precio span.moneda {
    font-size: 18px;
}

body.ve span.precio {
    font-size: 16px;
}

body.ve span.precio span.moneda {
    font-size: 14px;
}

/* Marketing */
.marketing_box {
    padding: 60px 0 100px 0;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-position: center;
    background-size: 100%;
}

.marketing_box p.tit {
    margin-top: 40px;
    line-height: 1.2;
}

.marketing_box .bloque {
    margin-top: 90px;
}

.marketing_box .bloque .col-1-3 {
    padding: 0 45px 0 0;
    vertical-align: top;
}

.marketing_box .bloque div.col-1-3:nth-child(2) {
    padding-right: 30px;
}

.marketing_box .bloque .col-1-3 p.tit {
    font-size: 16px;
    width: 100%;
    margin-top: 20px;
}

.marketing_box .bloque .col-1-3 a {
    line-height: 2.2;
}

/* Asesoramiento */
.asesor_box {
    padding: 55px 0;
    text-align: center;
}

.asesor_box p.tit {
    font-size: 24px;
    width: 525px;
    margin: 0 auto;
}

.asesor_box a.boton {
    display: inline-block;
    background-color: #b6bec1;
    border-radius: 4px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 40px;
    padding: 15px 50px;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.asesor_box a.boton:hover {
    background-color: #8f989b;
    cursor: pointer;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

/* Capacitacion */
.capacitacion_box {
    margin: 120px 0 0 0;
    padding: 90px 0;
    background-size: cover;
    background-position: center;
}
.capacitacion_box p.tit span {
    font-weight: 600;
}

.capacitacion_box p.tit {
    color: #080808;
    line-height: 1.2;
}

.capacitacion_box .suscripcion {
    margin-top: 30px;
}

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

.capacitacion_box .contenedor-input {
    position: relative;
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

.capacitacion_box .newsletter-options.contenedor-input {
    display: block;
}

.capacitacion_box .suscripcion .mensaje-exito {
    display: none;
    color: #fff;
    background-color: #2ecc71;
    max-width: 320px;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    line-height: 1.6;
}

.footer-placa {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 50px;
}

.footer-text {
    width: 65%;
    position: relative;
    left: 30px;
}

.footer-text p {
    color: white;
    font-size: 32px;
    font-weight: 300;   
}

.footer-cta {
    width: 20%;
    position: relative;
    right: 30px;
}

.capacitacion_box .suscripcion .mensaje-espere {
    display: none;
    color: #fff;
    background-color: #505f64;
    max-width: 320px;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
}

.capacitacion_box .suscripcion a.boton {
    margin-left: 15px;
    padding: 15px 30px 10px 30px;
    border-radius: 2px;
    border-bottom: 3px solid #46903b;
}

.capacitacion_box .suscripcion a.boton:hover {
    cursor: pointer;
}

.capacitacion_box img {
    margin-top: 30px;
}

.capacitacion_box p.legales {
    margin: 20px 0 0 0;
    max-width: 500px;
    font-size: 12px;
}

body.mobile header {
    display: none;
}

.promo_boomsale {
    cursor: pointer;
}

@media (max-width: 1500px) {
    section.slider-paginas .big-cont div.fade-l {
        justify-content: flex-start;
    }
    section.slider-paginas .big-cont div.fade-r {
        justify-content: flex-end;
    }

    .hacemos_box {
        margin: 0;
    }

    #slide-web .copy {
        padding-top: 160px !important;
    }
}

@media (min-width: 979px) {
    #slide-0 .precio .num_decimal {
        vertical-align: text-top;
    }
}

@media (max-width: 980px) {
    section.slider-paginas .item.actual {
        transform: scale(1.2) !important;
        z-index: 9;
    }
    
    #slide-0 .fecha {
        font-size: 16px;
    }

    #slide-0 .urgente {
        font-size: 20px;
        text-shadow: 2px 1px black;
    }

    #slide-0 p.value_proposal {
        font-size: 45px; 
        line-height: 0.8;
        padding: 30px 0;

    }

    #slide-0 .precio {
        font-size: 40px; 
        padding: 15px 0;
    }

    #slide-0 .precio .num_entero {
        font-size: 45px; 
        margin: 0 3px;
        display: inline-block;
        color: white;
        font-weight: 300;
    }

    #slide-0 .precio .moneda,
    #slide-0 .precio .num_decimal {
        font-size: 30px; 
        display: inline-block;
        color: white;
    }

    #slide-0 p.cta {
        font-size: 20px;
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .footer-placa {
        flex-wrap: wrap;
        justify-content: center;        
    }

    .footer-text {
        width: 90%;
        left: 0;
        text-align: center;
    }

    .footer-cta {
        width: 100%;
        right: 0px;
        text-align: center;
    }
    section.slider-paginas .contenedor {
        height: 550px;
    }

    section.slider-paginas .item.actual {
        transform: scale(1.1) !important;
    }

    section.slider-paginas .big-cont div.fade-l {
        width: 20%;
    }

    section.slider-paginas .big-cont div.fade-r {
        width: 20%;
    }

    section.slider-paginas .big-cont i {
        padding: 5px !important;
    }
    
    section.slider-paginas .item .info {
        width: 120px;
        bottom: 0px;
    }
}

/*VERSION MOVIL MENOR A 960px */
@media (max-width: 979px) {
    .suscripcion .contenedor-input select {
        width: 100%;
    }
    .hide_on_mobile {
        display: none;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    p.value_proposal {
        text-align: center;
        height: auto !important;
        font-size: 33px;
        margin-bottom: 20px !important;
    }

    p.bajada {
        padding-bottom: 35px;
        font-size: 16px;
    }

    main {
        height: calc(100vh - 0px) !important;
        padding-top: 61px;
    }

    #slide-1 {
        background-image: url('/banners_home/01difm.jpg') !important;
        background-size: cover !important;
    }

    #slide-2 {
        background-image: url('/banners_home/02cloud.jpg') !important;
        background-size: cover !important;
    }

    #slide-3 {
        background-image: url('/banners_home/03envialo.jpg') !important;
        background-size: cover !important;
    }

    #slide-4 {
        background-image: url('/banners_home/04ssl.jpg') !important;
        background-size: cover !important;
    }

    #slide-5 {
        background-image: url('/banners_home/05dominios.jpg') !important;
        background-size: cover !important;
    }

    body.ve .num_entero {
        font-size: 22px;
    }

    body.ve .num_decimal {
        line-height: 12px;
    }

    body.co .num_entero, body.cl .num_entero {
        font-size: 22px;
    }

    body.co .num_decimal, body.cl .num_decimal {
        line-height: 12px;
    }

    .banner_spacer {
        margin-top: 0;
    }

    .banner_home .width_wrap {
        width: 90%;
    }

    .banner_home .banner_cont {
        margin: 50px 0;
        background-position: center;
        text-align: center;
    }

    .banner_home .banner_cont .link_cont, .banner_home .banner_cont .text_cont {
        display: block;
    }

    .banner_home .banner_cont .text_cont {
        padding: 20px;
        max-width: 477px;
        margin: 0 auto;
    }

    .banner_home .banner_cont .link_cont {
        float: inherit;
        display: inline-block;
        margin: 0 0 20px 0;
    }

    .swiper-slide.boomsale {
        background-position: 46%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }    
    
    .movil_slide p {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #fff;
    }

    .movil_slide p.movil_precio {
        color: #3497db;
        font-size: 55px;
        font-weight: bold;
    }

    .movil_precio span {
        font-size: 40px;
    }

    .movil_slide h1 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        text-transform: uppercase;
        color: #fff;
    }

    .movil_slide p.movil_moneda,
    .movil_slide p.movil_impuestos {
        font-size: 14px;
    }

    .movil_separador {
        border: solid 1px #fff;
        width: 100px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .movil_slide .movil_accion {
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .movil_slide .movil_separador {
        border: solid 2px #fff;
        width: 70px;
        opacity: 0.7;
        border-top: none;
    }

    .movil_slide.dominios {
        background-color: #37464f;
    }

    .movil_slide.dominios h1 strong {
        font-size: 40px;
    }

    .movil_slide.dominios .movil_separador {
        margin-top: 5px;
        margin-bottom: 12px;
    }

    .movil_slide.dominios.swiper-slide > div {
        padding: 0;
    }

    .movil_slide.dominios .num_decimal {
        line-height: 54px;
    }

    .movil_slide.dattachat {
        background-color: #1aca9e;
    }

    .movil_slide.dattachat h1 {
        font-size: 25px;
        font-weight: normal;
        line-height: 35px;
    }

    .movil_slide.cloud {
        background-color: #512ca8;
    }

    .movil_slide.cloud h1 {
        font-weight: normal;
        line-height: 39px;
        font-size: 27px;
    }

    .movil_slide.cloud p {
        font-size: 15px;
        line-height: 23px;
    }

    .movil_slide.cloud h1 span {
        font-size: 35px;
    }

    .movil_slide.hosting {
        background-color: #4dd0e0;
    }

    .movil_slide.hosting .price_box .desde, .movil_slide.hosting .price_box .mes {
        font-size: 13px;
        text-transform: uppercase;
    }

    .price_box .desde {
        line-height: 25px;
    }

    .movil_slide.hosting h1 {
        font-size: 34px;
        font-weight: bold;
        line-height: 32px;
    }

    .movil_slide.hosting .movil_separador {
        margin-bottom: 25px;
    }

    .movil_slide.sitiosimple {
        background-color: #ee5250;
    }

    .movil_slide.sitiosimple p {
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 12px;
    }

    .movil_slide.lohacemosporti {
        background-color: #ff4000;
    }

    .movil_slide.lohacemosporti h1 {
        font-size: 20px;
        font-weight: 400;
    }

    .movil_slide.lohacemosporti p {
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 12px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .movil_slide.envialosimple {
        background-color: #3e51b5;
    }

    .movil_slide.envialosimple h1 {
        font-size: 25px;
        line-height: 35px;
        margin-top: 35px;
    }

    .movil_slide.envialosimple p {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
    }

    .movil_slide.envialosimple .movil_separador {
        margin-bottom: 35px;
    }

    .movil_slide.sitiosimple h1 {
        font-size: 25px;
    }

    .movil_slide.sitiosimple h1 strong {
        font-size: 34px;
        line-height: 42px;
    }

    .movil_slide.dattachat .logo {
        display: block;
        width: 139px;
        height: 52px;
        background-position: -71px -231px;
        margin-left: auto;
        margin-right: auto;
    }

    .movil_slide.envialosimple .logo {
        display: block;
        width: 188px;
        height: 30px;
        background-position: -73px -50px;
        margin-left: auto;
        margin-right: auto;
    }

    .movil_slide.sitiosimple .logo {
        display: block;
        width: 195px;
        height: 62px;
        background-position: -67px -83px;
        margin-left: auto;
        margin-right: auto;
    }

    .movil_slide.pascuas {
        background-color: #5cd3f1;
    }

    .movil_slide.pascuas div{
        position: relative;
        top: 15%;
    }

    .movil_slide.pascuas h1 {
        font-weight: 400;
        color: #153753;
        padding: 0 25px;
        font-size: 24px;
    }

    .movil_slide.pascuas .movil_separador {
        border: solid 1px #153753;
        margin-top: 35px;
    }

    .num_entero, .num_decimal, .moneda {
        color: #3497db;
    }

    .impuestos {
        text-transform: uppercase;
        color: #fff;
        font-weight: normal;
        font-size: 10px;
    }

    .num_entero {
        font-size: 50px;
        font-weight: bold;
    }

    .num_decimal {
        font-size: 26px;
        line-height: 34px;
    }

    .moneda {
        font-size: 30px;
    }

    .price_box {
        color: #fff;
    }

    /* Busqueda */
    .width_wrap {
        width: 96%;
    }

    .busqueda_box {
        padding: 50px 0;
        text-align: center;
    }

    .busqueda_box .busqueda {
        display: block;
        margin: 0 auto;
        max-width: 600px;
        width: 100%;
    }

    .busqueda_box .busqueda p.subtit {
        margin-top: 20px;
    }

    .busqueda_box .busqueda .contenedor-input input {
        max-width: 550px;
        width: 100%;
        padding-right: 50px;
        box-sizing: border-box;
    }

    .busqueda_box .dom_precios {
        display: none;
    }

    .hacemos_box {
        background-position: left center;
        text-align: center;
    }

    .hacemos_box p.tit {
        margin: 15px auto 40px auto;
        width: 90%;
    }

    .hacemos_box ul li {
        width: 240px;
    }

    .hacemos_box ul li:last-child {
        padding-left: 0
    }

    .marketing_box {
        padding: 50px 0;
        text-align: center;
    }

    .marketing_box p.tag {
        margin-bottom: 30px;
    }

    .marketing_box p.tit {
        max-width: 510px;
        width: 90%;
        margin: 0 auto;
    }

    .marketing_box .bloque .col-1-3 {
        padding-right: 0;
        width: 260px;
        display: block;
        margin: 30px auto 0 auto;
    }

    .marketing_box .bloque div.col-1-3:nth-child(2) {
        padding-right: 0;
    }

    .asesor_box p.tit {
        max-width: 525px;
        width: 80%;
    }

    .capacitacion_box {
        padding: 50px 0;
        text-align: center;
    }

    .capacitacion_box .suscripcion .contenedor-input {
        max-width: 500px;
        width: 90%;
        margin: 10px auto;
    }

    .capacitacion_box .suscripcion .contenedor-input select {
        height: 45px;
        margin-top: 0px;
    }

    .inputs {
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 20%;
    }

    .suscripcion .btn {
        margin-bottom: 20px;
    }
    .capacitacion_box .suscripcion a.boton {
        margin: 10px 0 25px 0;
        max-width: 500px;
        width: 90%;
        box-sizing: border-box;
    }

    .capacitacion_box img {
        margin-top: 30px;
        text-align: center;
    }

     p.cta.promo,
    .swiper-slide.boomsale p.cta.promo {
        margin: 45vh 0 0 0;
        cursor: pointer;
    }
}

@media (max-width: 560px) {

    .inputs {
        padding-left: 0px;
        width: 100%;
    }

    .swiper-slide {
        height: 105% !important;
    }

    #slide-web .copy {
        padding-top: 0px !important;
    }

    .footer-text {
        width: 100%;
    }

    .hacemos_box ul li {
        width: 80%;
        margin: 0 auto;
    }

    .hacemos_box ul li:last-child {
        border-left: none;
        margin-top: 50px;
    }
}

/* Slide Hot Sale 2017 */
.hs_2017 {
    background-size: 100%;
    background-position: bottom;
    text-align: left;
}

.hs_2017 .banner-cont {
    height: 500px;
    width: 800px;
    display: inline-block;
}

.hs_2017 .banner {
    float: left;
    display: inline-block;
    width: 450px;
    margin-top: 0;
    text-align: left;
}

.hs_2017 p.cta {
    margin-top: 4%;
}

.hs_2017 .copy {
    width: 800px;
    padding: 0;
    text-align: center;
}

.slider_container.fullscreen .hs_2017 h2 {
    margin-top: 0;
}

.hs_2017 h2 {
    color: #fff;
    font-size: 90px;
    font-weight: 800;
    letter-spacing: -5px;
    margin: 0;
    padding-top: 30px;
    line-height: 110px;
}

.hs_2017 h2 span {
    color: #026698;
}

.hs_2017 h2 > span {
    position: relative;
}

.hs_2017 h2 span.year {
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 35px;
    font-weight: 700;
}

.hs_2017 p.subtit {
    color: #FFD704;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    line-height: 0;
}

.hs_2017 p.porc {
    margin: 30px 0 0 0;
    font-size: 90px;
    font-weight: 800;
    line-height: 100px;
    color: #fff;
    position: relative;
}

.hs_2017 p.porc span {
    font-size: 60px;
    position: absolute;
    left: 100px;
}

.hs_2017 p.fechas {
    color: #B5DCE8;
    font-weight: 400;
    font-size: 30px;
    margin: 20px 0 0 0;
}

.bt_hs {
    background-color: #f7ad41;
    color: #2d2d2d !important;
    border-bottom: 4px solid #d5932b;
}

.bt_hs:hover {
    background-color: #f1cf89;
}

.hs_2017 .cohete {
    float: right;
    display: inline-block;
    margin-top: 0;
    height: 100%;
    position: relative;
}

.sitiosimple .post_boton {
    font-size: 15px;
    margin: 3% 0 0 0;
}

.sitiosimple .value_proposal strong {
    font-weight: 600;
}

/*Typedjs*/
/*Input de búsqueda del header*/
#busqueda-dominios {
    position: relative;
}

#busqueda-dominios-placeholder, .typed-cursor {
    font-size: 28px;
    color: #bbb;
    font-style: italic;
}

#busqueda-dominios-placeholder {
    position: absolute;
    bottom: 20px;
    left: 6px;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.8s infinite;
    -moz-animation: blink 0.8s infinite;
    animation: blink 0.8s infinite;
    position: absolute;
    color: #bbb;
    display: inline-block;
    bottom: 23px;
    left: -7px;
    font-size: 28px;
}


#busqueda-dominios {
    font-size: 20px;
}

#busqueda-dominios-placeholder, .typed-cursor, #busqueda-dominios {
    font-weight: 300;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/** Ciberlunes colombia */
.ciberlunes_co p.tag {
    color: #333;
    font-weight: 300;
    font-size: 18px;
    margin: 0;
}

.ciberlunes_co p.title {
    color: #333;
    font-weight: 300;
    font-size: 70px;
    letter-spacing: -2px;
    line-height: 1.2;
}

.ciberlunes_co p.title strong {
    font-weight: 500;
}

.ciberlunes_co p.title span {
    display: block;
    font-weight: 500;
    font-size: 30px;
}

.ciberlunes_co p.bajada {
    color: #333;
    font-size: 18px;
    margin: -20px 0 0 0;
}

.ciberlunes_co p.codigo {
    color: #f60;
    display: inline-block;
    text-align: center;
    padding: 11px;
    border: 1px #333 solid;
    border-radius: 5px;
    font-size: 22px;
    margin: 5px 0 40px 0;
}

.ciberlunes_co p.cta {
    margin: 0;
}

/*carousel*/
section.caracteristicas {
    padding: 100px 0;
    margin: 100px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-caracteristicas h2 {
    font-size: 42px;
    font-weight: 300;
    text-align: center;
    margin: 0;
    line-height: 1.2;
}

section.slider-paginas {
    padding: 0;
}

section.slider-paginas .contenedor {
    justify-content: center;
}

section.slider-paginas .item {
    -webkit-filter: none;
    filter: none;
    height: 380px;
    max-width: 290px;
    width: 100%;
    margin-top: 15px;
    opacity: 1;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0px 0px 6px 2px #f2f2f2;
    -moz-box-shadow: 0px 0px 6px 2px #f2f2f2;
    box-shadow: 0px 0px 6px 2px #f2f2f2;
}

section.slider-paginas .item.actual {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    background-color: #ffffff;
    transform: scale(1.4);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
    box-shadow: 0px 3px 10px 0px rgba(187,187,187,1);
}

section.slider-paginas .item.actual div.item-deg-der, 
section.slider-paginas .item.actual div.item-deg-izq {
    background: transparent;
}

section.slider-paginas .contenedor .item.left div.item-deg-izq {
    display: block;
    height: 380px;
    max-width: 290px;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
    top: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
}

section.slider-paginas .contenedor .item.right div.item-deg-der {
    display: block;
    height: 380px;
    max-width: 290px;
    width: 100%;
    position: absolute;
    z-index: 100;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    top: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
}

section.slider-paginas .item-img {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
}

section.slider-paginas .item-titulo {
    font-size: 16px;
    font-weight: 700;
    width: 85%;
    margin: 230px auto auto auto;
    text-align: left;
}

section.slider-paginas .item-desc {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    width: 85%;
    margin: 15px auto auto auto;
    text-align: left;
    color: #999999;
}

section.slider-paginas .item-button {
    width: 85%;
    margin: 15px auto auto auto;
    text-align: left;
}

section.slider-paginas .item-button a.btn {
    padding: 4px 0px;
    font-size: 12px;    
    width: 100px;
}

section.slider-paginas .big-cont .fade-l {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 30%;
    background: transparent;
    z-index: 500;
    cursor: pointer;
}

section.slider-paginas .big-cont .fade-r {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 30%;
    background: transparent;
    z-index: 500;
    cursor: pointer;
}

section.slider-paginas .big-cont i {
        padding: 15px;
        color: #999999;
        font-size: 45px;
        cursor: pointer;
}

/** Hot Sale 2018 */
.hotsale_2018 h2 {
    color: #ff0006;    
    font-weight: 300;
    font-size: 26px;
    margin: 0 5px;
    margin-top: 0 !important;
}

.hotsale_2018 h2 strong {
    font-weight: 700;
}

.hotsale_2018 p.value_proposal {
    font-family: 'Permanent Marker', cursive;
    font-size: 75px;
    color: #313131;
    line-height: 0.9;
    margin: 20px 0 0 0;
}

.hotsale_2018 p.bajada {
    color: #2e2e2e;
    font-size: 20px;
    font-weight: 400;
    margin: 30px 0 0 0;
}

.hotsale_2018 p.cta {
    margin: 30px 0 0 0;
}

.hotsale_2018 .banderita {
    display: block;
    height: 55px;
    width: 130px;
    background-position: 168px -403px;
}

.hotsale_2018 .top {
    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;
}





@media (max-width: 500px) {
    .animacion img{
        width: 100%;
    }

    
    @-webkit-keyframes an-email {
        0% {
            top: 120px;
            left: 20%;
        }

        60% {
            top: 125px;
            left: 23%;
        }
        100% { 
            top: 120px;
            left: 20%;
        }
    }
    @-moz-keyframes an-email {
         0% {
            top: 120px;
            left: 20%;
        }

        60% {
            top: 125px;
            left: 23%;
        }
        100% { 
            top: 120px;
            left: 20%;
        }
    }
    @keyframes an-email {
         0% {
            top: 120px;
            left: 20%;
        }

        60% {
            top: 125px;
            left: 23%;
        }
        100% { 
            top: 120px;
            left: 20%;
        }
    }




    @-webkit-keyframes an-fbook {
        0% {
            top: 70px;
            left: 10%;
        }

        60% {
            top: 75px;
            left: 8%;
        }
        100% { 
            top: 70px;
            left: 10%;
        }
    }
    @-moz-keyframes an-fbook {         
        0% {
            top: 70px;
            left: 10%;
        }

        60% {
            top: 75px;
            left: 8%;
        }
        100% { 
            top: 70px;
            left: 10%;
        }
    }
    @keyframes an-fbook {
        0% {
            top: 70px;
            left: 10%;
        }

        60% {
            top: 75px;
            left: 8%;
        }
        100% { 
            top: 70px;
            left: 10%;
        }
    }




    @-webkit-keyframes an-google {
        0% {
            top: 170px;
            left: 30%;
        }

        60% {
            top: 175px;
            left: 33%;
        }
        100% { 
            top: 170px;
            left: 30%;
        }
    }
    @-moz-keyframes an-google {
        0% {
            top: 170px;
            left: 30%;
        }

        60% {
            top: 175px;
            left: 33%;
        }
        100% { 
            top: 170px;
            left: 30%;
        }
    
    }
    @keyframes an-google {
        0% {
            top: 170px;
            left: 30%;
        }

        60% {
            top: 175px;
            left: 33%;
        }
        100% { 
            top: 170px;
            left: 30%;
        }
    }
    
}

div.nav-dominio{
    height: 80px;
    background-color: rgba(255,255,255,0.85); 
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    z-index: 2;
    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;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
}

div.nav-dominio ul{
    height: 40px;
    width: 971px;
    display: flex;
    align-items: center;
}

div.nav-dominio ul li{
    height: 100%;
    display: inline-flex;
    margin: 0px 0px 0px 5px;
    cursor: pointer;
    align-items: center;
}

input.search{
    margin: 0px;
    padding: 0px;
    height: 100%;
    border-width: 0px;
    width: 310px;
    color: #1D1D1B;
    font-size: 17px;
}

input.search::-webkit-input-placeholder { color: #999999; }
input.search::-moz-placeholder { color: #999999; }


button.btn-search{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 150px;
    border-width: 0px;
    border-radius: 0px 7px 7px 0px;
    vertical-align: top;
    background-color: #339900;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    margin: 0px 25px 0px 0px;
}

button.btn-search:hover{
    background-color: #7A7A7A;
    color: #FFFFFF;
}
span.icon-search{
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 40px;
    background-color: #FFF; 
    display: inline-block;
    vertical-align: top;
    border-radius: 7px 0px 0px 7px;
}

span.icon-search i{
    width: 100%;
    border-radius: 7px 0px 0px 7px;
    color: #1D1D1B;
    font-size: 25px;
    text-align: center;
    line-height: 42px;
}

span.aprovecha {
    color: #3A3C44;
    font-size: 17px;
    font-weight: 600;
    vertical-align: middle;
}
span.solo{
    color: #3A3C44;
    font-size: 20px;
    font-weight: 600;
    margin-right: 8px;
    vertical-align: bottom;
    line-height: 22px;
}

span.precio-dom {
    vertical-align: bottom;
    display: inline-block;
}

span.precio-dom span.moneda{
    color: #3497DB;
    font-weight: 400;
    font-size: 25px;
    margin: 0px;
    line-height: 14px;
}
span.precio-dom span.num_entero{
    color: #3497DB;
    font-weight: 700;
    font-size: 45px;
    line-height: 41px;
}
span.precio-dom span.num_decimal{
    color: #3497DB;
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
}

/** precio chile, colombia y venezuela **/

body.co span.precio-dom span.num_entero,
body.cl span.precio-dom span.num_entero{
    font-size: 28px;
    line-height: 28px;
}

body.ve span.precio-dom span.num_entero {
    font-size: 18px;
}

body.co span.precio-dom span.num_decimal,
body.cl span.precio-dom span.num_decimal,
body.ve span.precio-dom span.num_decimal{
    font-size: 18px;
    vertical-align: top;
    line-height: 18px;
}


span.anio{
    color: #3A3C44;
    font-size: 17px;
    font-weight: 400;
    margin-right: 10px; 
    vertical-align: middle;
}

span.sprite-com{
    width: 150px;
    display: inline-block;
    height: 40px;
    background-position: 0px 7px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

span.sprite-online{
    width: 80px;
    display: inline-block;
    height: 25px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

span.sprite-site{
    width: 70px;
    display: inline-block;
    height: 25px;
    background-position: 6px -26px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

span.sprite-store{
    width: 80px;
    display: inline-block;
    height: 25px;
    background-position: 0px -52px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/** HACEMOS TU PAGINA EN 5 DIAS **/

.hacemos-bloque-cont{
    height: auto;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hacemos_box .width_wrap {
    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;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.hacemos_box p.tit {
    margin: 40px 0px 100px 0px;
    text-align: center;
    line-height: 1.2;
    color: #333;
    font-size: 30px;
}
.hacemos_box p.tit strong {
    font-size: 42px;
}


div.hacemos-bloque{ 
    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;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    background-color: #FFFFFF;
    height: 400px;
    width: 370px;
    margin: 0px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0pc 0px 10px 1px rgba(153,153,153,1);
    -moz-box-shadow: 0pc 0px 10px 1px rgba(153,153,153,1);
    box-shadow: 0pc 0px 10px 1px rgba(153,153,153,0.7);

}

div.hacemos-bloque-img {
    height: 55%;
    width: 100%;
    display: block;
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
}

div.hacemos-bloque p {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin: 30px 0px;
 
}

div.hacemos-bloque a:hover {
    background-color: #3AAD00;
}

@media (max-width: 400px) {
    div.hacemos-bloque{ 
        width:  90%;
    }

    div.hacemos-bloque p{
        text-align: center;
        font-size: 25px;
        font-weight: 300;
        margin: 30px 0px;
     
    }
}


@media (max-width: 979px){
    div.hacemos-bloque{ 
        margin: 20px 10px ;
    }
    
    div.nav-dominio{
        z-index: 2;
        top: -150px;
    }

    input.search {
        width: calc(100% - 55px);
        padding-left: 15px;
        border-radius: 7px 0px 0px 7px;
    }

    div.nav-dominio ul li.tld{
        display: none !important;
    }
    
    div.nav-dominio ul li{
        display: block;
        width: 100%;
        margin: 0px 4px;
    }
    div.nav-dominio ul {
        width: 94%;
    }
    button.btn-search{
        height: 40px;
        width: 40px;
        background-color: #333333;
        margin: 0;
    }

    span.aprovecha , span.solo , span.moneda,
    span.num_entero, span.num_decimal,
    span.precio-dom , span.sprite-online,span.sprite-site,
    span.sprite-store, span.anio{
       display: none;
    }

    div.hacemos-bloque-cont {
        height: auto;
        background-image: none !important;;
        padding: 0px;
        margin-bottom: 0px;
        
    }

    p.cta {
        margin: 0vh 0 0 0;
        text-align: center;
    }  
}

nav{
    z-index: 10;

}

@media (max-height: 770px){
    #slide-0 p.value_proposal {
        font-size: 45px;
    }

    #slide-0 .precio {
        font-size: 100px;
    }

    #slide-0 p.cta {
        text-align: center;
        font-size: 26px;
        font-weight: 300;
        width: 100%;
        margin: 15px auto 0 auto;
    }
}
/*--FIN /sp/home.css */