@font-face {
    font-family: 'cerablack';
    src: url('font/cera-black.otf');/*
    src: url('cera-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-regular-webfont.woff2') format('woff2'),
         url('cera-regular-webfont.woff') format('woff'),
         url('cera-regular-webfont.ttf') format('truetype'),
         url('cera-regular-webfont.svg#ceraregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cerabold';
    src: url('font/cera-bold.otf');/*
    src: url('cera-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-regular-webfont.woff2') format('woff2'),
         url('cera-regular-webfont.woff') format('woff'),
         url('cera-regular-webfont.ttf') format('truetype'),
         url('cera-regular-webfont.svg#ceraregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ceramedium';
    src: url('font/cera-medium.otf');/*
    src: url('cera-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-regular-webfont.woff2') format('woff2'),
         url('cera-regular-webfont.woff') format('woff'),
         url('cera-regular-webfont.ttf') format('truetype'),
         url('cera-regular-webfont.svg#ceraregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ceraregular';
    src: url('font/cera-regular.otf');/*
    src: url('cera-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cera-regular-webfont.woff2') format('woff2'),
         url('cera-regular-webfont.woff') format('woff'),
         url('cera-regular-webfont.ttf') format('truetype'),
         url('cera-regular-webfont.svg#ceraregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}
.btn_wom{ float: left;  box-sizing: border-box; background: #7c629b;  display: block; position: relative; color: #fff; text-decoration: none; border-radius: 8px; font-family: 'cerabold'; font-size: 12px; width: 120px; height: 29px; overflow: hidden; text-align: left; line-height: 29px; padding:0 0 0 15px;  }
.btn_wom:after{ border-left-width:  1px; border-right-width:1px; border-left-style: solid; border-right-style: solid; content: ""; height: 100%; margin: 0 0 0 12px; position: absolute; right: 35px; top: 0; }

.btn_wom.normal{ width: 120px; }
.btn_wom.big{ width: 200px; }

input.btn_wom{ border:none; }
input.btn_wom{ text-indent: inherit; float: left;  box-sizing: border-box; background: #7c629b;  display: block; position: relative; color: #fff; text-decoration: none; border-radius: 8px; font-family: 'cerabold'; font-size: 12px; width: 120px; height: 29px; overflow: hidden; text-align: left; line-height: 29px; padding:0 0 0 15px;  }
input.btn_wom:after{ border-left-width:  1px; border-right-width:1px; border-left-style: solid; border-right-style: solid; content: ""; height: 100%; margin: 0 0 0 12px; position: absolute; right: 35px; top: 0; }

.btn_wom.dark{ background-color: #44007F;  }
.btn_wom.dark:hover{ background-color: #730383; }
.btn_wom.dark:after{ border-left-color: #5f1b9a; border-right-color: #25005d; }
.btn_wom.dark:hover:after{ border-left-color: #9121a1; border-right-color: #4a005a;}

.btn_wom.light { background-color: #7c629b; }
.btn_wom.light:hover { background-color: #a08db7; }
.btn_wom.light:after{ border-left-color: #c9b2d0; border-right-color: #624881; }
.btn_wom.light:hover:after{ border-left-color: #c9b2d0; border-right-color: #9b71a9;}

.btn_wom.btn_banner{ height: 42px; font-size: 16px; line-height: 42px;  }

.btn_wom.pago{ background-image: url(/wom/img/icono-formas-de-pago.png); background-repeat: no-repeat; background-position: right 9px top 50%; }
.btn_wom.ingresar{ background-image: url(/wom/img/icono-ingresar.png); background-repeat: no-repeat; background-position: right 8px top 50%; }
.btn_wom.conocenos{ background-image: url(/wom/img/icono-conocenos.png); background-repeat: no-repeat; background-position: right 6px top 50%; }
.btn_wom.enviar{ background-image: url(/wom/img/icono-mensaje.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.iwomit{ background-image: url(/wom/img/icono-iwomit.png); background-repeat: no-repeat; background-position: right 4px top 50%; text-transform: uppercase; }
.btn_wom.descarga{ background-image: url(/wom/img/icono-descarga.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.ver_mas{ background-image: url(/wom/img/icono-ver-mas.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.sucursal{ background-image: url(/wom/img/icono-pointer.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.chat{ background-image: url(/wom/img/icono-chat.png); background-repeat: no-repeat; background-position: right 6px top 50%; }
.btn_wom.reparar{ background-image: url(/wom/img/icono-reparar.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.documento{ background-image: url(/wom/img/icono-documento.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.detalle{ background-image: url(/wom/img/icono-detalles.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.ayuda{ background-image: url(/wom/img/icono-ayuda.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.volver{ background-image: url(/wom/img/icono-volver.png); background-repeat: no-repeat; background-position: right 9px top 50%; }
.btn_wom.buscar{ background-image: url(/wom/img/icono_buscador_ayuda_wom.png); background-repeat: no-repeat; background-position: right 9px top 48%; }

.btn_wom.big.pago{ background-image: url(/wom/img/icono-formas-de-pago.png); background-repeat: no-repeat; background-position: right 9px top 50%; }
.btn_wom.big.ingresar{ background-image: url(/wom/img/icono-ingresar.png); background-repeat: no-repeat; background-position: right 8px top 50%; }
.btn_wom.big.conocenos{ background-image: url(/wom/img/icono-conocenos.png); background-repeat: no-repeat; background-position: right 6px top 50%; }
.btn_wom.big.enviar{ background-image: url(/wom/img/icono-mensaje.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.iwomit{ background-image: url(/wom/img/icono-iwomit.png); background-repeat: no-repeat; background-position: right 4px top 50%; text-transform: uppercase;}
.btn_wom.big.descarga{ background-image: url(/wom/img/icono-descarga.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.ver_mas{ background-image: url(/wom/img/icono-ver-mas.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.sucursal{ background-image: url(/wom/img/icono-pointer.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.chat{ background-image: url(/wom/img/icono-chat.png); background-repeat: no-repeat; background-position: right 6px top 50%; }
.btn_wom.big.reparar{ background-image: url(/wom/img/icono-reparar.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.documento{ background-image: url(/wom/img/icono-documento.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.detalle{ background-image: url(/wom/img/icono-detalles.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.ayuda{ background-image: url(/wom/img/icono-ayuda.png); background-repeat: no-repeat; background-position: right 4px top 50%; }
.btn_wom.big.ayuda{ background-image: url(/wom/img/icono-volver.png); background-repeat: no-repeat; background-position: right 9px top 50%; }
.btn_wom.big.buscar{ background-image: url(/wom/img/icono_buscador_ayuda_wom.png); background-repeat: no-repeat; background-position: right 9px top 80%; }

.btn_wom.auto_width{ padding: 0 50px 0 20px; width: auto; }
.btn_wom.cent_auto{ display: table; float: none; margin: 0 auto;  overflow: hidden; padding: 0 50px 0 20px; position: relative; width: auto;}
.btn_wom.simple{ background-image: none; text-align: center; padding: 0 20px; }
.btn_wom.simple:after{ border: none; }
.btn_wom.simple:hover:after{ border: none; }

.secundario{ background: #381851 !important;}