@charset "utf-8";

/* CSS Document */
#header {
    display: none;
}

img {
    max-width: 100%;
    border: 0px;
}

body {
    background: #F5F3F4 url(../imgs/fdo.jpg) repeat-x 0% 0%;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.4em;
    font-weight: normal;
}

a {
    color: #128A98;
    text-decoration: none;
}

div.mensaje_error_tarjeta {
    background-color: antiquewhite;
    border-radius: 7px;
    text-align: center;
    background-image: url("/imgs/atencion.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#loading_cajas {
    display: inline-block;
    width: 100%;
    text-align: center;
}

a:hover {
    color: #999999;
}

body,
img,
form,
label,
fieldset,
div,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
}

p {
    margin: 0.5em auto;
}

.small {
    font-size: 0.8em;
    margin: 0.3em auto;
}

.wrap {
    width: 99.8%;
    margin: 0 auto;
    overflow: hidden;
}

.blanco {
    background: #ffffff;
    padding-bottom: 1em;
}

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

.right {
    float: right;
}

.left {
    float: left;
}

/*set2017*/
.al_share_bar {
    position: relative;
    padding: .5em 0em 1em 0em;
    margin: 0 auto;
    display: table;
}

/*oct2017*/
.wrap.al_share_bar {
    max-width: 230px;
}

/*oct2017*/
.shareyou {
    width: 52px;
    height: 20px;
    float: none;
    display: none;
    background: transparent url(../imgs/m-youtube.gif) no-repeat 0% 0%;
}

/*oct2017*/
.shareyou:hover {
    background: transparent url(../imgs/m-youtube-hover.gif) no-repeat 0% 0%;
}

/*oct2017*/
.shareinstagram {
    margin: 0 10px 0 0;
    display: none;
    width: 20px;
    height: 20px;
    background: transparent url(../imgs/m-instagram.gif) no-repeat 0% 0%;
}

/*oct2017*/
.shareinstagram:hover {
    background: transparent url(../imgs/m-instagram-hover.gif) no-repeat 0% 0%;
}

/*set2017*/
.al_share_bar iframe {
    float: none !important;
}

/*set2017*/
.twitter-share-button {
    width: 80px !important;
}

.logo {
    clear: both;
    text-align: center;
    padding: 1em 0em 0.7em 0em;
    width: 65%;
    /*max-width:217px;*/
    margin: 0px auto;
    position: relative;
    z-index: 100;
}

.contenido {
    background: #E5E5E5 url(../imgs/fdo.jpg) repeat-x 0% 0%;
    clear: both;
}

/*menu*/
/*cambio2016*/
.menutop {
    min-height: 30px;
}

/*oct2017*/
.menu {
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    list-style: none outside none;
    margin: 0;
    letter-spacing: 0.1em;
    padding: 2em 25px 2em 25px;
    background: -moz-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #E5E5E5));
    background: -webkit-linear-gradient(top, #ffffff 1%, #E5E5E5 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#ffffff, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5E5E5');
    /* ie */
    opacity: .9;
}

.menu li {
    text-align: left;
    /*font-size: 100%;*/
}

/*set2017*/
.menu a {
    padding: 0.6em 0em 0.6em 0em;
    position: relative;
    z-index: 1;
    line-height: 32px;
}

/**/
.menu li a#active {
    background: transparent url(../imgs/flecha-on.gif) no-repeat 0% 50%;
    color: #666666;
    padding-left: 0.6em;
    margin-left: -10px;
}

/*set2017*/
.menu li.menu-item-has-children a#active {
    color: #666666;
}

/*set2017*/
/*set2017*/
.menu li#children a#active {
    /*background: transparent none;*/
}

.menu li a span {
    padding: 0.5em 0.8em 0.5em 0.6em;
    white-space: nowrap;
    line-height: 180%;
}

#capausuario .menu li {
    text-align: center;
}

/*dic2016*/
.reg {
    position: absolute;
    z-index: 100;
    right: .5em;
}

/**/
#botonmenu {
    float: right;
    margin-right: 5px;
    display: block;
}

/**/
#botonmenu a {
    display: block;
    padding: 0 1.4em;
}

.botm,
.boton {
    /*background: transparent url(../imgs/bot-menu-off.gif) no-repeat 0% 0%;*/
    border-radius: 4px;
    outline: none;
    text-align: center;
    font-family: "Century Gothic", Futura, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.9em;
    text-shadow: 1px 1px #666666;
    letter-spacing: 0.15em;
    cursor: pointer;
    background: -moz-linear-gradient(top, #159DAC 0%, #128794 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #159DAC), color-stop(100%, #128794));
    background: -webkit-linear-gradient(top, #159DAC 1%, #128794 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#159DAC, #128794);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159DAC', endColorstr='#128794');
    /* ie */
    zoom: 1;
    /* ie */
}

.boton {
    display: inline-block;
    padding: .5em .8em .5em 1em;
    line-height: 1.2em;
    margin: 0 auto;
    color: #ffffff;
}

input.boton,
input.botm {
    border: 1px solid #128794;
    padding: .5em 1em;
    line-height: 1em;
}

/*.botm:hover{background: transparent url(../imgs/bot-menu-on.gif) no-repeat 0% 0%; color:#FFFFFF !important;}*/
.suscribete,
.bot-i {
    /*nuevo*/
    display: block;
    border: 1px solid #128794;
    border-radius: 6px;
    font-size: 1.4em;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Century Gothic", Futura, sans-serif !important;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 1px 1px #666666;
    margin: 0 auto;
    padding: .7em 1em;
    background: -moz-linear-gradient(top, #159DAC 0%, #128794 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #159DAC), color-stop(100%, #128794));
    background: -webkit-linear-gradient(top, #159DAC 1%, #128794 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#159DAC, #128794);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159DAC', endColorstr='#128794');
    /* ie */
    zoom: 1;
    /* ie */
    box-shadow: 0px 3px 6px #999999;
}

.bot-i2 {
    background: linear-gradient(#159DAC, #128794);
    border-radius: 6px;
    border: 1px solid #128794;
    box-shadow: 0px 3px 6px #999999;
    color: #FFFFFF;
    display: block;
    font-family: "Century Gothic", Futura, sans-serif !important;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto;
    outline: none;
    padding: .7em 1em;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px #666666;
    text-transform: uppercase;
}

.suscribete:hover,
.botm:hover,
.bot-i:hover,
.boton-c:hover,
.boton:hover,
.bot-cerrar:hover,
.open:hover,
.botlink-c:hover {
    color: #FFFFFF;
    background: -moz-linear-gradient(top, #128794 0%, #159DAC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #128794), color-stop(100%, #159DAC));
    background: -webkit-linear-gradient(top, #128794 1%, #159DAC 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#128794, #159DAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#128794', endColorstr='#159DAC');
    /* ie */
    zoom: 1;
    /* ie */
}

.bot-i {
    padding: 0.6em 1em;
    box-shadow: 0px 3px 6px #999999;
}

.boton-c,
.bot-cerrar,
.botlink-c {
    border: solid 1px #159DAC;
    border-radius: 3px;
    padding: 0.35em 2em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Century Gothic", Futura, sans-serif !important;
    font-weight: bold;
    margin: 0 auto;
    cursor: pointer;
    background: -moz-linear-gradient(top, #159DAC 0%, #128794 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #159DAC), color-stop(100%, #128794));
    background: -webkit-linear-gradient(top, #159DAC 1%, #128794 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#159DAC, #128794);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159DAC', endColorstr='#128794');
    /* ie */
    zoom: 1;
    /* ie */
}

#acceso .boton-c,
.datos .boton-c {
    padding: 0.3em 1.35em;
}

.bot-cerrar {
    padding: 0.2em 1em;
}

.botlink-c {
    padding: 0.1em 1em;
    margin: .5em 0;
    display: block;
    font-size: .8em;
}

.bot_wa {
    display: inline-block;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif !important;
    line-height: normal;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin: 0.5em auto;
    background: #8aeefb;
    border-radius: 6px;
    border: none;
    font-size: 1.35em;
    padding: 0.65em 1.5em 0.65em 1.5em;
    box-shadow: 0px 0px 10px 4px #8aeefb;
    cursor: pointer;
}

a.bot_wa {
    background: #FF7E53;
    text-transform: initial;
    padding: 0.65em 1em 0.65em 1.2em;
    white-space: normal;
    display: inline-block;
    font-size: 1.15em;
}


/*set2017*/
.open {
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Century Gothic", Futura, sans-serif !important;
    border: solid 1px #159DAC;
    border-radius: 4px;
    padding: 0 .15em 0 .25em !important;
    text-align: center;
    font-size: 1.4em;
    cursor: pointer;
    outline: none;
    background: -moz-linear-gradient(top, #159DAC 0%, #128794 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #159DAC), color-stop(100%, #128794));
    background: -webkit-linear-gradient(top, #159DAC 1%, #128794 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#159DAC, #128794);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159DAC', endColorstr='#128794');
    /* ie */
    zoom: 1;
    /* ie */
    display: none;
}

/*oct2017*/
#botonmenu .pagarmenu {
    padding: 0 1em;
    font-size: 1em;
    letter-spacing: 0;
    text-shadow: none;
}

.pagarmenu,
.pagar,
.pagar_bot {
    border-radius: 4px;
    outline: none;
    text-align: center;
    font-family: "Century Gothic", Futura, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.9em;
    text-shadow: 1px 1px #666666;
    cursor: pointer;
    background: -moz-linear-gradient(top, #EB616F 0%, #E64454 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EB616F), color-stop(100%, #E64454));
    background: -webkit-linear-gradient(top, #EB616F 1%, #E64454 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#EB616F, #E64454);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB616F', endColorstr='#E64454');
    /* ie */
    zoom: 1;
    /* ie */
}

.pagarmenu:hover,
.pagar:hover,
.pagar_bot:hover {
    color: #FFFFFF;
    background: -moz-linear-gradient(top, #E64454 0%, #EB616F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E64454), color-stop(100%, #EB616F));
    background: -webkit-linear-gradient(top, #E64454 1%, #EB616F 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#E64454, #EB616F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E64454', endColorstr='#EB616F');
    /* ie */
    zoom: 1;
    /* ie */
}

a.pagar {
    font-size: 1em;
    padding: .2em 1em;
    text-shadow: none;
}

.pagar_bot {
    display: inline-block;
    line-height: 1.2em;
    font-size: 1.1em;
    text-shadow: 1px 1px #666666;
    letter-spacing: 0.15em;
    padding: .5em .8em .5em 1em;
}

#logon .pagarmenu {
    font-size: 1em;
    text-shadow: none;
    padding: 0.2em 1em;
}

.contenido .go {
    max-width: 293px;
    margin: 0 auto;
    clear: both;
    padding-top: 1em;
    text-align: center;
    padding-bottom: 1em;
}

.shadow {
    height: 7px;
    background: -moz-linear-gradient(top, #999999 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #999999 1%, #eeeeee 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#999999, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#eeeeee');
    /* ie */
    zoom: 1;
    /* ie */
    border-radius: 5px;
    margin-top: 0 !important;
}

.txtportada ul {
    margin: 0px;
    padding: 5px 10px 5px 25px;
    text-align: left;
    position: relative;
}

.txtportada ul li {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: url(../imgs/item.gif);
    line-height: 120%;
    margin: 0.4em auto;
}

.center {
    text-align: center;
    vertical-align: top;
    clear: both;
    margin: 0 auto;
}

.marcas {
    border-top: 0.6em solid #E5E5E5;
    background: #ffffff;
    float: left;
    width: 100%;
    padding-top: 0.3em;
}

.tabmarcas {
    text-align: center;
    vertical-align: middle;
    display: inline;
    width: 32%;
    min-width: 14.5%;
    float: left;
    background: #ffffff;
    padding: 2% 0.5%;
}

.pie {
    background: #F5F3F4;
    border-top: 0.6em solid #E5E5E5;
    padding-top: 1em;
    width: 100%;
    clear: both;
}

.copyright {
    text-align: center;
}

.nav {
    padding: 0em 1em;
    clear: left;
}

.nav li {
    margin: 0px;
    padding: 0em 0.5em 0em 0em;
    display: inline;
    background: none;
    font-size: 0.8em;
    white-space: nowrap;
}

/*set2017*/
.redes {
    text-align: center;
    padding-bottom: 1em;
    margin: 10px auto 0 auto;
    line-height: 100%;
    list-style: none;
    white-space: nowrap;
}

/*set2017*/
.redes ul li {
    display: inline-block;
    background: none;
    font-size: 0.9em;
    min-width: 32px;
    line-height: 32px;
    margin: 1px;
}

/*set2017*/
.redes ul li a {
    display: block;
    text-align: center;
}

/*set2017*/
.fb {
    display: block;
    background: transparent url(../imgs/m-fb-off.gif) no-repeat 100% 0%;
    width: 32px;
}

/*set2017*/
.tw {
    display: block;
    background: transparent url(../imgs/m-tw-off.gif) no-repeat 100% 0%;
    width: 32px;
}

/*set2017*/
.gmas {
    display: block;
    background: transparent url(../imgs/m-gmas-off.gif) no-repeat 100% 0%;
    width: 32px;
}

.yt {
    display: block;
    background: transparent url(../imgs/m-yt-off.gif) no-repeat 50% 0%;
    width: 70px;
}

/*set2017*/
.instagram {
    display: block;
    background: transparent url(../imgs/m-instagram-off.gif) no-repeat 100% 0%;
    width: 32px;
}

.fb:hover {
    background: transparent url(../imgs/m-fb-on.gif) no-repeat 100% 0%;
}

.yt:hover {
    background: transparent url(../imgs/m-yt-on.gif) no-repeat 50% 0%;
}

.gmas:hover {
    background: transparent url(../imgs/m-gmas-on.gif) no-repeat 100% 0%;
}

.tw:hover {
    background: transparent url(../imgs/m-tw-on.gif) no-repeat 100% 0%;
}

.instagram:hover {
    background: transparent url(../imgs/m-instagram-on.gif) no-repeat 100% 0%;
}

/*#portada{background-image: none !important;}*/
#portada3 {
    background-image: url(../imgs/fdo-h1-chico3.png);
    /*cambiar fondo específicamente*/
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    /**/
    margin: -30px auto 0px auto;
    padding: 0px;
    min-height: 360px;
    clear:
        both;
}

.foto-portada,
.comofunciona,
.marcappal,
.fotoprod,
.producto {
    text-align: center;
    line-height: 1em;
}

.foto-portada img {
    padding-top: 80px;
}

/*2017.edic .foto-portada img{padding-top:40px;}*/
.dismiss {
    font-size: .7em;
    text-align: center;
    color: #888888;
    padding-left: .35em;
    margin: 0em 0em;
    line-height: 1.2em;
}

/*2016*/
.movil {
    position: absolute;
    min-height: 30px;
    z-index: 100;
    font-size: 110%;
}

/*set2017*/
#bgmenu {
    height: 236px;
    position: absolute;
    z-index: 1;
    width: 100%;
    opacity: .9;
    visibility: hidden;
    background: -moz-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #E5E5E5));
    background: -webkit-linear-gradient(top, #ffffff 1%, #E5E5E5 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#ffffff, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5E5E5');
    /* ie */
    zoom: 1;
}

.bg {
    position: relative;
}

/*2016*/
.menuop {
    position: relative;
    z-index: 100;
    margin: 0em;
    width: 65px;
    padding: .3em 15px;
}

.menuop a {
    position: absolute;
    background: url(../imgs/menu2.gif) no-repeat 0 50%;
    padding-left: 1.3em;
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
}

#off {
    z-index: 2;
}

/*set2017*/
#on {
    z-index: 1;
    color: #666666;
}

.mostrar {
    display: block;
}

.no {
    display: none;
}

.center {
    text-align: center;
    vertical-align: top;
    clear: both;
    margin: 0 auto;
}

.logado {
    display: none;
}

.wrap2,
.marcaedit {
    width: 92%;
    margin: 0% auto;
    padding-bottom: 1em;
    padding-top: 2em;
}

.wrap3 {
    width: 92%;
    margin: 0% auto;
    padding-bottom: 1em;
}

.steps {
    text-align: left;
    margin: 0% 1%;
    padding-bottom: .5em;
}

.steps .number {
    float: left;
    margin-top: -6px;
    position: relative;
}

.steps .number span {
    color: #FFFFFF;
    letter-spacing: -1px;
    display: block;
    float: left;
    width: 26px;
    text-align: center;
    margin-right: 5px;
    background: transparent url(../imgs/circle-big.png) no-repeat 0% 0%;
    font-family: "Century Gothic", Futura, sans-serif;
    padding: 3px 4px;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 140%;
}

.tits {
    font-family: "Century Gothic", Futura, sans-serif;
    color: #666666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    letter-spacing: -1px;
    margin: 0em auto;
    line-height: 110%;
}

/*LOG*/
.log {
    float: right;
    padding: 1.5em 0 0 0;
    display: none;
}

.log fieldset {
    clear: both;
    white-space: nowrap;
}

.log .lb {
    float: left;
    width: 34.5%;
    padding-right: .5em;
    font-size: .9em;
}

.log .inputbox {
    margin: 0;
    width: 92% !important;
}

#acceso {
    float: left;
    padding-top: 18px;
}

.inputbox,
input[type="text"].jsrequired,
textarea.jsrequired,
input[type="password"].jsrequired {
    padding: 3px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.inputbox:hover,
.inputbox:focus,
.jsrequired:hover,
.select-notfirst:hover {
    background: #E3F9FA;
}

.inputbox[type="text"],
.inputbox[type="password"] {
    width: 100%;
}

/*logout*/
/*set2017*/
#logon {
    position: relative;
    background: #ffffff;
    z-index: 102;
    margin: 10px 2% 20px 2%;
    text-align: center;
    width: 96%;
    visibility: visible !important;
    /*importante*/
}

.black {
    color: #333333;
}

.black p {
    margin: 0px;
    padding: 2px;
}

.line {
    padding-bottom: .3em;
    margin: 0.2em 0;
}

#menutop2 {
    clear: both;
    background-color: #88D3DB;
    float: right;
    width: 100%;
    padding: 0.3em 0em;
}

.menususc {
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    padding: 0em;
    margin: 0;
}

.menupasos {
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none outside none;
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    line-height: 160%;
    background: #88D3DB;
}

.menupasos li {
    display: inline;
    padding: 0em 0.2em;
    text-align: center;
    font-size: 1.1em;
    color: #FFFFFF;
}

.menupasos li#actual {
    color: #666666;
    font-weight: bold;
}

.menupasos .nro {
    display: inline;
    float: none;
    padding: 0em 0.3em;
    font-weight: bold;
}

.pasonext {
    background: #88D3DB !important;
}

.white {
    background: #ffffff;
    padding-bottom: 1em;
}

.log .white {
    word-spacing: 1.5em;
    color: #ffffff;
}

.intro {
    font-size: 1em;
    font-weight: bold;
    margin: 0.8em auto;
    line-height: 145%;
    width: 93%;
}

.tables div {
    padding: 0.5em 0em 0em 0em;
    clear: both;
}

.label {
    display: block;
    width: 35%;
    float: left;
    padding: 12px 5px 0px 0px;
    line-height: 100%;
    text-align: right;
}

.val {
    position: relative;
}

.user div.val,
.user2 div.fix {
    display: inline-block;
    width: 62%;
}

.mlt {
    margin-left: 35%;
    position: relative;
}

.user fieldset {
    position: relative;
    width: 92%;
    margin: 0 auto;
    border-bottom: 1px dotted #B9B9B9;
    padding: 0.5em 0em .7em 0em;
}

.wrap2 .user fieldset {
    width: auto;
}

.user input[type="text"].jsrequired,
.user .inputbox,
.user textarea,
input[type="password"].jsrequired,
.user .select-notfirst {
    width: 95%;
    max-width: 28em;
}

.select,
select.select-notfirst,
.user select {
    padding: 3px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #333333;
    border: 1px solid #CCCCCC;
}

.user input[type="file"] {
    padding: 5px 0;
}

#mascotas .val label {
    display: inline-block;
    margin-right: .5em;
}

#mascotas input {
    display: block;
}

/*validador para prototype*/
#frmReg span,
.jsvalidation {
    font-size: .7em;
    line-height: 110%;
    color: #CC0000;
    left: 0px;
    background: #ffffff;
    position: absolute;
    margin: -2px 0px 0px 0px;
    padding: 0px 2px;
    z-index: 0;
    display: block;
}

/*2pago*/
#datospago,
#reply {
    clear: both;
    width: 92%;
    padding: 0 3.5% 0 3.5%;
}

#datos {
    clear: both;
    width: 92%;
    padding: 1em 3.5% 0 3.5%;
}

#datospago {
    float: left;
    margin-bottom: 1em;
    margin-top: 1em;
    position: relative;
}

.titulo {
    font-family: "Century Gothic", Futura, sans-serif;
    color: #666666;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.7em;
    margin: 0.3em auto 0.5em auto;
    line-height: 100%;
    letter-spacing: -1px;
}

.titulo span {
    font-size: .8em;
}

.total {
    border-bottom: dotted 1px #999999;
    padding: 0.7em 0.5em;
    width: 98%;
    display: table;
    background: #E3F9FA;
    font-size: .9em;
    margin: 0 !important;
}

.total div {
    float: left;
    clear: none !important;
    margin: auto !important;
    display: table-cell;
    vertical-align: bottom;
}

.txtb {
    font-weight: bold;
    width: 54%;
    padding: 2px 0px;
    font-size: 1.1em;
}

.txtb p {
    font-weight: normal;
    font-size: .9em !important;
    margin: 0.3em 0;
}

.price,
.promo {
    font-weight: bold;
    width: 46%;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

.promo .inputbox {
    width: 100px;
    margin-bottom: 2px;
}

.promo .boton-c {
    max-width: 110px;
}

.price {
    font-size: 1.3em;
}

.titinfo {
    font-size: 1.3em;
    font-weight: bold;
    width: 54%;
    vertical-align: bottom;
}

.titinfo b {
    font-size: .8em !important;
    white-space: nowrap !important;
    font-weight: bold;
}

.datosinfo {
    background: #EBEBEB;
    border-bottom: dotted 1px #999999;
    padding: 0.7em 0.5em;
    display: table;
    width: 96.5%;
}

.datosinfo div {
    display: table-row;
    vertical-align: top;
    padding: .2em 0;
}

#nom,
#dir,
#tel {
    font-weight: bold;
    float: left;
    width: 30%;
    max-width: 5.5em;
    font-size: .9em;
    padding-left: 23px !important;
}

#nom {
    background: url(../imgs/ico-name.gif) no-repeat 0 1px;
}

#dir {
    background: url(../imgs/ico-direccion.gif) no-repeat 0 1px;
}

#tel {
    background: url(../imgs/ico-telefono.gif) no-repeat 0 0;
}

.dat {
    float: left;
    width: 50%;
    font-size: .9em;
}

#ent {
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    padding: 0px;
}

#ent img {
    margin-top: -8px;
    margin-bottom: -3px;
}

#packaging {
    text-align: center;
    margin: 1em 0 0 0;
}

#tarjetapago {
    max-width: 480px;
    margin: auto;
}

#tarjetapago div {
    margin-top: 7px;
    margin-bottom: 7px;
    clear: both;
    position: relative;
}

#sepa {
    max-width: 480px;
    margin: auto;
}

#sepa div {
    margin-top: 7px;
    margin-bottom: 7px;
    clear: both;
    position: relative;

}

#seguridad {
    display: table;
    width: 100%;
}

.fix {
    vertical-align: middle;
    padding: 0;
    float: left;
    width: 65%;
    clear: none !important;
    margin-top: 0 !important;
}

.fix2 {
    vertical-align: middle;
    padding: 0;
}

.seg {
    text-align: center;
    vertical-align: middle;
    width: 25%;
    display: table-cell;
    background: #ffffff;
    padding: 0% 0.5%;
    clear: none !important;
    margin: 0 !important;
}

#tarjetapago label {
    display: block;
    width: 32%;
    float: left;
    font-size: 0.9em;
    padding: .35em 0em .35em 0em;
    line-height: 1.2em;
}

#tarjetapago .fix {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

#sepa label {
    display: block;
    width: 32%;
    float: left;
    font-size: 0.9em;
    padding: 0.35em 0em 0.35em 0em;
    line-height: 1.2em;
}

#sepa .fix {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

#tarjeta2,
#tarjeta1 {
    padding: 2px;
}

#cvcinfo {
    float: right;
    width: 68%;
    line-height: 1.2em;
    font-size: .9em;
    margin-top: 2px !important;
}

#cvcTarjeta {
    width: 80px;
    margin-right: 0.5em;
}

#reply {
    margin: 0em auto 1.5em auto !important;
    text-align: center;
    width: 85%;
}

/*micuenta*/
.gris,
.gris2 {
    background: #F3F3F3;
    width: 90%;
    padding: 2% 5%;
    float: left;
    margin-bottom: 7px;
}

.gris p,
.gris2 p {
    color: #333333;
}

.datos div {
    padding: 0.5em 0em;
    clear: both;
}

.pad {
    padding: 1em;
}

.detalletp {
    border: solid 0.7em #E5E5E5;
    background: #FFFFFF;
    padding: 0em 1.3em 1em 1.3em;
    margin: 1em 1% 0em 1%;
    float: left;
    margin-bottom: 1em;
}

.detallebt {
    width: 100%;
}

.sesion {
    width: 80%;
    margin: 0px auto;
}

h2.tits {
    margin: 1em 0em 0.5em 0em;
}

.imp,
.gris .imp {
    font-size: 1.1em;
    font-weight: bold;
    color: #666666 !important;
}

.cols3 {
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: left;
    line-height: 120%;
    width: 48%;
    padding: 2% 1%;
}

.prod {
    background: #ffffff;
    border: solid 0.7em #F3F3F3;
    margin: 1em auto 1em auto;
    padding: 1em 1.5em;
}

.prod .tits {
    margin: 0.3em auto 1em auto;
}

.prod ol,
.prod ul,
.txt ul {
    margin: 0.5em 0em;
    padding: 0px;
}

.prod ol li,
.prod ul li,
.txt ul li {
    list-style-position: inside;
    margin: 0.7em auto;
}

.ver-redes {
    display: inline-block;
    text-align: left;
    width: auto;
}

.ver-redes a {
    display: block;
    width: 30px;
    float: left;
    word-break: initial !important;
    margin-right: 5px;
}

.ver-redes a img {
    margin-right: 5px;
}

/*capausuario*/
/*set2017*/
#capausuario {
    position: relative;
    z-index: 101;
    width: 100%;
    display: table;
}

/*submenu*/
#submenutop {
    display: none;
}

/*set2017*/
.submenu {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 25px 10px 25px;
}

/*set2017*/
.submenu li {
    /*padding:0 0 0 15px;*/
}

/*set2017*/
.submenu li a {
    line-height: 32px;
    padding-left: 20px;
}

/*set2017*/
.submenu li a#use {
    background: transparent url(../imgs/flecha-on.gif) no-repeat 0% 50%;
    padding-left: 20px;
    color: #666666;
}

.hi {
    display: none;
}

/*set2017*/
.close2 {
    float: right;
    margin: 5px;
    display: none;
}

/*set2017*/
#capa {
    position: absolute;
    width: 96%;
    margin: 235px 0% 2% 0%;
    z-index: 101;
    background: #e5e5e5;
    opacity: .9;
    padding: 0 2% 0 2%
}

/*set2017*/
#mc {
    font-size: 1.1em;
    padding: .5em 0em 0em 0em;
    display: none;
}

#mc #active {
    margin-left: 30px;
}

/*pedidos*/
.detalle {
    margin: 1em 0em;
    border: solid 1px #cccccc;
    width: 100%;
    float: left;
}

.detalletd2 {
    background: #f3f3f3;
    padding: 1.5%;
    float: left;
    width: 97%;
}

.padb {
    padding: 0.5em 1em;
    background: #ffffff;
}

.info2,
.info4 {
    margin-bottom: 0.7em;
    padding: 0em 0em 0.7em 0em;
    border-bottom: 1px dotted #999999;
    display: table;
    width: 100%;
}

.info2 .col,
.verpf,
.info4 .col {
    padding: 0.2em 0em;
    line-height: 110%;
}

.d2,
.d2-m {
    display: block;
    float: left;
    width: 5em;
    color: #666666;
}

.info4 .col {
    line-height: 1.4em;
}

.info4 .d2,
.info4 .d2-m {
    float: none;
    width: 100%;
}

.bold {
    font-weight: bold;
}

a.pedido,
a.factura,
a.encuesta {
    padding: 4px 0px 5px 27px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
}

.d4,
.d4-g {
    display: block;
    float: left;
    width: 7em;
    color: #666666;
}

a.pedido {
    background: transparent url(../imgs/ico-pedido-off.gif) no-repeat 0% 0%;
}

a.pedido:hover {
    background: transparent url(../imgs/ico-pedido-on.gif) no-repeat 0% 0%;
}

a.factura {
    background: transparent url(../imgs/ico-factura-off.gif) no-repeat 0% 0%;
}

a.factura:hover {
    background: transparent url(../imgs/ico-factura-on.gif) no-repeat 0% 0%;
}

a.encuesta {
    background: transparent url(../imgs/ico-encuesta-off.gif) no-repeat 0% 0%;
}

a.encuesta:hover {
    background: transparent url(../imgs/ico-encuesta-on.gif) no-repeat 0% 0%;
}

.icos {
    display: table;
    width: 60%;
    float: left;
}

.ico {
    margin: -5px 5px 5px 0px;
    float: left;
}

b.br {
    display: none;
}

/*mensajes*/
.mensajes {
    display: table;
    margin: 0 auto;
}

.mensajes img {
    max-width: initial;
    float: right;
}

#portada .mensajes {
    position: absolute;
    width: 80%;
    margin: 2em 10% 1em 10%;
    padding: 2px;
    background: #ffffff;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#error span,
.error {
    color: #CC0000 !important;
    text-align: left;
}

#exito span,
.exito {
    color: #336699 !important;
    text-align: left;
}

.table,
.cell {
    display: table;
    padding-bottom: .5em;
}

.cell2 {
    display: table-cell;
    vertical-align: middle;
    padding: 5px !important;
}

#poll {
    border: solid 0.7em #E5E5E5;
    background: #FFFFFF;
    padding: 1em;
}

#poll ul {
    list-style-type: none;
    padding: .5em 1em !important;
}

.d1 {
    display: block;
    float: left;
    width: 27%;
    max-width: 135px;
    padding-right: 5px;
}

.a1 {
    color: #333333;
    display: block;
    float: left;
}

.no-w {
    white-space: nowrap;
}

.emp {
    text-transform: uppercase;
}

.d3 {
    display: block;
    float: left;
    width: 10em;
    color: #333333;
}

.cellvert {
    height: 1em;
    clear: both;
}

.tablas div {
    clear: both;
    padding: .25em 0;
}

.info3 {
    margin: .5em 0 1em 0;
}

.info3 div {
    border-bottom: dotted 1px #999999;
    padding: 0.35em 0.25em;
    width: 100%;
    display: table;
}

.info,
.valor {
    display: table-cell;
    line-height: 120%;
    color: #333333;
}

.valor {
    width: 25%;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

.color {
    color: #15A4B3;
}

p.circle {
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0 0em 0;
}

.circle span {
    color: #FFFFFF;
    letter-spacing: -1px;
    display: block;
    float: left;
    width: 26px;
    text-align: center;
    margin-right: 5px;
    background: transparent url(../imgs/circle.gif) no-repeat 0% 0%;
    font-family: "Century Gothic", Futura, sans-serif;
    padding-bottom: 2px;
    line-height: 160%;
    margin-top: -3px;
}

.tximp p {
    font-size: 1.2em;
    line-height: 1.5em;
}

.normal {
    font-weight: normal;
}

#shareurl {
    font-size: .9em;
    color: #128A98;
    margin: 1em auto;
    width: 95%;
}
/*cambio-mayo2025*/
.sharefb,
.sharetw,
.sharewa{
    border: none;
    padding: 6px 0px 7px 15px;
    font-family: "Century Gothic", Futura, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    outline: none;
    color: #ffffff;
    margin: 3px 5px;
    cursor: pointer;
    width: 161px;
    text-shadow: 1px 1px #666666;
    letter-spacing: 1px;
    text-align: center;
}

.sharefb {
    background: transparent url(../imgs/recomendar-fb-off.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}
.sharetw {
    background: transparent url(../imgs/recomendar-x-off.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}
.sharewa {
    background: transparent url(../imgs/recomendar-wa-off.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}

.sharefb:hover {
    background: transparent url(../imgs/recomendar-fb-on.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}

.sharetw:hover {
    background: transparent url(../imgs/recomendar-x-on.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}

.sharewa:hover {
    background: transparent url(../imgs/recomendar-wa-on.png) no-repeat 0% 50%;
	background-size: 161px 30px;
}

.dot {
    border-top: dotted 1px #999999;
    padding-top: 1em;
}

.pasoencuesta {
    font-family: "Century Gothic", Futura, sans-serif;
    display: table;
    margin: 0 auto;
}

.pasoencuesta .tx {
    display: block;
    float: left;
    color: #88D3DB;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 6px;
    padding-top: 6px;
    letter-spacing: -1px;
}

.nro2,
.de {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 115%;
    font-size: 1.7em !important;
    text-align: center;
    color: #ffffff !important;
    float: left;
    margin-right: 6px;
    font-weight: normal !important;
}

.de {
    background: transparent url(../imgs/circle-on.gif) no-repeat 0% 0%;
}

.nro2 {
    background: transparent url(../imgs/nro-on.gif) no-repeat 0% 0%;
}

div.encuesta {
    border: solid .7em #F3F3F3;
    margin: .5em 0;
    padding: 0em 1.3em 1em 1.3em;
    display: table;
    width: 88%;
}

.encuesta ol {
    padding: 0 1em 0 1.5em;
}

.encuesta ol li {
    font-weight: bold;
    position: relative;
}

.encuesta ol p,
.encuesta label {
    font-weight: normal;
    margin: 0.7em auto;
}

#encuesta label {
    display: block;
    margin: 0em .5em 0 0;
}

#encuesta .res {
    width: 95%;
    background: #ffffff !important;
    border: none;
    font-size: 14px;
    max-width: 95%;
    font-family: arial;
    vertical-align: top;
    color: #666666;
    margin-left: 24px !important;
}

#encuesta .res:disabled {
    display: none;
}

.abono {
    border-top: solid 1px #cccccc;
    padding-top: 1em;
}

.abono .info3 div {
    padding: 0.35em 0em;
}

.concepto {
    width: 90%;
    padding: 0%;
    float: left;
    margin-bottom: 7px;
    color: #333333;
}

.hide {
    display: none;
}

/*rollovers*/
.fb img {
    background: transparent url(../imgs/m-fb-on.gif) no-repeat -100px -100px;
}

.tw img {
    background: transparent url(../imgs/m-tw-on.gif) no-repeat -100px -100px;
}

.gmas img {
    background: transparent url(../imgs/m-gmas-on.gif) no-repeat -100px -100px;
}

.yt img {
    background: transparent url(../imgs/m-yt-on.gif) no-repeat -100px -100px;
}

.loadp {
    background: transparent url(../imgs/ico-pedido-on.gif) no-repeat -100px -100px;
}

.loadf {
    background: transparent url(../imgs/ico-factura-on.gif) no-repeat -100px -100px;
}

.loade {
    background: transparent url(../imgs/ico-encuesta-on.gif) no-repeat -100px -100px
}

.loadshare {
    position: absolute;
    top: -1000px;
}

#cambio .total {
    font-size: 1em;
}

#cambio .titinfo {
    font-size: 1em;
    width: 65%;
}

#cambio .price {
    font-size: 1em;
    width: auto;
    float: right;
}

#cambio .boton-c {
    padding: 0.35em 0.5em;
}

.amarcas {
    display: block;
    min-height: 130px;
}

#loading {
    position: absolute !important;
    text-align: center;
    padding: 15px 0;
    z-index: 10;
    background: #ffffff;
    width: 80%;
    margin: -5px 10% 0 10%;
    left: 0;
    display: none;
}

.video {
    background: #e5e5e5;
    position: relative;
    text-align: center;
    margin-bottom: 1em;
    /*display:table;*/
    width: 100%;
}

.videoinfo {
    line-height: 140%;
    text-align: left;
    padding: 1em;
    background: #f1f1f1;
}

#opinion .videoinfo {
    background: #f1f1f1;
}

.videoinfo p,
.datablogger p {
    font-size: 90%;
    line-height: 1.4em;
}

.bloggerinfo p {
    margin: 0;
}

.videoinfo .blogger {
    width: 44px;
    height: 44px;
    float: left;
    margin: 0 1em 0 0;
}

.videoinfo .nombre,
.datablogger .nombre {
    font-weight: bold;
    font-size: 100%;
}

.videoinfo .canal,
.datablogger .canal {
    font-size: 100%;
}

.video iframe {
    margin: auto 0 !important;
    max-width: 100%;
    border: 0;
    /*height: 210px;*/
    position: relative;
    z-index: 0;
    vertical-align: bottom;
}

.opinion {
    margin: 1em auto 0 auto;
    /*display: table;*/
    width: 100%;
}

.opinion li {
    list-style-type: none;
    font-size: 0.9em;
    margin: 0;
    line-height: 1.30em;
    width: 100%;
    margin-bottom: 0.3em;
    background: #FFFFFF;
    text-align: center;
}

.opinion .pic {
    width: 358px;
    height: auto;
}

/*set2017*/
#bloggers .blogger {
    width: 44px;
    height: 44px;
    float: left;
    margin: 0em 0.5em 0em 0;
}

#bloggers .datablogger {
    display: table;
    padding: 0.7em 0;
    width: 100%;
}

#bloggers .bloggervideo {
    text-align: center;
    margin: 1em auto .5em auto;
}

.bloggervideo video {
    background: #000000;
}

a.play {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    float: right;
    display: block;
    outline: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #FFFFFF;
    margin: 0 .5em;
    background: -moz-linear-gradient(top, #159DAC 0%, #128794 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #159DAC), color-stop(100%, #128794));
    background: -webkit-linear-gradient(top, #159DAC 1%, #128794 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#159DAC, #128794);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#159DAC', endColorstr='#128794');
    /* ie */
    zoom: 1;
    /* ie */
}

a.play:hover {
    color: #FFFFFF;
    background: -moz-linear-gradient(top, #128794 0%, #159DAC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #128794), color-stop(100%, #159DAC));
    background: -webkit-linear-gradient(top, #128794 1%, #159DAC 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#128794, #159DAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#128794', endColorstr='#159DAC');
    /* ie */
    zoom: 1;
    /* ie */
}

a.play img {
    margin: 25%;
    width: 50%;
}

.titulo img {
    width: 18px;
    height: 18px;
    margin: 8px;
}

/*ediciones anteriores*/
#otrasediciones {
    max-width: 982px;
    width: 92%;
    position: relative;
}

#edicionesanteriores {
    background: #E5E5E5;
    display: table;
    margin: 0% auto;
    padding: 0;
    max-width: 982px;
}

#otrasediciones .colright {
    position: relative;
    background: -moz-linear-gradient(top, #F6F6F6 0%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #CCCCCC));
    background: -webkit-linear-gradient(top, #F6F6F6 1%, #CCCCCC 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(#F6F6F6, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#CCCCCC');
    /* ie */
    zoom: 1;
    /* ie */
    padding: 7px 11px;
    width: 293px;
    margin: 0 auto;
}

#tarjeton {
    vertical-align: bottom;
}

.edicion {
    vertical-align: middle;
    line-height: 120%;
    background: #ffffff;
    padding: 2% 3%;
    border: 2px solid #F3F3F3;
    margin: 5% auto;
    max-width: 320px;
}

/*oct2017*/
.edic .boton-c {
    padding: 0.35em 0.6em;
    float: right;
    line-height: 125%;
    white-space: nowrap;
}

.edicion .caja {
    display: block;
    text-align: center;
}

/*set2017*/
/*.edicion .caja img{max-width:275px; max-height:149px;}*/
.edicion p {
    font-family: "Century Gothic", Futura, sans-serif;
    margin: 0.3em 0;
}

.edicion span {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

#otrasediciones .wrap3 {
    width: 100%;
}

#titular {
    background: #ffffff;
    padding: 1em 4% 0.5em 4%;
}

#titular .titulo {
    margin: 0;
}

/*oct2017*/
#vermas {
    margin-top: -30px;
    z-index: 0;
    position: relative;
    min-height: 40px;
}

.edic .foto-portada img {
    padding-bottom: .7em;
}

.edic #portada3 {
    margin: -50px auto 0px auto;
}

#edicionactual {
    display: table;
    margin: 0% auto;
    padding: 0;
    max-width: 400px;
}

/*abril2019*/
.cols4 {
    text-align: center;
    vertical-align: middle;
    display: inline;
    float: left;
    line-height: 120%;
    width: 44%;
    padding: 2% 1%;
    background: #ffffff;
    min-height: 205px;
    border: solid 2px #F3F3F3;
    margin: 1%;
}

.imgprod {
    height: 123px;
    width: auto;
}

.marca {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 0;
}

.marca span {
    font-size: 85%;
    font-weight: normal;
    line-height: 100%;
}

#trabaja {
    max-width: 885px;
    margin: 0 auto;
}

/*legales y cookies*/
ol.lista-numerada {
    padding-left: 0px !important;
    counter-reset: item;
    padding: 0;
    margin: 1em 0.5em;
}

ol.lista-numerada li {
    list-style: none;
    font-size: inherit !important;
}

ol.lista-numerada li:before {
    content: counters(item, '.') ". ";
    counter-increment: item;
}

ol.lista-numerada ul {
    margin-left: 1.5em;
    padding: 0 1em;
}

ol.lista-numerada ul li {
    list-style-type: square;
}

ol.lista-numerada ul li:before {
    content: "";
    counter-increment: none;
}

.txt a {
    word-break: break-word;
}

.txt ol ol,
.txt ul ul {
    font-size: 100%;
}

.txt ol,
.txt ul {
    /* font-size: 0.8em; */
    padding-left: 0.5em;
    margin: 0.8em 0 0.8em 1em;
    list-style-position: outside;
}

.txt table {
    margin: 1em 0;
    font-size: 100%;
    border-collapse: collapse;
    border: solid 1px #cccccc;
    width: 96%;
}

.txt table,
.txt table table {
    width: 100% !important;
    float: none !important;
    /* border-collapse: separate !important; */
    border-spacing: 1px;
    height: auto !important;
}

.txt table tr {
    height: auto !important;
}

.txt table td {
    display: block;
    padding: 0px 5px;
    vertical-align: top;
    /* width: auto; */
    /* height: auto; */
}

.txt table p,
.txt ol p,
.txt ul p {
    text-align: left;
}

.metodos-almacenados {
    margin-top: 1em;
}

.lista-metodos {
    list-style: none;
    padding-left: 0;
}

.lista-metodos li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.metodo-info {
    display: flex;
    align-items: center;
    gap: 0.5em;
    flex: 1;
    min-width: 250px;
}

.acciones-pago {
    display: flex;
    gap: 0.5em;
    flex-shrink: 0;
}

.alerta-caducada {
    color: red;
    font-weight: bold;
    margin-left: 0.5em;
    display: flex;
    align-items: center;
    gap: 0.25em;
}

.boton-mini {
    border-radius: 4px;
    outline: none;
    text-align: center;
    font-family: "Century Gothic", Futura, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.9em;
    text-shadow: 1px 1px #666666;
    letter-spacing: 0.15em;
    cursor: pointer;
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.85em;
    color: white;
    background-color: #0097a7;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

.boton-mini.eliminar {
    background-color: #d32f2f;
}

.boton-mini:hover {
    opacity: 0.85;
}

/* All Smartphones in portrait and landscape ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .amarcas {
        font-size: .9em;
        min-height: 120px !important;
    }

    /*set2017
.al_share_bar{
width: 165px !important;
padding-bottom:1em;}
*/
    /*set2017
.shareyou{margin-right:10px;}
*/
}

@media only screen and (max-width: 480px) {}

@media (min-device-width: 240px) and (max-device-width: 320px) {
    .logo {
        width: 70% !important;
        padding-top: 0.5em;
    }

    #portada {
        background-image: none !important;
    }

    #portada3 {
        background-image: url(../imgs/fdo-h1-chico2.png);
        background-position: 0% 0%;
        margin-top: 0px;
    }

    /*cambiar fondo específicamente*/
    .foto-portada img {
        width: 98% !important;
        padding-top: 16%;
    }

    .menupasos li {
        font-size: 1em !important;
    }

    .titinfo b {
        font-size: .7em !important;
    }

    #datospago,
    #reply {
        padding: 0 2% 0 2% !important;
    }

    .pad {
        padding: 1em 0em !important;
    }

    /*.cell2{display: block !important;}*/
    b.br {
        display: block;
        height: 3px;
    }

    .titulo {
        font-size: 1.4em;
    }

    h2.tits {
        font-size: 1.2em;
    }

    .go .bot-i {
        letter-spacing: 0 !important;
    }

    .nro2,
    .de {
        font-size: 1.2em !important;
        font-weight: bold !important;
        padding-top: .4em;
    }

    .edic #portada3 {
        margin-top: -15px;
    }
}

@media (max-width: 480px) {
    .marcappal img {
        width: 80%;
    }

    /*set2017
.al_share_bar {
width: 150px !important;
padding-right: 10px;
}
*/
    .steps .tits {
        margin: 0.5em auto;
    }

    .user fieldset {
        max-width: 100% !important;
    }

    .tables div {
        padding: 0.5em 0em 0.35em 0em;
    }

    .label {
        display: block !important;
        width: 100%;
        text-align: left;
        padding: 0px;
    }

    .val {
        width: 100% !important;
        padding: .35em 0 0 0 !important;
    }

    .mlt {
        margin: 0;
    }

    #tarjetapago label {
        padding: 4px 0px;
    }

    #sepa label {
        padding: 4px 0px;
    }

    .detalletp {
        border: none;
        padding: 0em;
        margin: 0;
    }

    .imp,
    .tximp p {
        font-size: 1em;
    }

    /*DIC2016.wrap2 .suscribete{max-width:60% !important;}*/
    .contenido .go {
        max-width: 264px;
    }

    .prod {
        border: solid 0.5em #F3F3F3;
        padding: 1em 1.5em;
    }

    .break {
        display: block;
    }

    /*cambio-mayo2025*/
    .botm,
    .boton,
    .pagar_bot,
    .sharefb,
    .sharetw,
	.sharewa,
    .pagarmenu {
        text-shadow: none;
        letter-spacing: 0.05em;
        font-size: 1em;
    }

    /*cambio2016*/
    #botonmenu a {
        padding: 0 1em;
        font-size: 1.1em;
    }

    #poll {
        border: solid 0.52em #E5E5E5 !important;
    }

    #poll ul {
        padding: 0em .25em !important;
    }

    .d1 {
        width: 100%;
        float: none;
    }

    p.circle {
        font-size: 1em;
    }

    .circle span {
        font-size: 1.1em;
    }

    div.encuesta {
        border: none;
        padding: 0;
        width: 100%;
        margin-top: -0.7em;
    }

    /*#encuesta label{display: inline-block;margin:0em .5em 0 0;}*/
    /*#encuesta input[type="checkbox"], #encuesta input[type="radio"]{display:block; margin:0;}*/
    /**/
    .video iframe {
        max-height: 220px;
    }

    .min .suscribete {
        max-width: 100% !important;
    }

    .min .shadow {
        /*max-width: 72%;
margin: 0 auto;*/
    }

    #bloggers .videoinfo {
        padding: 1em 0;
    }

    #otrasediciones .colright {
        padding: 7px 0px !important;
    }

    /*abril2019*/
    #edicionactual {
        /*background: #ffffff;*/
        width: 94%;
    }

    /*abril2019*/
    .cols4 {
        /*border: 0;*/
        width: 44.5%;
        min-height: 205px;
    }

    .imgprod {
        height: 105px;
        width: auto;
    }
}

@media (min-width: 760px) {
    #portada .mensajes {
        position: relative;
        margin: -5px auto 0 auto;
        width: auto;
        background: transparent;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    #header {
        display: block;
    }

    .concepto {
        padding: 0% 5%;
    }

    .prod {
        float: left;
        min-width: 91.5%;
    }

    /*#cambiodatos{
position: relative;
float: right;
margin-top: -40px;
width: 40%;
}*/
    .wrap {
        width: 100%;
        margin: 0 auto;
        max-width: 1068px;
    }

    /*.wrap.al_share_bar {
max-width: 330px;
}
.shareinstagram {
display: inline-block;
}
.shareyou {
display: inline-block;
}*/
    /*oct2017*/
    .edicion .caja img {
        height: 149px;
        width: 275px;
    }

    /*cambio2016.logo {
padding: 2.5em 0em 0.7em 0em;
max-width: 244px;
}*/
    .bg {
        background: #ffffff;
        filter: alpha(opacity=50);
        opacity: 0.7;
    }

    .foto-portada {
        width: 50%;
        float: left;
        text-align: right;
    }

    .colright {
        width: 48%;
        float: right;
        margin-right: 2%;
    }

    .tabmarcas {
        max-width: 15.6%;
        padding: 0.5% 0.5%;
    }

    .txtportada ul {
        width: 85%;
        color: #333333;
        padding: 5px 0px 5px 35px;
    }

    #portada {
        background-color: #E5E5E5;
        /*background-image: url(../imgs/fdo-h1-1.jpg);*/
    }

    #portada3 {
        background-image: url(../imgs/fdo-grande.jpg);
        background-position: 50% 0%;
        background-repeat: no-repeat;
        width: 100%;
        /**/
        margin: 0px auto 0px auto;
        padding: 15px 0px 0px 0px;
        min-height: 360px;
        clear:
            both;
    }

    .foto-portada img {
        width: 100% !important;
        padding-top: 0px !important;
        max-width: 412px;
    }

    .steps {
        float: left;
        margin: 0% 1%;
    }

    .ct {
        width: 36%;
    }

    .lf,
    .rt {
        width: 29%;
    }

    .steps .number {
        position: absolute;
        margin-top: -38px;
        /**/
        z-index: 0;
    }

    #menutop2 {
        background: #E5E5E5;
        padding: 0em;
    }

    .menususc {
        background: #ffffff url(../imgs/f-g.gif) no-repeat 100% 0%;
    }

    .menupasos {
        font-size: 1.4em;
        width: 98%;
        background: #88D3DB url(../imgs/f-gc.gif) no-repeat 100% 0%;
        height: 32px;
    }

    .menupasos li {
        float: left;
        height: 32px;
        overflow: hidden;
        padding: 0px 25px 0px 0px;
        color: #FFFFFF;
        background: #E5E5E5;
        font-size: 0.96em;
    }

    .menupasos li#actual {
        background: #ffffff url(../imgs/f-bc.gif) no-repeat 100% 0%;
        font-weight: normal;
    }

    .pasoback#actual .nro {
        margin-left: 10px;
    }

    .menupasos li#actual .nro,
    .pasoencuesta .nro2 {
        background: transparent url(../imgs/nro-on.gif) no-repeat 0% 0%;
    }

    .pasoencuesta .nro2 {
        font-size: 1.7em !important
    }

    span.fdo {
        background: transparent url(../imgs/f-b.gif) no-repeat 0% 0%;
        padding-left: 25px;
        height: 32px;
        display: block;
    }

    .nro {
        display: inline-block !important;
        width: 32px;
        height: 32px;
        line-height: 120%;
        font-size: 1.25em !important;
        text-align: center;
        color: #ffffff !important;
        padding: 0px 0px !important;
        float: left;
        margin-right: 6px;
        font-weight: normal !important;
    }

    span.fdo {
        display: block;
        padding-left: 25px;
    }

    .intro {
        font-size: 1.1em;
    }

    .user fieldset {
        max-width: 80%;
    }

    .txtatencion {
        margin: auto;
    }

    /*set .log{display:block;}*/
    .label {
        width: 28%;
    }

    .mlt {
        margin-left: 28%;
    }

    /*2pago*/
    #datospago {
        width: 50%;
        float: left;
        clear: none;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    #datos {
        float: right;
        width: 33%;
        padding-top: 0em;
        clear: none !important;
        padding: 0em 3.5em 0 0;
        margin-top: 1em;
    }

    .colleft {
        width: 48%;
        float: left;
    }

    .collright {
        width: 48%;
        float: right;
    }

    .detalletp {
        height: 340px;
    }

    .dtop {
        min-height: 200px;
    }

    .cols3 {
        width: 31%;
    }

    .cols3 a {
        height: 170px;
        display: block;
    }

    .marcappal {
        margin: 0em 0em 0em 1em;
        float: right;
    }

    .marcaedit {
        margin: 1em auto 0em auto;
        min-height: 135px;
    }

    .prod .fotoprod {
        float: left;
        margin: 1em 2.5em 1em .5em;
    }

    .half {
        width: 48%;
    }

    .fr div {
        text-align: right;
        float: right;
    }

    .cell4 {
        display: table-cell;
        vertical-align: top;
    }

    .cellvert {
        float: left;
        background: #FFFFFF;
        clear: none;
    }

    .gris2 {
        background: #F3F3F3;
        width: 96%;
        padding: 1% 2%;
        float: left;
        margin-bottom: 7px;
    }

    /*ex submenú*/

    .detalletd2 {
        padding: 1%;
        width: 98%;
    }

    .padb {
        padding: 0em 1% .7em 1%;
        background: #ffffff;
        display: table;
        width: 98%;
    }

    .d4 {
        display: block;
        float: none;
        white-space: nowrap;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0.3em 0em 0.3em 0em;
        width: 8em;
    }

    .d2-m,
    .d4-g {
        display: none;
    }

    .info2,
    .info4 {
        float: left;
        width: 100%;
        background: #FFFFFF;
        padding: 0.25em 0;
        border-bottom: 1px dotted #999999;
        margin-bottom: 1px;
    }

    .info2 .col {
        width: 13%;
        display: table-cell;
        color: #666666;
        border-bottom: none;
        vertical-align: middle;
    }

    .info4 .col {
        width: 24%;
        display: table-cell;
        color: #666666;
        border-bottom: none;
        vertical-align: top;
        padding: 0 .5em;
    }

    .d2 {
        display: block;
        float: none;
        white-space: nowrap;
        font-weight: bold;
        font-size: 1.1em;
        padding: 0.3em 0em 0.3em 0em;
        width: 12%;
    }

    .verpf {
        padding: 0.4em 0.5em 0.2em .5em;
        display: table-cell;
        border-bottom: none;
        vertical-align: bottom;
        min-width: 180px;
    }

    .completa {
        min-height: 24px;
        display: block;
    }

    .d2-m {
        display: none;
    }

    .gr {
        width: 16% !important;
    }

    .enc .col {
        width: 15% !important;
    }

    .enc .gr {
        width: 35% !important;
    }

    .icos {
        width: auto;
        margin-top: -.2em;
    }

    div.imp {
        margin: 1em auto;
    }

    .cell3 {
        display: table-cell;
        vertical-align: middle;
        padding: 5px !important;
    }

    .d1 {
        width: 37%;
    }

    .a1 {
        width: 50%;
    }

    .mensajes {
        margin: 1em auto 0 auto;
    }

    .wrap2 .mensajes {
        margin: -1em auto 1em auto;
    }

    .pasoencuesta .tx {
        font-size: 1.7em;
        font-weight: normal;
    }

    div.encuesta {
        width: 93%;
    }

    .producto {
        float: left;
        width: 30%;
        padding: .7em 2em .7em 0;
    }

    .encuesta ol {
        margin: 0px 0px 5px 0px;
        width: 60%;
        float: left;
    }

    .encuesta ol li {
        font-weight: bold;
        list-style-position: outside;
        list-style-type: decimal;
        border-bottom: 1px dotted #999999;
        position: relative;
        padding-bottom: 0.5em;
    }

    .encuesta ol p,
    .encuesta label {
        font-weight: normal;
        margin: 0.5em .2em .5em 0em;
    }

    #frmReg span,
    .jsvalidation {
        z-index: 1;
    }

    .hide {
        display: block;
    }

    #shareurl {
        font-size: 1.25em !important;
        height: 25px;
        width: 80% !important;
    }

    #promo2 {
        float: none;
        width: 90%;
        text-align: center;
    }

    /*set2017*/
    .menu {
        padding: 2em 2.5em 2em 2.5em;
    }

    .menuop {
        padding: .3em 2em;
    }

    .reg {
        right: 2em;
    }

    .videoinfo {
        background: #F1F1F1;
        min-height: 88px;
    }

    .videoinfo .blogger {
        width: 88px;
        height: 88px;
    }

    .min {
        display: none;
    }

    /*set2017*/
    .datablogger {
        min-height: 60px;
        padding: 1em;
    }

    /*set2017*/
    #bloggers .datablogger {
        padding: 0.5em 5%;
        width: 90%;
    }

    #bloggers .bloggerinfo {
        display: inline;
    }

    #bloggers .bloggercomments {
        font-size: .9em;
    }

    #otrasediciones .colright {
        position: absolute;
        right: 0%;
        margin-left: 3%;
        top: 50px;
        margin-right: 0;
        padding: 7px 11px;
    }

    .edicion {
        width: 39%;
        margin: 1% 3.2% 1% 3.2%;
        padding: 1% 2%;
        display: inline;
        float: left;
        height: 217px;
    }

    /*oct2017*/
    .edic .foto-portada {
        width: 54%;
        margin-bottom: 1.2em;
    }

    /*oct2017*/
    #otrasediciones #vermas {
        position: absolute;
        right: 2%;
        top: 302px;
    }

    #otrasediciones .bloggervideo {
        margin: 10px 0;
    }

    .edic #portada3 {
        margin: -50px auto 0px auto;
    }

    .edic .foto-portada img {
        padding-top: 45px !important;
        padding-bottom: 0;
    }

    /*abril2019*/
    .cols4 {
        max-width: 21%;
        border: solid 2px #F3F3F3;
        min-height: 222px;
        margin: 1% 0.7%;
        padding: 1% 1%;
    }

    /*abril2019*/
    #edicionactual {
        max-width: 982px;
        width: 92%;
    }

    /*oct2017*/
    #botonmenu .pagarmenu {
        text-shadow: 1px 1px #666666;
        font-size: 1.1em;
    }

    /*legales y cookies*/
    .txt table td {
        display: table-cell;
        border: 1px solid #cccccc;
        text-align: left;
    }
}

/*@media (min-width: 960px)*/
@media (min-width: 1020px) {

    /*set2017*/
    .compartir {
        width: 100%;
        margin: 0;
        top: 0px;
        position: absolute;
        left: 0;
    }

    /*oct2017*/
    .shareyou {
        float: none;
        padding-right: 12px;
        display: inline-block;
        vertical-align: top;
    }

    /*oct2017*/
    .shareinstagram {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    /*set2017*/
    .wrap.al_share_bar {
        max-width: 1068px;
    }

    .al_share_bar {
        position: relative;
        height: 20px;
        margin: 0;
        width: 295px;
        margin-right: 0;
        text-align: right;
    }

    /*set2017*/
    .al_share_bar iframe {
        float: none !important;
        margin-bottom: 0px;
    }

    #logon {
        text-align: left;
        padding: 0em;
        float: right;
        clear: right;
        font-size: 1.1em;
        position: relative;
        background: #FFFFFF;
        width: 45%;
        max-width: 370px;
        margin-top: 30px;
        visibility: visible !important;
    }

    /*cambio2016*/
    .movil {
        opacity: 1;
        background: transparent url(../imgs/f-b.gif) no-repeat 100% 0px;
        height: auto;
        position: relative;
        font-size: 100%;
        min-height: initial;
    }

    .bgmenu {
        opacity: 1;
        background: transparent;
    }

    #bgmenu {
        visibility: hidden !important;
        display: none;
    }

    /*oct2017*/
    .menu {
        padding: 0.2em 0em 0.15em 0em;
        display: block;
        letter-spacing: 0em;
        background: #E5E5E5;
        opacity: 1;
    }

    /**/
    #botonmenu {
        margin: 30px 22px 0 0;
    }

    /**/
    #botonmenu a {}

    /**/
    .menu li {
        text-align: center;
        display: inline;
        width: 48%;
        padding: 0%;
    }

    /*set2017*/
    .menu li a {
        line-height: 1.4em;
    }

    /*set2017*/
    .menu li a#active {
        background: #ffffff url(../imgs/f-b.gif) no-repeat 0% 1px !important;
        margin-left: 0;
    }

    .menu li a span {
        padding: 0.5em 0.6em 0.5em 0.6em;
        white-space: nowrap;
        line-height: 180%;
    }

    .menu li a#active span {
        background: #ffffff url(../imgs/f-g.gif) no-repeat 100% 0%;
        padding: 0.5em .8em 0.5em 0.5em;
    }

    /*set2017*/
    /*.menu li#children a{
background: #ffffff url(../imgs/f-b.gif) no-repeat 0% 1px !important;
padding-left: 0.6em;
}*/
    /*set2017*/
    /*.menu li#children a span {
background: #ffffff url(../imgs/f-g.gif) no-repeat 100% 0%;
padding:0.5em .8em 0.5em 0.5em;
}*/
    .menuop {
        display: none;
    }

    #submenutop {
        clear: both;
        float: right;
        height: 20px;
        background: transparent url(../imgs/f-cd.gif) no-repeat 100% 0%;
        margin: 10px 1.5em 0px auto;
        padding-right: 7px;
        display: block;
    }

    /*set2017*/
    .submenu {
        width: auto;
        float: left;
        padding: 0;
    }

    /*set2017*/
    .submenu li {
        float: left;
        height: 20px;
        overflow: hidden;
        background: #C7F4F6;
        padding: 0;
    }

    .submenu li.pri {
        background: #C7F4F6 url(../imgs/f-c.gif) no-repeat 0% 0%;
        padding-left: 7px;
    }

    /*set2017*/
    .submenu li a {
        display: block;
        padding-right: 11px;
        line-height: 1.4em;
        padding-left: 0;
    }

    .submenu li a span {
        display: block;
        padding: 1px 0px 0px 11px;
    }

    .submenu li a#use {
        background: #ffffff url(../imgs/f-cd.gif) no-repeat 0% 0%;
        color: #666666;
        padding-right: 0px;
        padding-left: 7px;
    }

    .submenu li a#use span {
        background: #ffffff url(../imgs/f-c.gif) no-repeat 100% 0%;
        display: block;
        padding-right: 14px;
    }

    .open {
        display: none;
    }

    .line {
        border-bottom: 1px dotted #B9B9B9;
        display: table;
        width: 100%;
    }

    .hi {
        display: block;
        float: left;
    }

    #capausuario {
        position: relative;
        margin: 0 auto;
        display: inline;
    }

    .bot-cerrar {
        float: right;
        font-size: .7em;
    }

    #mc,
    .close2,
    .logado {
        display: none;
    }

    /*set2017*/
    #capa {
        display: block;
        position: relative;
        height: auto;
        max-width: 1068px;
        margin-top: 0px;
    }

    #logon .pagarmenu {
        display: none;
    }

    #cambio .total {
        font-size: 1.1em;
    }

    .prod {
        min-width: 93%;
    }

    /*oct2017*/
    #cambiodatos {
        position: relative;
        float: right;
        margin-top: -40px;
        width: 32%;
    }

    .wrap,
    .cabecera {
        width: 100%;
        margin: 0 auto;
        max-width: 1068px;
    }

    .copyright {
        width: 73%;
        float: left;
        text-align: left;
        margin: 0em 0em 0em 0.5em;
    }

    .marcapie {
        display: block;
        margin-top: 24px;
    }

    .logopie {
        margin: -5px 3px 0px 0px;
        float: left;
    }

    .nav {
        padding: 0em 0em 0em 1em;
    }

    /*st2017*/
    .redes {
        float: right;
        width: auto;
        min-width: 175px;
        margin: 1em 1em 0em 0em;
    }

    .user fieldset {
        max-width: 650px;
    }

    #mascotas input {
        display: inline;
    }

    .titinfo,
    #canje2 .txtb {
        width: 66%;
    }

    #canje2 .promo,
    #canje2 .price {
        width: 34%;
    }

    .datosinfo {
        font-size: 1.1em !important;
    }

    .txtb {
        font-size: 1.3em;
    }

    .titinfo b {
        white-space: normal;
        font-size: .9em !important;
        font-weight: bold;
    }

    #tarjetapago label {
        font-size: 1em;
        text-align: right;
        line-height: 1.45em;
        padding-right: .5em;
    }

    #tarjetapago label {
        font-size: 1em;
        text-align: right;
        line-height: 1.45em;
        padding-right: 0.5em;
    }

    .detalletp {
        height: 310px;
    }

    .detalletd2 {
        padding: .7%;
        width: 98.6%;
    }

    .txtatencion {
        margin: 1em auto;
        width: 80%;
        max-width: 650px;
    }

    .wrap2 .titulo,
    .wrap3 .titulo {
        margin: 0.8em auto 0.5em auto;
    }

    .half {
        width: 48%;
    }

    /*ajustes menu 2016*/
    .log {
        display: block;
    }

    .logo {
        float: left;
        width: 35%;
        text-align: left;
        padding: 1em 0em 0.7em 0em;
        max-width: 270px;
    }

    /*2016*/
    .menutop {
        clear: both;
        background-color: #E5E5E5;
        /*float: right;*/
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    /*2016*/
    .reg {
        /*clear: both;*/
        margin-top: -31px;
        max-width: 1068px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        right: 0;
    }

    .reg .flecha {
        background: transparent url(../imgs/f-b.gif) no-repeat 0% -1px;
        /* width: 192px; */
        float: right;
        padding-left: 9px;
    }

    /*2016*/
    #botonmenu {
        padding-right: 15px;
        background: #ffffff url(../imgs/f-g.gif) no-repeat 100% -1px;
        float: right;
        margin: 0px;
        display: block;
        padding-left: 8px;
        height: 31px;
    }

    #botonmenu a {
        font-size: 1.1em;
        padding: 0 1.5em;
        margin: 0;
        height: 31px;
    }

    /*oct2017#botonmenu .pagarmenu {
padding: 0 1em !important;
}*/
    .menu li a span {
        padding: 0.5em 0em 0.5em 0.6em;
    }

    /*DIC2016*/
    .video {
        width: 82%;
        padding: 0 9%;
    }

    .placevideo {
        display: table-cell;
        vertical-align: middle;
        background: #333333;
    }

    .placevideo iframe {
        float: right;
        width: 508px;
    }

    .videoinfo {
        display: table-cell;
        vertical-align: top;
        width: 37%;
        padding: 1em 1.8em;
    }

    .bloggerinfo {
        height: 88px;
        display: table-cell;
        vertical-align: bottom;
    }

    .videoinfo p {
        font-size: 100%;
    }

    #bloggers .bloggercomments {
        font-size: 1.1em;
        line-height: 1.4em;
    }

    /*set2017*/
    #bloggers .datablogger {
        padding: .5em 5%;
    }

    /*set2017*/
    #bloggers .blogger {
        width: 88px;
        height: 88px;
        margin: 0.25em 1em 0em 0;
    }

    .edicion {
        width: 29.6%;
        margin: 0% 0.6% 2.5% 0.6%;
        padding: 0.2% 1%;
    }

    .edic #portada3 {
        background-position: 33% 0%;
        margin: -50px auto 0px auto;
    }

    /*oct2017*/
    .edic .foto-portada {
        width: 45%;
        text-align: left;
        margin-left: 19%;
        float: left;
        margin-bottom: 0;
    }

    /*abril2019*/
    #otrasediciones .colright {
        position: absolute;
        left: 64.5%;
        top: 50px;
        padding: 1% 1%;
        margin-right: 0;
        margin-left: 1.5%;
        width: 293px;
    }

    #titular {
        padding: 1.5em 4% 0em 4%;
        max-width: 982px;
    }

    /*abril2019*/
    .cols4 {
        max-width: 17%;
        border: solid 2px #F3F3F3;
        min-height: 222px;
        margin: 1% 0.6%;
        padding: 1.2% 0.65%;
    }

    /*marzo2018*/
    .pasoencuesta {
        float: right;
        margin-top: -3em;
    }

    /*marzo2018*/
    .titulo.enc {
        max-width: 78%;
        margin: 0.8em 0 0.5em 0;
    }

    .adyen-checkout__content-separator {
        text-align: center;
        /* Alinea el contenido al centro */
    }

    hr {
        display: inline-block;
        width: 30px;
        border-top: 1px solid #666666;
        margin: 0 10px;
        text-align: center;
    }

    @media screen and (max-width: 600px) {

        /* Estilos específicos para pantallas con un ancho máximo de 600px (modo móvil) */
        hr {
            width: 0%;
            /* Haz que la línea ocupe el 100% del ancho disponible */
            display: 'none';
        }
    }
}