/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #cccccc;
    color: black;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.imagenHablamos {
    width: 100%;
    margin: auto;
    margin-top: -60px
}

body {
    color: #403f41;
    font-family: Poppins !important;
}

@font-face {
    font-family: 'omnessemibold';
    src: url('../fonts/omnes_semibold-webfont.eot');
    src: url('../fonts/omnes_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes_semibold-webfont.woff') format('woff'), url('../fonts/omnes_semibold-webfont.ttf') format('truetype'), url('../fonts/omnes_semibold-webfont.svg#omnessemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itc_avant_garde_gothic_stdMd';
    src: url('../fonts/itcavantgardestd-md-webfont.eot');
    src: url('../fonts/itcavantgardestd-md-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/itcavantgardestd-md-webfont.woff') format('woff'), url('../fonts/itcavantgardestd-md-webfont.ttf') format('truetype'), url('../fonts/itcavantgardestd-md-webfont.svg#itc_avant_garde_gothic_stdMd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'omnesregular', sans-serif;
    src: url('../fonts/omnes_regular-webfont.eot');
    src: url('../fonts/omnes_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes_regular-webfont.woff') format('woff'), url('../fonts/omnes_regular-webfont.ttf') format('truetype'), url('../fonts/omnes_regular-webfont.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardeitcbybt-demicondensed';
    src: url('../fonts/avantgardeitcbybt-demicondensed.eot');
    src: url('../fonts/avantgardeitcbybt-demicondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-demicondensed.woff') format('woff'), url('../fonts/avantgardeitcbybt-demicondensed.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-demicondensed.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardeitcbybt-bookcondensed';
    src: url('../fonts/avantgardeitcbybt-bookcondensed.eot');
    src: url('../fonts/avantgardeitcbybt-bookcondensed.eot?#iefix') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-bookcondensed.woff') format('woff'), url('../fonts/avantgardeitcbybt-bookcondensed.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-bookcondensed.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardeitcbybt-book';
    src: url('../fonts/avantgardeitcbybt-book.eot');
    src: url('../fonts/avantgardeitcbybt-book.eot?#iefix') format('embedded-opentype'), url('../fonts/avantgardeitcbybt-book.woff') format('woff'), url('../fonts/avantgardeitcbybt-book.ttf') format('truetype'), url('../fonts/avantgardeitcbybt-book.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'omnes-medium';
    src: url('../fonts/omnes-medium.eot');
    src: url('../fonts/omnes-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/omnes-medium.woff') format('woff'), url('../fonts/omnes-medium.ttf') format('truetype'), url('../fonts/omnes-medium.svg#omnesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "poppins";
    overflow-x: hidden;
}

h2 {
    font-family: "poppins";
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 47px !important;
}

h3 {
    font-family: "poppins";
    font-size: 17px;
    text-transform: uppercase;
}

.masinfo h2 {
    color: white;
}

header.header {
    padding: 20px 5% 10px 2%;
    position: fixed !important;
    width: 100%;
    background: white;
    z-index: 999 !important;
    border-bottom: 2px solid #a9b141;
}

a {
    color: #c4d61c;
}

.logo {
    margin: 0 0 3px 0;
    position: relative;
    z-index: 9999;
    height: 43px;
    float: left;
}

h2 {
    text-transform: uppercase;
}

.rmm {
    margin: -10px 0 0 -10px !important;
    text-align: center;
    z-index: 900;
    padding: 0 0 7px;
}

@-moz-document url-prefix() {
    .rmm {
        float: left;
    }
}

.rmm * {
    -webkit-tap-highlight-color: transparent !important;
    font-family: Poppins, Verdana, Geneva, sans-serif;
}

.rmm a {
    color: #555555;
    text-decoration: none;
}

.rmm ul {
    display: block;
    margin: 0 auto /*!important*/;
    overflow: hidden;
    list-style: none;
}

/* sublevel menu - in construction */

.rmm ul li ul,
.rmm ul li ul li,
.rmm ul li ul li a {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

/* */

.rmm .rmm-main-list > li {
    padding: 10px;
}

.rmm .rmm-main-list li {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}

.rmm-toggled {
    display: none;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto !important;
}

.rmm-button:hover {
    cursor: pointer;
}

.rmm .rmm-toggled ul {
    display: none;
    margin: 0 /*!important*/;
    padding: 0 !important;
}

.rmm .rmm-toggled ul li {
    display: block;
    margin: 0 auto !important;
}

/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
    display: inline-block;
    /*padding: 6px 0 5px 0;*/
    /*margin: 0 20px;*/
    outline: none;
}

.rmm.graphite .rmm-toggled.rmm-closed {
    width: 100%;
    background-color: white;
    min-height: 36px;
    border-radius: 6px;
    border: 1px solid #555555;
}

.rmm.graphite .rmm-toggled-controls {
    display: block;
    height: 36px;
    color: white;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.rmm.graphite .rmm-toggled-title {
    position: relative;
    top: 9px;
    left: 15px;
    font-size: 16px;
    color: white;
}

.rmm.graphite .rmm-button {
    display: block;
    position: absolute;
    right: 15px;
    top: 8px;
}

.rmm.graphite .rmm-button span {
    display: block;
    margin-top: 4px;
    height: 2px;
    background: #555555;
    width: 24px;
}

.rmm.graphite .rmm-toggled ul li a {
    display: block;
    width: 100%;
    background-color: white;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #c4d61c;
    /*border-top: 1px solid #777777;*/
    /*text-shadow: 1px 1px 1px #333333;*/
}

.rmm.graphite .rmm-toggled ul li a:active {
    background-color: #444444;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
}

/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-button span {
    display: block;
    margin: 4px 0 4px 0;
    height: 2px;
    background: white;
    width: 20px;
}

.rmm.sapphire .rmm-toggled ul li a {
    display: block;
    width: 100%;
    background-color: #537698;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #3c5779;
    border-top: 1px solid #6883a6;
    text-shadow: 1px 1px 1px #333333;
}

.rmm.sapphire .rmm-toggled ul li a:active {
    background-color: #3c5779;
    border-bottom: 1px solid #3c5779;
    border-top: 1px solid #3c5779;
}

.rmm.sapphire .rmm-toggled ul li:first-child a {
    border-top: 1px solid #3c5779 !important;
}

/* MINIMAL STYLE */

.rmm.minimal a {
    color: #333333;
}

.rmm.minimal a:hover {
    opacity: 0.7;
}

.rmm.minimal .rmm-main-list li a {
    display: inline-block;
    padding: 8px 30px 8px 30px;
    margin: 0 -3px 0 -3px;
    font-size: 15px;
}

.rmm.minimal .rmm-toggled {
    width: 95%;
    min-height: 36px;
}

.rmm.minimal .rmm-toggled-controls {
    display: block;
    height: 36px;
    color: #333333;
    text-align: left;
    position: relative;
}

.rmm.minimal .rmm-toggled-title {
    position: relative;
    top: 9px;
    left: 9px;
    font-size: 16px;
    color: #333333;
}

.rmm.minimal .rmm-button {
    display: block;
    position: absolute;
    right: 9px;
    top: 7px;
}

.rmm.minimal .rmm-button span {
    display: block;
    margin: 4px 0 4px 0;
    height: 2px;
    background: #333333;
    width: 25px;
}

.rmm.minimal .rmm-toggled ul li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #dedede;
    color: #333333;
}

.rmm.minimal .rmm-toggled ul li:first-child a {
    border-top: 1px solid #dedede;
}

nav ul.nav {
    list-style-type: none;
    float: left;
    /*text-transform: uppercase;*/
    margin-top: 1%;
}

nav ul.nav li {
    display: inline-block;
    /* padding-right: 10px; */
    /*adding-top: 5px;*/
}

nav ul.nav li a {
    text-decoration: none;
    color: #a5a5a5;
    text-align: center;
}

nav ul.nav li a:hover {
    color: black;
}

.home {
    padding-top: 80px;
}

.trescolum {
    width: 30%;
    float: left;
    display: block;
    margin: 0 3% 0 0;
    padding-top: 5px;
}

.trescolum h3.empresa,
.trescolum h3.particulares,
.trescolum h3.comercios {
    border-bottom: 1px solid #c4d61c;
    text-align: center;
    padding: 71px 0 10px 0;
}

.trescolum p.p3col {
    text-align: right;
    margin: 0;
    padding: 0;
}

.trescolum p {
    text-align: justify;
    margin-bottom: 0;
}

.trescolum h3 a {
    text-decoration: none;
    color: #403f41;
}

.trescolum a:hover {
    text-decoration: underline !important;
}

.trescolum h3 a.mostrar_empresa {
    background: url(/portal/img/empresa.png) no-repeat 13.5% 49px;
    padding: 120px 0 10px 0;
}

.trescolum h3 a.mostrar_empresa:hover {
    background: url(/portal/img/empresa.png) no-repeat 13.5% -90px;
}

.trescolum h3 a.mostrar_particulares {
    background: url(/portal/img/particulares.png) no-repeat 11.5% 49px;
    padding: 120px 0 10px 0;
}

.trescolum h3 a.mostrar_particulares:hover {
    background: url(/portal/img/particulares.png) no-repeat 11.5% -90px;
}

.trescolum h3 a.mostrar_comercios {
    background: url(/portal/img/comercios.png) no-repeat 11.9% 49px;
    padding: 120px 0 10px 0;
}

.trescolum h3 a.mostrar_comercios:hover {
    background: url(/portal/img/comercios.png) no-repeat 11.9% -90px;
}

.trescolum h3 a:hover {
    color: #87888a;
}

.doscol {
    width: 46%;
    float: left;
    display: block;
    margin-left: 3%;
}

.hablamos form {
    margin-top: 28px;
}

.hablamos form input[type="text"],
.hablamos form textarea {
    width: 96%;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    color: #858688;
}

.trescolum p {
    padding: 10px 0 0 0;
    font-size: 15px;
    line-height: 170%;
    font-family: "avantgardeitcbybt-bookcondensed", Verdana, Geneva, sans-serif;
}

.conocer {
    padding: 120px 8% 30px 8%;
}

.centrado {
    text-align: center;
}

.tarjeta_conte {
    background: url(/portal/img/bk_tarjeta.jpg) no-repeat 85% 130px;
    padding: 0 5% 12% 5%;
    min-height: 450px;
}

.tarjeta_conte h2 {
    padding-top: 100px;
    width: 560px;
    background: white;
    font-size: 37px;
}

.tarjeta_conte .menu2 {
    float: right;
    margin-top: -133px;
    margin-right: 136px;
}

span.menu2_empresa {
    background: url(/portal/img/ico_menu2.png) no-repeat 0 -77px;
    width: 77px;
    height: 77px;
    display: inline-block;
    margin-right: 5px;
}

span.menu2_particulares {
    background: url(/portal/img/ico_menu2.png) no-repeat -77px -77px;
    width: 77px;
    height: 77px;
    display: inline-block;
    margin-right: 5px;
}

span.menu2_comercio {
    background: url(/portal/img/ico_menu2.png) no-repeat -154px -77px;
    width: 77px;
    height: 77px;
    display: inline-block;
}

span.menu2_empresa.on {
    background-position: 0 0;
}

span.menu2_particulares.on {
    background-position: -77px 0;
}

span.menu2_comercio.on {
    background-position: -154px 0;
}

ul.lista_tarjeta li {
    text-transform: uppercase;
    list-style: none;
    margin-bottom: -5px;
}

ul.lista_tarjeta li a {
    line-height: 58px;
    padding-left: 65px;
    display: block;
    text-decoration: none;
    color: #403f41;
    background: url(/portal/img/usar.png) no-repeat left top;
}

ul.lista_tarjeta li a:hover {
    color: black;
}

ul.lista_tarjeta li a.tema {
    background-position: 0 0;
}

ul.lista_tarjeta li a.comercio {
    background-position: 0 -92px;
}

ul.lista_tarjeta li a.otrocomercio {
    background-position: 0 -190px;
}

ul.lista_tarjeta li a:hover {
    color: black;
}

ul.caracteristica li,
ul.lista_operaciones li,
ul.lista_beneficiarios li,
ul.caracteristica2 li,
ul.lista_operaciones2 li,
ul.lista_beneficiarios2 li {
    font-family: "avantgardeitcbybt-bookcondensed", Verdana, Geneva, sans-serif;
}

h3 div.h3 {
    display: inline-block;
    width: 330px;
    line-height: 25px;
    min-height: 55px;
    font-weight: normal;
}

.funcionamiento-comercios h3 div.h3 {
    width: 239px;
    line-height: 44px;
}

.tarjeta_regalo,
.tarjeta_regalo2 {
    background: url(/portal/img/uno.png) no-repeat left center;
    padding-left: 76px;
}

.tarjeta_operaciones,
.tarjeta_operaciones2 {
    background: url(/portal/img/dos.png) no-repeat left center;
    padding-left: 76px;
}

.tarjeta_beneficiarios,
.tarjeta_beneficiarios2 {
    background: url(/portal/img/tres.png) no-repeat left center;
    padding-left: 76px;
}

.lista_beneficiarios,
.lista_operaciones,
.caracteristica {
    width: 405px;
}

.lista_beneficiarios2,
.lista_operaciones2,
.caracteristica2 {
    width: 327px;
}

.lista_operaciones {
    padding-right: 80px;
}

.minus,
.plus {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: -5px;
}

.minus {
    background: url(/portal/img/menos.png) top left no-repeat;
}

.minus:hover {
    background-position: bottom left;
}

.plus {
    background: url(/portal/img/mas.png) top left no-repeat;
}

.plus:hover {
    background-position: bottom left;
}

.masinfo {
    background: #c4d61c;
    text-align: center;
    padding: 1% 5% 2% 5%;
}

.hablamos {
    background: #303030;
    text-align: center;
    padding: 2% 7%;
    /*min-height: 605px;*/
    display: flex;
    flex-direction: row;
    /*height: 550px;*/
    padding-top: 115px;
}

.inputHablamos {
    background-color: transparent;
    border-bottom: 3px solid #ece6e6;
    border-right: none;
    border-left: none;
    border-top: none;
    color: #ece6e6;
}

.inputHablamos::placeholder {
    color: #ece6e6;
}

.regalar {
    background: black url(/portal/img/tarjeta.jpg) no-repeat left top;
    padding-bottom: 2%;
}

.hablamos h2,
.hablamos p {
    color: white;
}

.regalo {
    width: 40%;
    padding-left: 50%;
    color: white;
}

.hablamos h2,
.masinfo h2 {
    font-family: Poppins;
    font-weight: normal;
}

@media (max-width: 1004px) {
    .fondoCirculos{
        background: url(/portal/img/webnueva/fondohome5.png) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: contain !important;
    }
}

.fondoCirculos{
    background: url(/portal/img/webnueva/fondohome.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

.hablamos h2 {
    margin-bottom: 0;
    padding-top: 20px;
}

.masinfo h2 {
    padding: 15px 0 0 0;
    margin: 7px;
}

.regalar h2,
.regalar p {
    text-align: center;
    font-weight: normal;
}

.regalar h2 {
    padding: 90px 0 0 0;
    line-height: 1em;
}

.regalar p,
.hablamos p {
    font-size: 0.9em;
    text-align: center;
    font-family: Poppins;
}

.upper {
    text-transform: uppercase;
}

.proveedor {
    text-align: center;
    padding: 2% 5% 1% 5%;
    margin-bottom: -55px;
}

ul.redes li {
    float: left;
    list-style: none;
}

ul.redes li.twitter a,
ul.redes li.facebook a,
ul.redes li.linkedin a, {
    background: url(/portal/img/boton_redes.png) no-repeat 0 0;
    margin-left: 8px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

ul.redes li.location a {
    margin-left: 8px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/portal/img/loc.png) no-repeat left top;
}

/*
ul.redes-nuevo li.location a {
    margin-left: 8px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/portal/img/loc.png) no-repeat left top;
}
*/
.redes-nuevo {
    width: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
    gap: 2vh;
}


ul.redes-nuevo li {
    float: left;
    list-style: none;
}

ul.redes-nuevo li.twitter a,
ul.redes-nuevo li.facebook a,
ul.redes-nuevo li.linkedin a {
    background: url(/portal/img/boton_redes.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}

ul.redes-nuevo li.linkedin2 a {
    background: url(/portal/img/linkdn.png) no-repeat 0 0;
    margin-left: 8px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

ul.redes-nuevo li.location a {
    width: 40px;
    height: 40px;
    /*
    display: inline-block;
    background-size: 117%;
    background: url("/portal/img/ubicacion.png") no-repeat center;
    */

}

.ubicacion-logo {
    width: 50px;
    margin-top: -8px;
}

.linkdn-logo {
    width: 30px;
    margin-top: -8px;
}
.twitter-logo {
    width: 38px;
    margin: 0;
    margin-top: -2px;
    margin-right: -2px;
}
header.header ul.redes {
    margin-top: 1%;
}

header.header ul.redes li.twitter a {
    background-position: 0 0;
}

header.header ul.redes li.facebook a {
    background-position: -40px 0;
}

header.header ul.redes li.linkedin a {
    background-position: -79px 0;
}

header.header ul.redes li.twitter a:hover {
    background-position: 0 -30px;
}

header.header ul.redes li.facebook a:hover {
    background-position: -40px -30px;
}

header.header ul.redes li.linkedin a:hover {
    background-position: -79px -30px;
}

footer.footer ul.redes li.twitter a {
    background-position: 0 -60px;
}

footer.footer ul.redes li.facebook a {
    background-position: -39px -60px;
}

footer.footer ul.redes li.linkedin a {
    background-position: -79px -60px;
}

footer.footer ul.redes li.twitter a:hover {
    background-position: 0 -30px;
}

footer.footer ul.redes li.facebook a:hover {
    background-position: -39px -30px;
}

footer.footer ul.redes li.linkedin a:hover {
    background-position: -79px -30px;
}

footer.footer ul.redes-nuevo li.linkedin a {
    background-position: -79px -60px;
}

/*
footer.footer ul.redes-nuevo li.twitter a:hover {
    background-position: 0 -30px;
}

footer.footer ul.redes-nuevo li.facebook a:hover {
    background-position: -39px -30px;
}

footer.footer ul.redes-nuevo li.linkedin a:hover {
    background-position: -79px -30px;
}
*/

footer.footer ul.redes-nuevo li.twitter a {
    background-position: 0 -60px;
}

footer.footer ul.redes-nuevo li.facebook a {
    background-position: -39px -60px;
}

footer.footer ul.redes-nuevo li.linkedin a {
    background-position: -79px -60px;
}

/* Cabecera - Inicio sesion*/
@media only screen and (max-width: 768px) {
    .sesion a.despliega,
    .sesion a.despliega:hover {
        color: white;
    }

    .sesion img {
        display: none;
    }

    .sesion {
        display: inline-block;
        width: 95px;
        float: right;
        margin-right: 20px;
    }

    .sesion a.despliega {
        display: none;
        background-color: #c4d61c;
        border-radius: 40px;
        border: none;
        padding: 17px;
    }

    .sesion a.despliega span {
        display: none;
    }

    .formulario {
        margin-left: -22px !important;
    }

    .tarjeta_cliente {
        padding: unset !important;
        width: unset !important;
        height: unset !important;
    }

    .tarjeta_cliente p img, #comoseusatarjetaimg {
        width: 100%;
    }

    header.header {
        /*width: unset;*/
    }


}

@media only screen and (min-width: 769px) {

    .sesion {
        float: right;
        min-width: 129px;
        margin-top: 15px;
    }

    .sesion a.despliega {
        padding: 17px;
        font-size: 14px;
        color: white;
        /* antes con este gris #87888a */
        font-weight: bold;
        /* se pasa a negrita para destacar mas */
        text-decoration: none;
        cursor: pointer;
        background-color: #c4d61c;
        border-radius: 40px;
        border: none;
    }

    .sesion a.despliega:hover {
        box-shadow: 0 0 20px 7px rgba(0, 0, 0, 0.2);
        transition: box-shadow 0.2s ease;
    }
}


a.boton_verde {
    border: 1px solid white;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    width: 200px;
    margin-left: 1%;
    padding: 9px 0 6px;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    margin-bottom: 1%;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

a.boton_verde:hover {
    background: #858688;
    color: white;
    border: 1px solid #858688;
}

.boton_verde2 {
    background: #c4d61c;
    color: white;
    width: 208px;
    padding: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.boton_verde3 {
    background: #c4d61c;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.boton_verde3_edit {
    background: #c4d61c;
    color: white;
    padding: 7px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
    font-family: "itc_avant_garde_gothic_stdMd", verdana, sans-serif;
    font-size: 12px !important;
    margin-bottom: 15px;
}

.boton_verde4 {
    background: #c4d61c;
    color: white;
    padding: 5px 10px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.recuperar_contra {
    display: table-cell;
    width: 47%;
    margin: 0 auto;
    font-size: 0.9em;
    text-align: center;
}

.recuperar_contra h4 {
    color: #87888a;
}

.recuperar_contra input {
    margin-bottom: 10px;
}

.window-container-visible .recuperar_contra p,
.window-container-visible .recuperar_contra ol li {
    font-size: 0.9em;
    padding-right: 15px;
}

.datos input.boton_verde2 {
    background: #c4d61c;
    color: white;
    width: 150px;
    padding: 8px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.datos button.boton_verde2 {
    background: #c4d61c;
    color: white;
    width: 150px;
    padding: 8px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.boton_verdeDescargar {
    background: #c4d61c;
    color: white;
    padding: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    text-decoration: none;
    font-size: 0.8em;
    white-space: nowrap;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.datos .boton_verde3 {
    width: 122px;
    font-size: 0.8em;
    background: #c4d61c;
    color: white;
    padding: 8px 15px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.boton_verdeDescargar:hover,
.boton_verde2:hover,
.datos input.boton_verde2:hover,
.datos input.boton_verde3:hover,
.datos button.boton_verde2:hover,
.datos button.boton_verde3:hover {
    text-decoration: none;
    color: white;
    background: #858688;
    border: 1px solid #858688;
}

a.bullet {
    color: white;
    width: 16%;
    padding: 12px 19px 10px 34px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    background: #c4d61c url(/portal/img/bullet.png) no-repeat 15px center;
    text-decoration: none;
    font-size: 0.9em;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

a.bullet:hover {
    background: #858688 url(/portal/img/bullet.png) no-repeat 15px center;
    color: white;
    border: 1px solid #858688;
}

a.bullet3 {
    color: white;
    width: 16%;
    padding: 6px 15px 6px 29px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #A2C746;
    background: #A2C746 url(/portal/img/bullet3.png) no-repeat 15px center;
    text-decoration: none;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

a.bullet3:hover {
    background: #858688 url(/portal/img/bullet3.png) no-repeat 15px center;
    color: white;
    border: 1px solid #858688;
}

a.bullet3b {
    color: white;
    width: 16%;
    padding: 6px 15px 6px 29px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #FB8B00;
    background: #FB8B00 url(/portal/img/bullet3.png) no-repeat 15px center;
    text-decoration: none;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

a.bullet3b:hover {
    background: #858688 url(/portal/img/bullet3.png) no-repeat 15px center;
    color: white;
    border: 1px solid #858688;
}

a.help {
    background: url(/portal/img/help.png) no-repeat right top;
    padding: 12px 58px 17px 0;
    color: white;
}

a.help:hover {
    text-decoration: none;
}

.formulario, .formularioclientes {
    background: white;
    color: #858688;
    position: absolute;
    width: 185px;
    padding: 15px 17px;
    font-size: 0.8em;
    border: 1px solid #dbd7d3;
    border-top: 0;
    border-left: 0;
    margin-top: 12px;
    z-index: 999;
    margin-left: 0px;
    left: 69vw;
}

.formulario ul, .formularioclientes ul {
    padding-left: 0;
    padding-bottom: 10px;
}

.formulario ul li, .formularioclientes ul li {
    margin-bottom: 5px;
}

.formulario ul li:before, .formularioclientes ul li:before {
    content: "• ";
    color: #c4d61c;
    /* or whatever color you prefer */
    margin-left: -10px;
}

.menu_conocer {
    background: white;
    color: #858688;
    position: absolute;
    width: 152px;
    padding: 7px 20px;
    font-size: 0.7em !important;
    border: 1px solid #dbd7d3;
    border-top: 0;
    border-left: 0;
    z-index: 999;
    margin-left: -20px;
    text-align: left;
    margin-top: -3px;
}

input.boton_verde {
    background: #c4d61c;
    color: white;
    padding: 3px 0;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    width: 115px;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.formulario input, .formularioclientes input {
    margin-bottom: 15px;
    width: 138px;
}

.sesion .formulario a {
    color: #858688;
}

.sesion .formulario a:hover {
    color: #c4d61c;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    background: white;
    z-index: 0;
}

.banner ul {
    list-style: none;
    width: 300%;
    padding: 0;
}

.banner ul li {
    display: block;
    float: left;
    padding: 160px 0 0 0;
    /*		-webkit-background-size: 100% 100%;*/
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    height: 750px;
}

.banner ul li h1 img {
    width: 2em;
    height: 2em;
    margin: -1em 0 1em 0;
}

.banner .dots {
    position: absolute;
    margin-left: 279px;
    top: 450px;
}

.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px !important;
    margin: 0 4px;
    text-indent: -999em;
    border: 2px solid white;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.banner .dots li.active {
    background: white;
    opacity: 1;
}

.banner .btn,
.banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

.banner div {
    width: 450px;
    padding: 0 0 0 150px;
}

.banner h1,
.banner h2 {
    font-family: "omnes-medium", Verdana, Geneva, sans-serif;
    font-size: 44px;
    line-height: 37px;
    color: white;
    z-index: 999;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 5.5%;
    font-weight: normal;
}

.banner p {
    border-top: 2px solid #999999;
    z-index: 999;
    font-size: 18px;
    color: white;
    padding-top: 20px;
}

.banner .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

.banner .btn:hover {
    background: rgba(255, 255, 255, 0.05);
}

.banner .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
    -o-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.5));
}

.banner .btn,
.banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

footer {
    background: #363637;
    padding: 3% 5% 4% 5%;
}

footer ul.redes {
    display: inline-block;
    float: left;
    width: 22%;
}

p.piesubir {
    display: inline-block;
    float: left;
    color: #e5e8e4;
    margin: 5% 0;
}

.copy {
    position: absolute;
    right: 5%;
    display: block;
    color: #e5e8e4;
    font-size: 0.8em;
}

.copy-nuevo{
    display: flex;
    justify-content: center;
    color: #e5e8e4;
    font-size: 0.8em;
}

.derecho_img {
    position: absolute;
    left: 5%;
    display: block;
    font-size: 0.7em;
    color: #c2c3c2;
}

.derecho_img a {
    color: #c2c3c2;
}

a.subir {
    background: url(/portal/img/subir.png) no-repeat top left;
    color: white;
    padding: 50px 8px 0 5px;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

a.subir:hover {
    background-position: -59px 0;
}

nav.pie {
    float: left;
    display: inline-block;
    width: 18%;
    padding-left: 3%;
}

.ayuda {
    background: url(/portal/img/ayuda.png) no-repeat left center;
    padding-left: 50px;
    float: right;
    margin-right: 2%;
    cursor: pointer;
}

.ayuda a {
    width: 140px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: white;
    font-size: 0.9em;
    padding: 2px;
}

footer h3 {
    font-size: 1em;
    color: #e5e8e4;
    border-bottom: 1px solid white;
    font-weight: normal;
    text-align: center;
    margin: 8px 0 2px 0;
    padding: 0 0 4px 0;
    text-transform: capitalize;
}

ul.redes {
    float: right;
    margin-top: 0;
    padding: 0;
}

.direccion {
    display: inline-block;
    color: #e5e8e4;
    font-size: 0.8em;
    float: left;
    line-height: 14px;
    width: 25%;
}

.closepymes {
    background: url(/portal/img/cerrar.png) no-repeat right top;
    display: block;
    width: 50px;
    position: relative;
    right: 0;
    height: 50px;
    margin: -27px 14px -40px 475px;
}

.direccion p {
    padding: 0;
}

nav.pie ul {
    float: left;
    margin: 0 1%;
}

nav.pie-nuevo ul {
    display: flex;
    padding: 0;
    gap: 1vh;
}

nav.pie-nuevo ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

nav.pie-nuevo ul li a {
    text-decoration: none;
    color: white;
}
nav.pie-nuevo {
    display: flex;
    width: 100%;
    justify-content: center;
}

nav.pie ul li {
    color: #e5e8e4;
    font-size: 0.8em;
    list-style-type: disc;
    line-height: 26px;
}

nav.pie ul li a {
    color: #e5e8e4;
    text-decoration: none;
    white-space: nowrap;
}

a.loc {
    display: block;
    padding: 3px 0 0 20px;
    background: url(/portal/img/loc.png) no-repeat left top;
    color: #e5e8e4;
    text-decoration: none;
}

a.cont {
    padding: 3px 0 0 20px;
    background: url(/portal/img/cont.png) no-repeat left top;
    color: #e5e8e4;
    text-decoration: none;
}

a.cont-nuevo {
    padding: 3px 0 0 20px;
    /*background: url(/portal/img/cont.png) no-repeat left top;*/
    color: #e5e8e4;
    text-decoration: none;
}
.pb6 {
    padding-bottom: 6px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.upper.pb20 {
    padding-top: 20px !important;
}

.solcomercios {
    background: url(/portal/img/bkcomercios.jpg) no-repeat right top;
    padding: 150px 10% 60px 10%;
    position: relative;
    margin-top: -70px;
}

.solparticulares {
    background: url(/portal/img/bkparticulares.jpg) no-repeat right top;
    padding: 150px 10% 60px 10%;
    position: relative;
    margin-top: -70px;
}

.solempresas {
    background: url(/portal/img/bkempresas.jpg) no-repeat right top;
    padding: 150px 10% 60px 10%;
    position: relative;
    margin-top: -70px;
}

.solempresas h2,
.solparticulares h2,
.solcomercios h2 {
    border-bottom: 1px solid #becf31;
    width: 80%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.pregistro {
    text-align: right;
}

ul.bullet_verde {
    margin-left: 50px;
}

ul.bullet_verde li {
    list-style: url(/portal/img/bullet_verde.png);
    cursor: pointer;
}

.solempresas nav ul li,
.solparticulares nav ul li,
.solcomercios nav ul li {
    float: left;
    width: 33%;
    text-align: center;
}

.solempresas nav ul li a,
.solparticulares nav ul li a,
.solcomercios nav ul li a {
    text-decoration: none;
    color: #403f41;
    text-transform: uppercase;
    font-weight: bold;
}

/*.solempresas nav ul li, .solparticulares nav ul li, .solcomercios nav ul li {padding-top: 70px;margin-top: 30px;}
		.solempresas nav ul li.como,.solparticulares nav ul li.como,.solcomercios nav ul li.como  {background:url(/img/funciona.png) no-repeat top center;}
		.solempresas nav ul li.donde, .solparticulares nav ul li.donde, .solcomercios nav ul li.donde{background:url(/img/estamos.png) no-repeat top center;}
		.solempresas nav ul li.info, .solparticulares nav ul li.info, .solcomercios nav ul li.info {background:url(/img/informacion.png) no-repeat top center;}
		.solempresas nav ul li a:hover, .solempresas nav ul li.on a, .solparticulares nav ul li a:hover, .solparticulares nav ul li.on a, .solcomercios nav ul li a:hover, .solcomercios nav ul li.on a{background:url(/img/triangulo.png) no-repeat 5px bottom; padding-bottom:65px;}
		.solempresas nav ul li.info a:hover, .solempresas nav ul li.info.on a:hover {background:url(/img/triangulo.png) no-repeat 45px bottom; padding-bottom:65px;}
		 .solparticulares nav ul li.info a:hover{background:url(/img/triangulo.png) no-repeat 25px bottom; padding-bottom:65px;}.solcomercios nav ul li.info a:hover{background:url(/img/triangulo.png) no-repeat 25px bottom; padding-bottom:65px;}*/

.solempresas nav ul li.como a,
.solparticulares nav ul li.como a,
.solcomercios nav ul li.como a {
    background: url(/portal/img/funciona.png) no-repeat 0 0;
    background-size: 57px 57px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.solempresas nav ul li.donde a,
.solparticulares nav ul li.donde a,
.solcomercios nav ul li.donde a {
    background: url(/portal/img/estamos.png) no-repeat 3px 0;
    background-size: 57px 57px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.solempresas nav ul li.info a,
.solparticulares nav ul li.info a,
.solcomercios nav ul li.info a {
    background: url(/portal/img/informacion.png) no-repeat 30px 0;
    background-size: 57px 57px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.solempresas nav ul li.como.on a,
.solparticulares nav ul li.como.on a,
.solcomercios nav ul li.como.on a {
    background-image: url('/portal/img/funciona.png'), url('/portal/img/triangulo.png');
    background-position: 0 0, 7px bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 57px 57px, 46px 22px;
}

.solempresas nav ul li.info a:hover,
.solparticulares nav ul li.info a:hover,
.solcomercios nav ul li.info a:hover {
    background-image: url('/portal/img/informacion.png'), url('/portal/img/triangulo.png');
    background-position: 30px 0, 30px bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 57px 57px, 46px 22px;
}

.solempresas nav ul li.donde a:hover,
.solparticulares nav ul li.donde a:hover,
.solcomercios nav ul li.donde a:hover {
    background-image: url('/portal/img/estamos.png'), url('/portal/img/triangulo.png');
    background-position: 3px 0, 10px bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 57px 57px, 46px 22px;
}

.bkempresas {
    background: url(/portal/img/bkcomo_empresas.jpg) no-repeat left bottom;
    background-size: cover;
    color: white;
    font-size: 0.8em;
    padding: 0 5% 0 5%;
    margin-top: 91px;
    min-height: 951px;
}

.bkempresas h2 {
    text-align: left;
    margin-top: 0;
    padding-top: 17%;
    font-weight: normal;
}

.bkempresas h3 {
    font-size: 1.3em;
    border-bottom: 1px solid #858688;
    width: 383px;
}

.bkempresas ul li {
    font-size: 1.1em;
    line-height: 23px;
}

.funcionamiento-comercios {
    background: url(/portal/img/bkcomo_comercios.jpg) no-repeat left top;
    margin-top: 17px;
    background-size: cover;
    min-height: 813px;
    color: white;
    font-size: 0.8em;
    padding: 2% 5%;
}

.funcionamiento-comercios h2 {
    text-align: left;
    margin-top: 60px;
    font-weight: normal;
}

.funcionamiento-comercios h3 {
    font-size: 1.3em;
    border-bottom: 1px solid #858688;
    width: 291px;
}

.funcionamiento-comercios ul li {
    font-size: 1.1em;
    line-height: 30px;
}

.verde {
    background: #c4d61c;
    color: white;
    text-align: center;
    margin-top: -50px;
    padding: 10px 10%;
}

.bombilla {
    background: url(/portal/img/bombilla.png) no-repeat left center;
    padding-left: 53px;
    font-size: 1em;
    text-align: left;
    font-family: 'omnesregular', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.bombilla p {
    margin: 0.4em 0 0.5em;
    font-family: 'omnesregular', sans-serif;
    letter-spacing: 1px;
}

.bombi a {
    color: white;
    text-decoration: none;
}

#funcionamiento-particulares .bombilla,
#funcionamiento-comercios .bombilla {
    line-height: 24px;
}

.bombilla1 {
    background: url(/portal/img/bombilla1.png) no-repeat left center;
    padding-left: 35px;
    font-size: 1em;
    text-align: left;
    font-family: 'omnesregular', sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

.bombilla1 p {
    border: 1px solid #c4d61c;
    padding: 5px 10px;
    margin-left: 0;
}

#funcionamiento-particulares {
    background: #f8f9e9 url(/portal/img/animacion/bkanima.jpg) repeat-x left bottom;
    padding-top: 200px;
    margin-top: 17px;
    min-height: 500px;
}

.funcionamiento-particulares {
    width: 1004px;
    margin: auto;
}

.grafica {
    width: 741px;
    position: absolute;
    margin-left: 117px;
}

.tarjeta {
    position: absolute;
    margin-left: 147px;
}

.textos {
    position: absolute;
    font-size: 0.8em;
}

.textos h3 {
    font-size: 1.2em;
    border-bottom: 1px solid #c4d61c;
    padding-bottom: 5px;
    text-align: left;
}

.textos .uno {
    position: absolute;
    margin-top: -108px;
    margin-left: -134px;
    width: 150px;
}

.textos .dos {
    position: absolute;
    margin-top: -331px;
    margin-left: -129px;
    width: 252px;
}

.textos .dos h3 {
    padding: 53px 150px 5px 0;
    background: url(/portal/img/animacion/tarjeta_pequ.png) no-repeat right top;
}

.textos .dos ul {
    padding: 0 0 0 15px;
    text-align: left;
}

.textos .tres {
    position: absolute;
    margin-top: -354px;
    margin-left: 357px;
    width: 379px;
}

.textos .tres h3 {
    padding: 19px 165px 5px 20px;
    background: url(/portal/img/animacion/check.png) no-repeat right -6px;
}

.textos .cuatro {
    position: absolute;
    margin-top: -261px;
    margin-left: 542px;
    width: 267px;
}

.textos .cuatro h3 {
    text-align: right;
}

.textos .cuatro ul {
    padding-left: 94px;
    text-align: left;
}

.textos .cinco {
    position: absolute;
    margin-top: -138px;
    margin-left: 666px;
    width: 145px;
}

.textos .cinco h3 {
    text-align: right;
    padding-left: 5px;
}

.textos .btgrafica {
    text-align: right;
    margin-top: 43px;
}

a.bullet2 {
    color: white;
    width: 16%;
    padding: 10px 15px 10px 30px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c4d61c;
    background: #c4d61c url(/portal/img/bullet.png) no-repeat 15px center;
    text-decoration: none;
}

a.bullet2:hover {
    background: #858688 url(/portal/img/bullet.png) no-repeat 15px center;
    color: white;
    border: 1px solid #858688;
}

article.menu2 {
    background: url(/portal/img/bkmenu2.jpg) repeat-y 0 top;
    position: relative;
    background-size: 14%;
}

.menu_cliente {
    /*width:189px;*/
    width: 215px;
    margin-left: 1.5%;
    float: left;
    padding-top: 2%;
}

.mh667 {
    min-height: 667px;
}

.contenido_cliente {
    float: left;
    padding: 2% 3% 3% 3%;
    width: 750px;
}

.cajapymes {
    background-color: white;
    height: 315px;
    width: 440px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

input::file-selector-button {
    background: whitesmoke;
    border: 2px solid #d8d8d8;
    border-radius: 15px;
}

.overlaypymes {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.contenido_cliente2 {
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 650px;
}

table#tablasort,table#tablasort1, table#tablasort2 {
    table-layout: fixed;
    font-family: Poppins !important;
    font-size: 11px;
    color: #777777;
    width: 646px;
    margin-bottom: 20px;
}

table#tablasort tbody, table#tablasort1 tbody, table#tablasort2 tbody {
    display: block;
    height: 172px;
    /*overflow: auto;*/
    width: 646px;
    padding: 0;
    margin-top: 10px;
}

table#tablasort tbody td, table#tablasort1 tbody td, table#tablasort2 tbody td {
    padding: 7px 10px 7px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-left: 1px solid lightgray;
    background-color: #f0f0f0;
}

table#tablasort tbody td:first-child, table#tablasort1 tbody td:first-child, table#tablasort2 tbody td:first-child {
    border-left: none;
}

table#tablasort.cp.particulares tbody td:last-child {
    border-left: 1px solid lightgray;
}

table#tablasort.cp.particulares tbody td:last-child {
    border-left: none;
}

table#tablasort th, table#tablasort1 th, table#tablasort2 th {
    padding: 5px 2px 2px 17px;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    color: #222222;
    background-color: white;
    font-family: Poppins !important;
    font-size: 11px;
    cursor: pointer;
}

table#tablasort.marcas tbody, table#tablasort1.marcas tbody, table#tablasort2.marcas tbody {
    height: 430px;
}

table#tablasort.marcas.tipo tbody, table#tablasort1.marcas.tipo tbody, table#tablasort2.marcas.tipo tbody {
    height: 194px;
}

table#tablasort.marcas.tipo2 tbody.size4 {
    height: auto;
}

table#tablasort.marcas.tipo2 tbody {
    height: 479px;
}

table#tablasort.marcas.tipo3 tbody {
    height: 250px;
}

table#tablasort.marcas.tipo4 tbody, table#tablasort2.marcas.tipo4 tbody {
    height: 280px;
}

table#tablasort.marcas tbody td, table#tablasort2.marcas tbody td {
    background: white;
    border: 12px solid #f2f2f2;
    white-space: normal;
    text-align: center;

    vertical-align: top;
    width: 120px;
    position: relative;
}

table#tablasort1.marcas tbody td {
    background: white;
    border: 12px solid #f2f2f2;
    white-space: normal;
    text-align: center;

    vertical-align: top;
    width: 312px;
    position: relative;
}

table#tablasort.marcas tbody td div, table#tablasort1.marcas tbody td div, table#tablasort2.marcas tbody td div {
    /*noinspection CssFloatPxLength*/
    font-size: 9.7px;
}

table#tablasort.marcas tbody td div p, table#tablasort1.marcas tbody td div p, table#tablasort2.marcas tbody td div p {
    min-height: 68px;
}

table#tablasort.marcas tbody td img, table#tablasort1.marcas tbody td img, table#tablasort2.marcas tbody td img {
    width: 113px;
    padding-bottom: 5px;
}

table#tablasort.marcas tbody td .carro {
    background: url(/portal/img/cuentaTarjeta/comprar.png) no-repeat center top;
    padding-top: 54px;
    margin-top: 21px;
}

table#tablasort.marcas tbody td .carro2 {
    background: url(/portal/img/cuentaTarjeta/canjear.png) no-repeat center top;
    padding-top: 54px;
    margin-top: 21px;
}

table#tablasort.marcas.diseno tbody td img {
    padding: 8px 0 11px;
}

.blanca {
    background: white;
    border: none;
}

th.blanca.header,
th.blanca.headerSortDown,
th.blanca.headerSortUp {
    background: none;
}

th.header {
    background-image: url(/portal/img/small_asc.png);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
}

th.headerSortUp {
    background-image: url(/portal/img/flecha_asc2.png);
    background-color: #3399ff;
}

th.headerSortDown {
    background-image: url(/portal/img/flecha_desc2.png);
    background-color: #3399ff;
}

/*table#tablasort td:nth-child(1), table#tablasort th:nth-child(1) { width: 170px; }*/

table#tablasort td:nth-child(2),
table#tablasort th:nth-child(2) {
    width: 90px;
}

table#tablasort td:nth-child(3),
table#tablasort th:nth-child(3) {
    width: 110px;
}

table#tablasort td:nth-child(4),
table#tablasort th:nth-child(4) {
    width: 87px;
}

table#tablasort td:nth-child(5),
table#tablasort th:nth-child(5) {
    width: 70px;
}

/*
table#tablasort.mov td:nth-child(1),
table#tablasort.mov th:nth-child(1) {
    width: 167px;
}

table#tablasort.mov td:nth-child(2),
table#tablasort.mov th:nth-child(2) {
    width: 97px;
}

table#tablasort.mov td:nth-child(3),
table#tablasort.mov th:nth-child(3) {
    width: 141px;
}

table#tablasort.mov td:nth-child(4),
table#tablasort.mov th:nth-child(4) {
    width: 102px;
}

table#tablasort.mov td:nth-child(5),
table#tablasort.mov th:nth-child(5) {
    width: 65px;
}

table#tablasort.mov td:nth-child(6),
table#tablasort.mov th:nth-child(6) {
    width: 55px;
}
*/

table#tablasort.cp td:nth-child(1),
table#tablasort.cp th:nth-child(1) {
    width: 40px;
}

table#tablasort.cp td:nth-child(2),
table#tablasort.cp th:nth-child(2) {
    width: 127px;
}

table#tablasort.cp td:nth-child(3),
table#tablasort.cp th:nth-child(3) {
    width: 100px;
}

table#tablasort.cp td:nth-child(4),
table#tablasort.cp th:nth-child(4) {
    width: 68px;
}

table#tablasort.cp td:nth-child(5),
table#tablasort.cp th:nth-child(5) {
    width: 43px;
}

table#tablasort.cp td:nth-child(6),
table#tablasort.cp th:nth-child(6) {
    width: 59px;
}

table#tablasort.cp td:nth-child(8),
table#tablasort.cp th:nth-child(8) {
    width: 55px;
}

table#tablasort.comertarj td:nth-child(1),
table#tablasort.comertarj th:nth-child(1) {
    width: 144px;
}

table#tablasort.comertarj td:nth-child(2),
table#tablasort.comertarj th:nth-child(2) {
    width: 144px;
}

table#tablasort.comertarj td:nth-child(3),
table#tablasort.comertarj th:nth-child(3) {
    width: 87px;
}

table#tablasort.comertarj td:nth-child(4),
table#tablasort.comertarj th:nth-child(4) {
    width: 90px;
}

table#tablasort.comertarj td:nth-child(5),
table#tablasort.comertarj th:nth-child(5) {
    width: 67px;
}

table#tablasort.tpv td:nth-child(1),
table#tablasort.tpv th:nth-child(1) {
    width: 102px;
}

table#tablasort.tpv td:nth-child(2),
table#tablasort.tpv th:nth-child(2) {
    width: 130px;
}

table#tablasort.tpv td:nth-child(3),
table#tablasort.tpv th:nth-child(3) {
    width: 138px;
}

table#tablasort.tpv td:nth-child(4),
table#tablasort.tpv th:nth-child(4) {
    width: 110px;
}

table#tablasort.tpv td:nth-child(5),
table#tablasort.tpv th:nth-child(5) {
    width: 57px;
}

table#tablasort.tbltarjetasmono td:nth-child(1),
table#tablasort.tbltarjetasmono th:nth-child(1) {
    width: 102px;
}

table#tablasort.tbltarjetasmono td:nth-child(2),
table#tablasort.tbltarjetasmono th:nth-child(2) {
    width: 78px;
}

table#tablasort.tbltarjetasmono td:nth-child(3),
table#tablasort.tbltarjetasmono th:nth-child(3) {

    width: 138px;
}

table#tablasort.tbltarjetasmono td:nth-child(4),
table#tablasort.tbltarjetasmono th:nth-child(4) {
    width: 110px;
}

table#tablasort.tblventatpv td:nth-child(1),
table#tablasort.tblventatpv th:nth-child(1) {
    width: 102px;
}

table#tablasort.tblventatpv td:nth-child(2),
table#tablasort.tblventatpv th:nth-child(2) {
    width: 130px;
}

table#tablasort.tblventatpv td:nth-child(3),
table#tablasort.tblventatpv th:nth-child(3) {
    width: 138px;
}

table#tablasort.tblventatpv td:nth-child(4),
table#tablasort.tblventatpv th:nth-child(4) {
    width: 129px;
}

table#tablasort.tbltarjetas td:nth-child(1),
table#tablasort.tbltarjetas th:nth-child(1) {
    width: 170px;
}

table#tablasort.tbltarjetas td:nth-child(2),
table#tablasort.tbltarjetas th:nth-child(2) {
    width: 90px;
}

table#tablasort.tbltarjetas td:nth-child(3),
table#tablasort.tbltarjetas th:nth-child(3) {
    width: 137px;
}

table#tablasort.tbltarjetas td:nth-child(4),
table#tablasort.tbltarjetas th:nth-child(4) {
    width: 133px;
}

table#tablasort.tbltarjetas td:nth-child(5),
table#tablasort.tbltarjetas th:nth-child(5) {
    width: 40px;
}

.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333333;
    background-color: #c1cd44;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 12px;
    text-overflow: ellipsis;
}

table.alto {
    width: 100%;
}

table.alto th {
    background: #e5e5e5;
}

table.alto td:nth-child(1),
table.alto th:nth-child(1) {
    width: 30%;
}

table.alto td:nth-child(2),
table.alto th:nth-child(2) {
    width: 30%;
}

table.alto td:nth-child(3),
table.alto th:nth-child(3) {
    width: 30%;
}

.numero {
    text-align: right;
}

.fecha {
    text-align: center;
}

.menu_cliente nav ul {
    margin-left: 0;
    /*width: 158px*/
    width: 190px;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 0 0 0 11px;
}

.menu_cliente nav ul li {
    color: white;
    margin-bottom: 5px;
    padding: 3px 8px;
    font-size: 15px;
    list-style: none;
}

/*
.menu_cliente nav ul li:hover,
.menu_cliente nav ul li.on {
    background: white url(/portal/img/cliente_on.png) no-repeat right center;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 3px 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
*/

.menu_cliente nav ul li a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 7px;
}

/*
.menu_cliente nav ul li:hover a,
.menu_cliente nav ul li.on a {
    color: #c4d61c;
    text-decoration: none;
}
*/

.botonera {
    display: block;
    text-align: center;
    padding-top: 20px;
}

.botonera ul {
    padding: 0;
    margin: 0;
}

.botonera ul li {
    display: inline-block;
    list-style: none;
    margin-right: 5px;
    padding-top: 75px;
    margin-top: 15px;
}

.botonera ul li.regalo_bt {
    background: url(/portal/img/regalo.png) no-repeat center top;
}

.botonera ul li.euro_bt {
    background: url(/portal/img/euro.png) no-repeat center top;
}

.botonera ul li.grupo_bt {
    background: url(/portal/img/grupo.png) no-repeat center top;
}

.botonera ul li.tienda_bt {
    background: url(/portal/img/ico_tienda.png) no-repeat center top;
}

.datos p {
    margin: 0 0 5px 0;
}

.datos label {
    margin-right: 18px;
    font-family: Poppins !important;
    font-size: 13px;
    text-transform: none;
}

.datos .legal label {
    text-transform: none;
    margin-right: 0;
}

.datos input {
    background: #ffffff;
    border: 2px solid #d8d8d8;
    margin-bottom: 15px;
    border-radius: 12px;
}
.menu-inputs{
    background: none;
    border: none;
    color: white;
    text-align: justify;
    width: 100%;
}

.datos input.botonpym {
    background: url(/portal/img/previsualizar.png) no-repeat left bottom;
    border: none;
    text-transform: uppercase;
    /*font: 13px 'itc_avant_garde_gothic_stdMd', Verdana, Arial, Helvetica, sans-serif;*/
    padding: 16px 55px 15px 13px !important;
    background-size: 158px;
}

.datos input.boton.btn_confir {
    background: url(/portal/img/aceptar.png) no-repeat left bottom;
    border: none;
    color: transparent;
    background-size: contain;
    text-transform: uppercase;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 16px 52px 12px 13px;
}

.datos input.boton {
    background: url(/portal/img/aceptar.png) no-repeat left bottom;
    border: none;
    color: transparent !important;
    background-size: contain;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 16px 52px 12px 22px;
}

h2.cestaah2 {
    color: #87888a;
    font-family: Poppins !important;
    font-size: 15px;
    border-bottom: 1px solid #9e9fa0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: initial;
}


.datos select {
    margin-bottom: 15px;
    padding: 5px;
    border-radius: 14px;
}

.datos input.boton1 {
    background: url(/portal/img/previsualizar.png) no-repeat left bottom;
    border: none;
    color: transparent;
    /*font: 13px 'itc_avant_garde_gothic_stdMd', Verdana, Arial, Helvetica, sans-serif;*/
    padding: 16px 79px 15px 13px !important;
    background-size: 158px;
}

.datos input.boton_des {
    background: url(/portal/img/boton_descargar.png) no-repeat left bottom;
    border: none;
    text-transform: uppercase;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 16px 46px 12px 21px;
}

.datos input.boton_con {
    background: url(/portal/img/boton_aceptar.png) no-repeat left bottom;
    border: none;
    text-transform: uppercase;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 16px 46px 12px 12px;
}

.tarjeta_cliente {
    font-family: Poppins !important;
    font-size: 13px;
    width: 544px;
    padding: 30px;
    color: #87888a;
    margin-left: 30px;
}

.tarjeta_cliente p.nombre_tj {
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 108px;
}

.tarjeta_cliente p.numero_tj {
    font-size: 20px;
    margin: 0;
}

.tarjeta_cliente p.peq_tj {
    font-size: 10px;
}

.tarjeta_cliente p.fecha_tj {
    padding-top: 15px;
}

.tarjeta_cliente p.saldo,
.d_tarjeta p.saldo {
    text-align: right;
    font-size: 18px;
    padding-top: 14px;
    color: #848587;
}

.tarjeta_cliente p.saldo b,
.d_tarjeta p.saldo b {
    font-size: 30px;
}

.contenido_cliente.carro1 {
    width: 667px;
}

.sesion.carro1 {
    background: url(/portal/img/carrologin.png) no-repeat top;
    padding: 46px 13px 0 0;
    margin-top: -34px;
}

h2.cestah2 {
    color: #87888a;
    font-family: Poppins !important;
    font-size: 13px;
    border-bottom: 1px solid #9e9fa0;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.carro1 ol {
    padding: 0 0 0 21px;
    font-family: Poppins !important;
    font-size: 13px;
}

.carro1 ol li {
    padding-bottom: 25px;
    text-align: justify;
}

.carro1.email ol li {
    padding-bottom: 5px;
    text-align: justify;
}

.carro1 .datos ul.b_verde2 li {
    font-size: 13px;
    padding-bottom: 7px;
    line-height: 19px;
    text-align: justify;
}

.carro1 .datos label {
    color: #87888a;
    text-transform: none;
    text-align: left;
}

.carro1 .datos p {
    font-family: Poppins !important;
    font-size: 13px;
    margin-top: 7px;
    line-height: 16px;
}

.carro1 .datos p.numero {
    text-align: center;
    width: auto;
}

.carro1 .datos p.numero.preview {
    text-align: right;
}


.carro1 .datos p.numero.preview span input {
    margin-right: 5px !important;
}

.carro1 .datos p.numeropre {
    text-align: right;
    width: auto;
    margin-right: -10px
}

p.numero #previsualizar,
p.numero .boton_anterior {
    margin-right: 10px;
}

.carro1 .categoria,
.carro1 .categoria1 {
    background: #f1f1f1;
    padding: 20px;
    width: 605px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.carro1 .categoria.titu {
    padding: 0px;
    width: auto;
}

.carro1 .categoria label {
    width: 295px;
    margin-right: 0;
    float: left;
}

.carro1 .categoria.titu label {
    float: none;
    width: 295px;
    margin-right: 0;
}

.carro1 .categoria label span {
    padding: 8px 8px 0 0;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 5px;
}

.carro1 .categoria label span img {
    padding: 0 5px 10px 0;
}

.carro1 .datos table#tablasort tbody, .carro1 .datos table#tablasort1 tbody, .carro1 .datos table#tablasort2 tbody {
    padding: 0;
    overflow-y: scroll;
    background: #f2f2f2;
    /* para evita blanco de fondo cuando no hay tabla */

}

.carro1 .datos table#tablasort tbody p, .carro1 .datos table#tablasort1 tbody p, .carro1 .datos table#tablasort2 tbody p {
    font-family: Poppins !important;
    font-size: 10px;
}

.carro1 .datos table#tablasort tbody div p, .carro1 .datos table#tablasort1 tbody div p, .carro1 .datos table#tablasort2 tbody div p {
    min-height: 67px;
}

.carro1 .datos table#tablasort tbody div p.numero {
    min-height: 15px;
}

.carro1 .datos table#tablasort tbody input, .carro1 .datos table#tablasort1 tbody input, .carro1 .datos table#tablasort2 tbody input {
    margin-bottom: 0;
}

/*.carro1 .datos table#tablasort.marcas tbody td {border: 19px solid #f2f2f2;}*/

.carro1 .categoria1 table {
    width: 100%;
    color: #87888a;
}

.carro1 .categoria1 table.resul {
    width: 350px;
    float: right;
}

.carro1 .categoria1 table.resul tr {
    border-bottom: 10px solid #f1f1f1;
}

.carro1 .categoria1 table.resul tfoot tr {
    border-top: 17px solid #f1f1f1;
    background: white;
}

.carro1 .categoria1 table th {
    text-transform: uppercase;
    font-weight: normal;
}

.carro1 .categoria1 table label {
    margin-left: 0;
    width: 286px;
    text-transform: capitalize;
    padding-top: 7px;
}

.carro1 .categoria1 table th,
.carro1 .categoria1 table td {
    padding: 7px 10px;
}

.carro1 .categoria1 table td:last-child {
    text-align: right;
}

.carro1 .categoria1 table tbody {
    background: white;
}

p.tcategoria {
    text-transform: uppercase;
    padding: 20px 0 0 0;
}

table#tablasort.marcas.diseno tbody {
    height: 318px;
}

table#tablasort.marcas.diseno tbody td div {
    height: initial;
}

.carro1 .ico_regalo {
    background: url(/portal/img/ico_regalo.png) no-repeat left top;
    padding: 11px 7px 9px 22px;
    display: inline-block;
}

.carro1 .ico_grupal {
    background: url(/portal/img/ico_grupal.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_ocio {
    background: url(/portal/img/ico_ocio.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_tecnologia {
    background: url(/portal/img/ico_tecnologia.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_moda {
    background: url(/portal/img/ico_moda.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_complementos {
    background: url(/portal/img/ico_complementos.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_alimentacion {
    background: url(/portal/img/ico_alimentacion.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_nino {
    background: url(/portal/img/ico_nino.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_belleza {
    background: url(/portal/img/ico_belleza.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_hogar {
    background: url(/portal/img/ico_hogar.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.carro1 .ico_ong {
    background: url(/portal/img/ico_ong.png) no-repeat left top;
    padding: 11px 7px 9px 37px;
    display: inline-block;
}

.cerrar {
    position: absolute;
    right: 0;
    margin-right: 5% !important;
    margin-top: -25px;
    color: #87888a;
    font-size: 14px;
}

a.cerrar:hover {
    color: #becf31;
}

.cerrar a {
    color: #87888a;
    text-decoration: none;
}

.cerrar a:hover {
    color: #87888a;
    text-decoration: underline;
}

.carro1 .datos .d_tarjeta label {
    width: 180px;
}

.carro1 .categoria1 label {
    width: 145px;
    display: inline-block;
    position: relative;
    margin-left: -367px;
    text-transform: uppercase;
    color: #888888;
}

.datos textarea {
    border: 1px solid #d8d8d8;
    border-top: 2px solid #d8d8d8;
    border-bottom: none;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 5px;
}

.datos input.button {
    width: 89px;
    height: 27px;
    padding: 15px 21px 43px 10px;
    background: white url(/portal/img/subir_ser.png) no-repeat 74px 45px;
    display: inline-block;
}

.button::-webkit-file-upload-button {
    visibility: hidden;
}

.button:before {
    content: 'Subir imagen';
    display: inline-block;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.d_tarjeta {
    width: 390px;
    margin: 40px 0 40px 18%;
}

.d_tarjeta img {
    -webkit-box-shadow: 0 0 41px -14px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0 0 41px -14px rgba(0, 0, 0, 0.42);
    box-shadow: 0 0 41px -14px rgba(0, 0, 0, 0.42);
}

.sesion a.despliega img {
    margin-top: -5px;
}

#carousel div {
    text-align: center;
    width: 128px;
    height: 43px;
    float: left;
    position: relative;
}

#carousel div img {
    border: none;
    width: 90%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.liquid {
    z-index: 1;
}

.window-container {
    z-index: 999;
}

/*.liquid {padding:10px 0;}
.liquid .previous {
	display:block;
	height:60px;
	width:30px;
	background-image: url(/img/logos/patrocinadores/previous.png);
	float:left;
	margin:0;
	padding:0;
}
.liquid .next {
	display:block;
	height:60px;
	width:30px;
	background-image:url(/img/logos/patrocinadores/next.png);
	float:right;
	margin:0;
	padding:0;
}
.liquid ul li {
	width:126px;
	padding:0 2px;
	margin:0;
}
.liquid ul li a img {

}
*/

.paginador {
    font-size: 12px;
    width: auto;
    clear: both;
}

.paginador div {
    padding-bottom: 4px;
    width: auto;
}

.boton_ant {
    background: url("/portal/img/flecha2.png") no-repeat left;
    width: 33px;
    height: 20px;
    float: left;
    background-size: 54%;
}

/*
.boton_ant:hover {
    background: url("/portal/img/boton_ant_on.png") no-repeat left top;
    display: block;
}
*/

.boton_sig {
    background: url("/portal/img/flecha1.png") no-repeat left;
    width: 33px;
    height: 20px;
    margin-left: 10px;
    float: left;
    background-size: 54%;
}

/*
.boton_sig:hover {
    background: url("/portal/img/boton_sig_on.png") no-repeat left top;
}
*/

.boton_adaptable2,
.boton_adaptable2_selec {
    float: left;
    padding: 2px 3px;
    text-decoration: none;
}

.boton_adaptable2:hover,
.boton_adaptable2_selec:hover {
    text-decoration: underline;
}

div.paginador div:first-child {
    display: none;
}

.ayuda h3:hover,
a.chat:hover {
    background-position: left -39px;
    color: #c4d61c;
}

.formulariochat {
    background: white;
    color: #858688;
    position: absolute;
    width: 166px;
    padding: 30px 20px;
    font-size: 0.8em;
    border: 1px solid #dbd7d3;
    border-top: 0;
    border-left: 0;
    margin-left: 180px;
    margin-top: -132px;
    z-index: 999;
}

.formulariochat .boton_verde {
    margin: 15px auto;
    display: block;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.formulariochat #userinput {
    margin-top: 15px;
}

.formulariochat .textonegrita {
    font-weight: bold;
}

.chatscroll {
    width: 182px;
    height: 121px;
    color: #6a6b6d;
    overflow: scroll;
    background-color: #f7f7f9;
    font-size: 0.75em;
    margin-top: 15px;
}

.overflowhidden {
    width: 166px;
    height: 120px;
    overflow: hidden;
}

.chatscroll .time {
    color: #919294;
}

.chatscroll .postedby {
    color: black;
}

.banner.const {
    border-bottom: 4px solid #c1cd43;
    margin-bottom: 4px;
}

.banner.const div {
    width: 55%;
    padding: 4% 11%;
    text-align: center;
    display: inline-block;
}

.banner.const h1 {
    font-size: 60px;
    margin-bottom: 20px;
    margin-top: 75px;
}

.banner.const p {
    font-size: 20px;
    padding-top: 10px;
}

.banner.const ul li h1 img {
    position: absolute;
    margin-top: -1.9em;
    margin-left: -1em;
    width: 1.7em;
    height: 1.7em;
}

.banner.const .dots,
.banner.reg .dots {
    display: none;
}

.tarjText {
    color: #c1cd43;
    text-transform: uppercase;
}

.tarjText span {
    display: inline-block;
    padding-top: 10px;
    width: 32%;
    padding-left: 112px;
}

.banner.descargar {
    border-bottom: 4px solid #c1cd43;
    margin-bottom: 4px;
}

.banner.descargar p {
    text-align: center;
    border-top: none;
}

.banner.descargar p span {
    padding: 23px 47px 10px 50px;
    border-top: 1px solid #cdcdcd;
    text-transform: uppercase;
    font-size: 0.8em;
}

.banner.descargar p.descarga_botonera {
    padding-top: 0;
}

.banner.descargar .dots {
    display: none;
}

/*popup*/

a.popup {
    color: white;
}

.overlay-container,
.overlay-container-validacion,
.overlay-container-contacto {
    display: none;
    content: " ";
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.35);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.overlay-container-validacion2 {
    display: none;
    content: " ";
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.35);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.overlay-container2 {
    display: none;
    content: " ";
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.35);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;

}

.window-container {
    display: block;
    background: #fcfcfc;
    margin: 0 auto;
    width: 540px;
    padding: 10px 0 20px 30px;
    text-align: left;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
}

.window-container2 {
    display: block;
    background: #fcfcfc;
    margin-top: 85px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 700px;
    padding: 10px 0 20px 30px;
    text-align: left;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
}

.zoomin {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.zoomout {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

.window-container-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    padding-top: 30px;
}

.window-container-visible2 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    padding-top: 30px;
}

.window-container-visible p,
.window-container-visible ul li,
.window-container-visible ol li {
    padding-top: 6px;
    color: black;
    font-size: 14px;
    text-align: left;
}

.window-container h3 {
    margin: 1em 0 0.5em;
    font-family: "Oleo Script", sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}

.close1 {
    color: #c4d61c;
    display: block;
    width: 50px;
    position: relative;
    right: 0;
    height: 50px;
}

.guardarPopUp {
    background: #c4d61c;
    text-align: right;
    margin: 0px 0px 0px 475px;
    display: inline-block;
    border-radius: 5px;
}

.close,
.close-validacion,
.close-contacto {
    background: url(/portal/img/cerrar.png) no-repeat right top;
    display: block;
    width: 50px;
    position: relative;
    right: 0;
    height: 50px;
    margin: -27px 14px -40px 85%;
    text-align: right;
    cursor: pointer;
}

.close-validacion2 {
    background: url(/portal/img/cerrar.png) no-repeat right top;
    display: block;
    width: 50px;
    position: relative;
    right: 0;
    height: 50px;
    margin: -27px 14px -40px 475px;
}

.politica_pop {
    margin-left: -24px;
}

/*popup*/

ul.errorMessage {
    color: black;
    font-weight: normal;
    padding-right: 20px;
    padding-left: 10px !important;
}

ul.lista_visto li {
    background: url(/portal/img/lista_visto.png) no-repeat left 5px;
    padding-left: 25px;
    list-style: none;
}

ol.list_numero {
    counter-reset: li;
    /* Initiate a counter */
    list-style: none;
    /* Remove default numbering */
    *list-style: decimal;
    /* Keep using default numbering for IE6/7 */
    margin-left: 15px;
}

ol.list_numero li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 1em;
    color: #444444;
    text-decoration: none;
}

ol.list_numero li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    color: white;
    left: -1.3em;
    background: #c1cd43;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.65em;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
}

ul.b_verde,
ul.b_verde2 {
    list-style: none;
}

ul.b_verde li,
ul.b_verde2 li {
    text-align: justify;
}

ul.b_verde li:before {
    content: "• ";
    color: #c4d61c;
    /* or whatever color you prefer */
    margin-left: -10px;
}

ul.b_verde2 li:before {
    content: "• ";
    color: #c4d61c;
    /* or whatever color you prefer */
    margin-left: -15px;
}

.mayusculas {
    text-transform: uppercase;
    text-align: justify;
}

.mayusculas span {
    text-transform: none;
}

table.tematica {
    margin-top: 30px;
}

table.tematica th {
    color: #bfcb48;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
}

table.tematica td:first-child {
    border-left: 5px solid #bfcb48;
    padding-left: 19px;
    padding-right: 19px;
    color: #bfcb48 !important;
    text-transform: uppercase;
    text-align: center;
}

table.tematica td:first-child p {
    text-align: center;
    color: #bfcb48 !important;
}

table.tematica td {
    border-top: 13px solid #fcfcfc;
}

table.tematica td:first-child img {
    padding: 0 10px 5px 10px;
    display: initial;
}

table.tematica td div ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table.tematica td div {
    padding: 1px 10px;
    border: 1px solid #bfcb48;
    height: 110px;
    overflow-y: scroll;
    width: 305px;
}

.scroll {
    overflow-y: scroll;
    max-height: 500px;
    min-height: 100px;
    padding-right: 35px;
    padding-top: 30px;
    overflow-x: hidden;
}

.scroll2 {
    max-height: 500px;
    min-height: 100px;
    padding-right: 0px;
    padding-top: 0px;
    overflow-x: auto;
}

.ptb {

    padding: 30px 0;
}

/*.bkempresas, #funcionamiento-particulares { margin-top:-345px;}*/

.h70 {
    height: 70px;
}

nav.iconos {
    width: 95%;
    bottom: 0;
    margin-top: 100px;
}

.texto_soluciones {
    width: 80%;
}

.anterior_siguiente {
    float: right;
}

.boton_anterior,
.boton_siguiente {
    border: none !important;
    padding: 20px;
    text-transform: uppercase;
    width: 135px;
    margin-top: -4px;
    color: transparent;
}

.boton_anterior {
    background: url(/portal/img/atras.png) no-repeat left bottom !important;
    padding: 20px 0 15px 25px !important;
}

.boton_siguiente {
    background: url(/portal/img/siguiente.png) no-repeat left bottom !important;
    padding: 20px 25px 15px 0;
}

.normal {
    font-weight: normal;
}

.formulariochat {
    background: white;
    color: #858688;
    position: absolute;
    width: 166px;
    padding: 30px 20px;
    font-size: 0.8em;
    border: 1px solid #dbd7d3;
    border-top: 0;
    border-left: 0;
    margin-left: 35px;
    margin-top: -132px;
}

.tarjeta_cliente p.saldo,
.d_tarjeta p.saldo {
    text-align: right;
    font-size: 18px;
    padding-top: 20px;
    color: #848587;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */

}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.datos input.boton_link {
    background: url(/portal/img/boton_link.png) no-repeat right bottom;
    border: none;
    font-size: 0.8em;
    padding: 3px 32px 3px 23px;
    text-transform: uppercase;
}

.datos input.boton_agregar {
    background: url(/portal/img/boton_plus.png) no-repeat right bottom;
    padding: 3px 28px 2px 23px;
    border: none;
    font-size: 13px !important;
}

.descargar_documentacion {
    background: url(/portal/img/boton_descarga.png) no-repeat right bottom;
    padding: 19px 44px 5px 30px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
    white-space: nowrap;
}

.descargar_documentacion_edit {
    background: url(/portal/img/boton_descarga.png) no-repeat right bottom;
    padding: 19px 44px 5px 30px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
    white-space: nowrap;
}

input.descargar_documentacion {
    background: url(/portal/img/boton_descarga.png) no-repeat right bottom;
    padding: 19px 39px 5px 85px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
    border: 0;
    width: 300px;
}

input.descargar_documentacion_edit {
    background: url(/portal/img/boton_descarga.png) no-repeat right bottom;
    padding: 19px 39px 5px 20px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
    border: 0;
    width: 255px;
    margin-bottom: 30px;
}

p.p_descargar_tiendas {
    margin-left: 40px;
    margin-top: 30px;
}

.descargar_tiendas {
    background: url(/portal/img/boton_descarga_tienda.png) no-repeat right bottom;
    padding: 19px 42px 5px 16px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
}

.datos input.descargar_pedido {
    background: transparent url(/portal/img/descargar_pedido.png) no-repeat right bottom;
    padding: 19px 44px 5px 19px;
    text-transform: uppercase;
    color: #403f41;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_stdMd', verdana, sans-serif;
    font-size: 12px !important;
    border: none;
}

.datos input.confirmar_pedido {
    background: url(/portal/img/boton_finalizarc.png) no-repeat left bottom;
    border: none;
    text-transform: uppercase;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 20px 21px 15px 19px;
}

.migas_soluciones {
    margin: 7px 0 25px;
}

.migas2 {
    padding: 6px 5% 4px 5.5%;
    position: fixed !important;
    width: 90%;
    z-index: 999 !important;
    margin-top: 6px;
    background: black;
    bottom: 0;
    /* opacity: 0.7; */
    font-size: 0.8em;
    border-top: 1px solid #a9b141;
}

.migas2 span {
    padding: 22px;
    margin-left: -2%;
    margin-top: -5px;
}

.migas2 a,
.migas_soluciones a {
    text-transform: uppercase;
    padding-bottom: 2px;
    text-decoration: none;
    color: white;
}

.migas2 a.on,
.migas2 a:hover,
.migas_soluciones a.on,
.migas_soluciones a:hover {
    text-decoration: none;
    border-bottom: 1px solid white;
    color: white;
}

.banner.reg {
    min-height: 543px;
    border-bottom: 4px solid #c1cd43;
    margin-bottom: 4px;
}

div.registro {
    margin-left: 10%;
    width: 440px;

    padding: 30px 0;
    margin-top: -120px;
}

.fondo_blanco {
    background: white;
    display: inline-block;
    padding: 10px 22px 5px 22px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #5b5b5f;
    font-size: 0.9em;
    text-align: center;
}

.fondo_blanco span {
    text-align: left;
    display: block;
}

div.registro form {
    padding: 10px 40px;
}

.banner.reg h1,
.banner.reg h2 {
    color: white;
    margin-bottom: -7px;
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    margin-top: 4px;
}

.banner.reg p {
    color: #f8f8f8;
    border-top: none;
    padding-top: 0;
    font-size: 15px;
}

.fondo_blanco input {
    margin-top: 10px;
}

.fondo_blanco input[type=text] {
    background: white;
    color: #888888;
    text-align: center;
    padding: 11px 10px;
    font-weight: normal;
    width: 91%;
    border: 1px solid #888888;
}

.fondo_blanco select {
    background: #e7e6e2;
    color: #888888;
    text-align: center;
    padding: 5px 10px;
    font-weight: normal;
    margin-bottom: 12px;
    width: 266px;
    border: 1px solid #888888;
}

.fondo_blanco input[type=password] {
    background: white;
    color: #888888;
    text-align: center;
    padding: 11px 10px;
    font-weight: normal;
    width: 91%;
    border: 1px solid #888888;
}

.fondo_blanco input.boton_verde_reg {
    background: #c4d61c;
    color: white;
    padding: 11px 23px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.8em;
    margin-bottom: 10px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.fondo_blanco input[type=password].boton_verde_reg {
    background: #c4d61c;
    color: white;
    padding: 11px 23px;
    text-transform: uppercase;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.8em;
    margin-bottom: 10px;
    border: 1px solid #c4d61c;
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.fondo_blanco input.boton_verde_reg.on {
    background: #878787;
    border: 1px solid #878787;
    margin-bottom: 19px;
    margin-top: 0;
}

.tiendas ul {
    list-style: none;
    padding-left: 0;
}

.tiendas ul li {
    padding: 10px;
    border-bottom: 1px solid #f1f1f1;
}

.tiendas ul li a {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    outline: none;
}

.tiendas ul li p {
    display: table-cell;
    vertical-align: middle;
}

ul#navigation li.bold a {
    color: black;
}

.banner_mobile {
    display: none;
}

footer.footer ul.redes li {
    float: none;
}

footer.footer ul.redes li.twitter,
footer.footer ul.redes li.facebook,
footer.footer ul.redes li.master {
    float: left;
}

footer.footer ul.redes li.visa {
    margin-top: 5px;
}

footer.footer ul.redes li.master {
    margin-left: 6px;
    margin-right: 10px;
    margin-top: 5px;
}

footer.footer ul.redes li.confianza {
    margin-left: 5px;
    margin-top: 20px;
}

.opacidad * {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* For IE8 and earlier - aplica al contenido evitando el efecto en el borde */

}

.opacidad span {
    background: none repeat scroll 0 0 white;
    color: black;
    font-size: 14px;
    margin-top: 47px;
    position: absolute;
    width: 117px;
}

.saldo b {
    font-weight: 500;
}

#enviocodigo img {
    margin-left: 5px;
    margin-top: -10px;
}

.datos input.boton[value=Modificar] {
    background: url(/portal/img/modificar.png) no-repeat left bottom;
    border: none;
    text-transform: uppercase;
    font-family: Poppins !important;
    font-size: 13px;
    padding: 16px 54px 12px 15px;

}

.mapa {
    padding: 5%;
}

.column {
    position: relative;
    z-index: 1;
    min-height: 2px;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.large-3 {
    width: 25%;
}

.mapa h1 {
    font-size: 25px;
}

.mapa h2 {
    color: #403f41;
    font-family: Poppins !important;
    font-size: 15px;
    border-bottom: 1px solid #9e9fa0;
    padding-bottom: 10px;
}

.mapa h3 {
    color: #403f41;
    font-family: Poppins !important;
    font-size: 12px;
}

.mapa h2 a,
.mapa h3 a {
    text-decoration: none;
    color: #403f41;
}

.mapa h2 a:hover,
.mapa h3 a:hover {
    color: #c4d61c;
}

.mapa .row ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.mapa .row ul li ul {
    margin-left: 1em;
    padding-left: 0;
}

.mapa li a {
    text-decoration: none;
    color: #c4d61c;
    font-size: 13px;
}

.row {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

ul.prensa_listado {
    list-style: none;
}

a.ico_pdf {
    background: url("/portal/img/ico_pdf.png") no-repeat scroll left top transparent;
    color: #403f41;
    line-height: 1.8;
    padding-bottom: 13px;
    padding-left: 25px;
    padding-top: 8px;
    text-decoration: none;
}

#contenido {
    background: white;
}

.banner.reg label {
    display: block;
}

.uno_reg {
    background: url(/portal/img/uno_reg.png) no-repeat left top;
    background-size: 40px;
    padding-left: 50px;
    text-align: left;
}

.dos_reg {
    background: url(/portal/img/dos_reg.png) no-repeat left top;
    background-size: 40px;
    padding-left: 50px;
    text-align: left;
}

.borde {
    width: 58%;
    display: block;
    background: black;
    margin: 0 auto;
    height: 1px;
}

h2.padd {
    margin-bottom: 10px;
}

.tarjeta_digital {
    text-align: right;
    padding-right: 1%;
}

.doscol.dosc p {
    text-align: justify;
    width: 80%;
}

.doscol.dosc ul li {
    text-align: justify;
    width: 70%;
}

.doscol.dosc ul.lista_visto li {
    padding-top: 10px;
    padding-bottom: 10px;
}

#terminoslegales,
#newsletter,
#enviosms,
#datosclienteparticular_usocomercial,
#enviofisico {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 5px 2px 0 5px;
}

.nregalar {
    padding-right: 29%;
}

.cprivacidad {
    margin-left: 28%;
}

.cprivacidad .politica_pop {
    display: block;
    width: 259px;
}

/*
.errorMessage{
	color: #87888a;
    cursor: pointer;
    font-size: 14px;
    padding: 22px 0 4px 35px;
    text-decoration: none;
   	border-style: solid;
   	border-width: 1px 1px 1px 1px;
    color: #87888a;
    cursor: pointer;
    font-size: 14px;
    height: 150px;
    padding: 22px 0 4px 84px;
    text-decoration: none;
    width: 250px;
    background: none repeat scroll 0 0 #fff;
}
.actionMessage{
    color: #87888a;
    cursor: pointer;
    font-size: 14px;
    padding: 22px 0 4px 35px;
    text-decoration: none;
   	border-style: solid;
   	border-width: 1px 1px 1px 1px;
    color: #87888a;
    cursor: pointer;
    font-size: 14px;
    height: 150px;
    padding: 22px 0 4px 84px;
    text-decoration: none;
    width: 250px;
    background: none repeat scroll 0 0 #fff;
}
*/

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1003px) {
    /* Style adjustments for viewports that meet the condition */
    .nregalar {
        padding-right: 0;
    }

    .categoria1 table,
    .categoria1 thead,
    .categoria1 tbody,
    .categoria1 th,
    .categoria1 td,
    .categoria1 tr {
        width: 100%;
    }

    .categoria1 th {
        white-space: nowrap;
    }

    html,
    .trescolum p {
        font-size: 1em;
    }

    .banner h1,
    #slides h1 {
        font-size: 35px !important;
    }

    .banner h2,
    #slides h2 {
        font-size: 20px !important;
    }

    .banner.const h1 {
        font-size: 35px !important;
    }

    .banner.const p {
        font-size: 14px;
        padding-top: 10px;
    }

    .banner div {
        padding-left: 40px;
    }

    .banner li {
        height: 350px !important;
    }

    .regalo {
        width: 100%;
        padding-left: 0;
    }

    p,
    .regalar p,
    .hablamos p {
        font-size: 16px;
        line-height: 20px;
    }

    .bombilla p {
        line-height: 20px;
    }

    .trescolum,
    .doscol {
        display: block;
        width: 100%;
    }

    .doscol.dosc p,
    .doscol.dosc ul li {
        width: 95%;
        margin-left: 0;
    }

    .tarjeta_digital {
        text-align: center !important;
        margin-left: 0;
    }

    .trescolum p {
        padding: 0;
    }

    .contenido_cliente.carro1 {
        width: 94%;
    }

    .datos .categoria1 input.button {
        display: block;
    }

    ul.lista_tarjeta li a {
        font-size: 15px;
        display: table-cell;
        vertical-align: middle;
    }

    .datos label {
        display: block;
    }

    article.menu2 {
        background: none;
    }

    .menu_cliente {
        width: 100%;
        margin-left: 0;
        background: #c4d61c;
    }

    .menu_cliente nav ul {
        padding-left: 5%;
        margin: 0 auto;
        width: 100%;
    }

    .menu_cliente nav ul li,
    .menu_cliente nav ul li:hover {
        display: inline-block;
        padding: 0;
    }

    .menu_cliente nav ul li:before {
        content: "|";
        color: #a9b141;
        display: inline-block;
        font-size: 15px;
    }

    .menu_cliente nav ul li a {
        display: inline-block;
    }

    .menu_cliente nav ul li:hover,
    .menu_cliente nav ul li.on {
        background: none;
        color: white;
        padding: 0;
    }

    .menu_cliente nav ul li a:hover,
    .menu_cliente nav ul li.on a {
        text-decoration: underline;
        color: white;
    }

    .sesion.carro1 {
        background: url(/portal/img/carrologin.png) no-repeat top left;
        padding: 46px 13px 0 61px;
        margin-top: -34px;
    }

    .bkempresas {
        margin-top: -311px;
    }

    nav.pie {
        float: left;
        display: inline-block;
        padding-left: 5%;
    }

    .tarjeta_conte .menu2 {
        float: right;
        margin-top: -121px;
        margin-right: -40px;
    }

    .tarjeta_conte {
        background: url(/portal/img/bk_tarjeta.jpg) no-repeat 97% 133px;
        padding: 0 5% 12% 5%;
        min-height: 412px;
        background-size: 84%;
    }

    #informacion {
        height: 120px;
    }

    /* metemos envio los input de envio fisico */
    #terminoslegales,
    #newsletter,
    #enviosms,
    #datosclienteparticular_usocomercial,
    #enviofisico {
        float: left;
        margin-top: 3px;
        margin-right: 5px;
    }

    span.menu2_empresa.on {
        background: url(/portal/img/ico_menu2.png) no-repeat 0 0;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    span.menu2_empresa {
        background: url(/portal/img/ico_menu2.png) no-repeat 0 -60px;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    span.menu2_particulares.on {
        background: url(/portal/img/ico_menu2.png) no-repeat -60px 0;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    span.menu2_particulares {
        background: url(/portal/img/ico_menu2.png) no-repeat -60px -60px;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    span.menu2_comercio.on {
        background: url(/portal/img/ico_menu2.png) no-repeat -120px 0;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    span.menu2_comercio {
        background: url(/portal/img/ico_menu2.png) no-repeat -120px -60px;
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-right: 5px;
        background-size: 180px 120px;
    }

    .banner .dots {
        margin-left: 167px !important;
        top: 400px !important;
    }

    .banner.reg {
        display: block !important;

        margin-bottom: -37px;
        margin-top: -37px;
    }

    .banner.reg ul li {
        height: 570px !important;
    }

    .rmm.graphite .rmm-main-list li a {
        margin: 0 5px !important;
    }

    p.piesubir {
        display: none;
    }

    #footer .direccion p {
        font-size: 1.1em;
    }

    .direccion p {
        line-height: 16px;
    }

    .sexo label,
    .sexo input {
        display: inline-block;
        margin-right: 6px;
    }

    .carro1 .datos label input[type="radio"] {
        width: 20px !important;
    }

    input[type="checkbox"],
    input[type="radio"] {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        /* IE 9 */
        -moz-transform: scale(1.2, 1.2);
        /* Firefox */
        -webkit-transform: scale(1.2, 1.2);
        /* Safari and Chrome */
        -o-transform: scale(1.2, 1.2);
        /* Opera */
        margin: 5px 5px 0 5px;
    }

    /* separacion literal facturacion  */
    input#facturacion {
        margin-right: 2px;
    }

    .carro1 .categoria1 input[type="file"] {
        width: 250px !important;
        height: 20px;
        margin-bottom: 7px;
    }

    .carro1 .datos label input[type="text"],
    .carro1 .datos label input[type="date"],
    .carro1 .datos label input[type="email"],
    .carro1 .datos label input[type="password"],
    .carro1 .datos label input[type="number"],
    #fechaEnvio,
    #horaEnvio,
    #fechaRelance {
        height: 20px;
        padding-left: 7px;
    }

    .ocultar-banner {
        display: none;
    }

    .error404 {
        width: 100%;
    }

}
#aparticular {
    border-left: 1px solid #c4d61c;
}
#cabecera li a {
    display: block;
    color: #c4d61c;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}
#cabecera {
    text-align: center;
    display: flex;
    justify-content: space-between;
}
#logocabecera, #menuprincipal {
    display: inline-block;
}
#cabecera ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}
#cabecera li {
    float: left;
}
#logocabecera {
    float: left;
}

.activo {
    color: white;
    font-weight: bolder;
}

.activo a:before {
    content: "> ";
    vertical-align: middle;
    color: white;
    font-size: 20px;
}

.activo input:before {
    content: "> ";
    vertical-align: middle;
    color: white;
    font-size: 20px;
}

/*,(min-device-width: 768px) and (max-device-width: 1003px)
*/

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

    .zopim {
        display: none;
    }

    .nregalar {
        padding-right: 0;
    }

    .ocultar_particulares {
        display: none;
    }

    table#tablasort.marcas tbody td .carro {
        background: none !important;
    }

    .contenido_cliente {
        margin: 2% auto !important;
        width: 92% !important;
    }

    .contenido_cliente table#tablasort {
        /* width: 100%!important; */
        margin: 1px auto !important;
    }

    .mayusculas {
        text-transform: uppercase;
        text-align: left;
    }

    .legal p label input {
        float: left;
        margin-right: 6px;
    }

    .carro1 .categoria1 label {
        margin-left: -212px;
        position: absolute;
        margin-top: 73px;
    }

    #tablasort {
        margin: 0 auto;
    }

    table#tablasort tbody td {
        background: white;
        border-left: 0;
    }

    .ejemplotarjeta {
        width: 96% !important;
    }

    .sinmenu .sesion {
        float: left;
        min-width: 169px;
        padding-top: 12px;
        padding-right: 10px;
        text-align: right;
        margin-right: 20px;
    }

    .sinmenu .sesion a.despliega, .sinmenu .sesion a.despliega:hover {
        color: #000000;
    }

    html {
        line-height: 1;
    }

    ul.lista_tarjeta {
        margin-left: 0;
        padding-left: 0;
    }

    ul.lista_tarjeta li {
        margin-bottom: 20px;
    }

    ul.lista_tarjeta li a {
        line-height: 20px;
        /* originalmente 29 muy separado para en movil*/
        height: 50px;
    }

    .banner.const h1 {
        font-size: 28px !important;
    }

    .banner.const p {
        font-size: 12px;
        padding-top: 10px;
    }

    .tarjeta_conte .menu2 {
        float: none;
        margin-top: -120px;
        margin-bottom: 85px;
        margin-right: 0;
    }

    span.menu2_empresa {
        background: url(/portal/img/ico_menu2_peque.png) no-repeat 0 -45px;
        width: 45px;
        height: 45px;
        display: inline-block;
    }

    span.menu2_particulares {
        background: url(/portal/img/ico_menu2_peque.png) no-repeat -45px -45px;
        width: 45px;
        height: 45px;
        display: inline-block;
    }

    span.menu2_comercio {
        background: url(/portal/img/ico_menu2_peque.png) no-repeat -90px -45px;
        width: 45px;
        height: 45px;
        display: inline-block;
    }

    span.menu2_empresa.on {
        background-position: 0 0;
        background-size: 134px 90px;
        width: 45px;
        height: 45px;
    }

    span.menu2_particulares.on {
        background-position: -45px 0;
        background-size: 134px 90px;
        width: 45px;
        height: 45px;
    }

    span.menu2_comercio.on {
        background-position: -90px 0;
        background-size: 134px 90px;
        width: 45px;
        height: 45px;
    }

    ul.bullet_verde {
        margin-left: 5px;

        padding-bottom: 15px;
    }

    .textos .btgrafica {
        text-align: center;
    }

    nav.iconos {
        margin-top: 30%;
        margin-left: -34px;
        width: 100%;
    }

    nav.iconos ul li a {
        font-size: 0.9em;
    }

    .texto_soluciones {
        width: 100%;
    }

    .solempresas h2,
    .solparticulares h2,
    .solcomercios h2 {
        width: 100%;
    }

    .solempresas nav ul li.donde a:hover,
    .solparticulares nav ul li.donde a:hover,
    .solcomercios nav ul li.donde a:hover,
    .solempresas nav ul li.info a:hover,
    .solparticulares nav ul li.info a:hover,
    .solcomercios nav ul li.info a:hover,
    .solempresas nav ul li.info a,
    .solparticulares nav ul li.info a,
    .solcomercios nav ul li.info a,
    .solempresas nav ul li.donde a,
    .solparticulares nav ul li.donde a,
    .solcomercios nav ul li.donde a,
    .solempresas nav ul li.como.on a,
    .solparticulares nav ul li.como.on a,
    .solcomercios nav ul li.como.on a {
        background-size: 41px 41px, 32px 16px;
    }

    .carro1 .categoria,
    .carro1 .categoria1 {
        padding: 4px;
    }

    .carro1 .categoria,
    .carro1 .categoria1 {
        width: auto;
    }

    .carro1 .categoria label {
        width: 295px;
        margin-right: 0;
        float: left;
    }

    .datos input[type=file] {
        width: 280px !important;
    }

    .datos textarea {
        width: 280px;
    }

    .d_tarjeta img {
        width: 305px;
        height: 188px;
    }

    .carro1 .categoria1 label {
        margin-left: -297px;
    }

    .d_tarjeta {
        width: 330px;
    }

    p.saldo {
        width: 301px;
    }

    .formulario, .formularioclientes {
        margin-top: 36px;
        z-index: 999;
    }

    footer {
        padding: 5% 2% 3% 2%;
    }

    .contenido_cliente {
        float: none;
        margin-top: 60px;
    }

    .menu_cliente {
        background: #c4d61c;
        padding: 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .menu_cliente nav ul li {
        color: #c4d61c;
        float: left;
        margin-top: 24px;
    }

    /*.banner ul li { background:#c4d61c!important; background-position:right top; padding-top:100px;}
                                                                                                                                                                                                                                                                                                                                                      	.banner h1, .banner h2, .banner p{color:#fff!important; z-index:999}

                                                                                                                                                                                                                                                                                                                                                        	.banner ul li div {z-index:999;}*/
    div.banner_mobile {
        height: 418px;
    }

    .banner_mobile {
        display: block;
        padding: 3% 8% 5%;
        background: #f2f2f2;
    }

    .banner_mobile img {
        margin-bottom: 20px;
    }

    .banner_mobile h1 {
        text-align: center;
        color: #858688;
        text-transform: uppercase;
        font-family: 'omnesregular', sans-serif;
        font-size: 45px;
        padding-bottom: 20px;
        border-bottom: 1px solid #c4d61c;
    }

    .banner_mobile p {
        z-index: 999;
        text-align: center;
        margin-top: 10px;
    }

    .banner,
    #slides {
        display: none !important;
    }

    .banner.reg {
        display: block !important;
        margin-top: -37px;
        height: 500px;
    }

    .banner.descargar {
        display: block !important;
        margin-top: -37px;
    }

    .banner.reg ul li {
        background: white !important;
        border: 0;
        height: 380px !important;

    }

    div.registro {
        padding-left: 0;
        margin-left: 0;
        color: white;
        width: 100%;
        text-align: center;
    }

    .form_reg input[type=text],
    .form_reg input[type=password] {
        width: 200px;
    }

    .regalar h2,
    h2,
    h3 {
        margin: 20px 0 0 0;
        font-size: 30px !important;
        line-height: 30px !important;
    }

    h3 {
        font-size: 13px !important;
    }

    h3 div.h3 {
        font-size: 13px !important;
    }

    .scroll {
        height: 268px;
    }

    .trescolum h3 {
        font-size: 18px !important;
        line-height: 23px !important;
        margin-top: 10px;
    }

    .masinfo h2 {
        margin: 0;
    }

    .hablamos {
        padding: 30px 15% 8%;
    }

    .conocer {
        padding: 74px 8% 30px 8%;
    }

    .botonera ul li {
        display: block;
        margin-bottom: 30px;
    }

    table#tablasort {
        width: 280px;
    }

    table#tablasort tbody {
        width: 280px;
    }

    a.bullet {
        padding: 18px 47px 16px 49px;
        width: 78%;
    }

    a.boton_verde {
        padding: 18px 0;
        margin: 10px 0 5px;
    }

    .bkempresas {
        margin-top: 12px !important;
    }

    .logo {
        height: 54px;
        float: left;
    }

    header.header ul.redes {
        float: right;
    }

    .regalar {
        height: 471px !important;
    }

    .contenido_cliente {
        width: 94%;
    }

    ul.b_verde2,
    ul.lista_visto {
        padding: 0 0 0 10px;
        margin: 0;
    }

    nav.iconos ul {
        width: 100%;
    }

    .menu_cliente nav ul {
        margin-top: 17px;
    }

    .menu_cliente nav ul li {
        margin-top: 0;
    }

    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    .lista_beneficiarios,
    .lista_operaciones,
    .caracteristica,
    .lista_beneficiarios2,
    .lista_operaciones2,
    .caracteristica2 {
        width: 90%;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #tablasort tr {
        border: 1px solid #cccccc;
    }

    table#tablasort tbody td {
        padding: 6px 0 0 107px;
        text-align: left;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table#tablasort.marcas tbody td {
        padding: 5px 30px;
    }

    table#tablasort.marcas td:nth-child(1),
    table#tablasort.marcas td:nth-child(2),
    table#tablasort.marcas td:nth-child(3),
    table#tablasort.marcas td:nth-child(4),
    table#tablasort.marcas td:nth-child(5) {
        width: 160px;
    }

    table#tablasort2.marcas td:nth-child(1),
    table#tablasort2.marcas td:nth-child(2),
    table#tablasort2.marcas td:nth-child(3),
    table#tablasort2.marcas td:nth-child(4),
    table#tablasort2.marcas td:nth-child(5) {
        width: 312px;
    }

    table#tablasort {
        margin-top: 90px;
    }

    /*
                                                                                                                                                                                                                                                                                                                                                      	Label the data
                                                                                                                                                                                                                                                                                                                                                      	*/
    /*Tabla particulares*/
    table#tablasort.particulares tbody td:nth-of-type(1):before {
        content: "Editar";
    }

    table#tablasort.particulares tbody td:nth-of-type(2):before {
        content: "Nombre";
    }

    table#tablasort.particulares tbody td:nth-of-type(3):before {
        content: "Email";
    }

    table#tablasort.particulares tbody td:nth-of-type(4):before {
        content: "Telefono";
    }

    table#tablasort.particulares tbody td:nth-of-type(5):before {
        content: "Envío";
    }

    table#tablasort.particulares tbody td:nth-of-type(6):before {

        content: "Importe";
    }

    table#tablasort.particulares tbody td:nth-of-type(7):before {
        content: "Alerta";
    }

    /*Tabla ComercioMulti/corporativo campañas de tarjetas*/
    table#tablasort.campanast tbody td:nth-of-type(1):before {
        content: "Nombre";
    }

    table#tablasort.campanast tbody td:nth-of-type(2):before {
        content: "Lanzamiento";
    }

    table#tablasort.campanast tbody td:nth-of-type(3):before {
        content: "Caducidad";
    }

    table#tablasort.campanast tbody td:nth-of-type(4):before {
        content: "Nº Tarjetas";
    }

    table#tablasort.campanast tbody td:nth-of-type(5):before {
        content: "Volumen emitido";
    }

    table#tablasort.campanast tbody td:nth-of-type(6):before {
        content: "Seleccionar";
    }

    /*Tabla comercioMulti/comerciomono venta en TPV*/
    table#tablasort.comerciomultit tbody td:nth-of-type(1):before {
        content: "Autorización";
    }

    table#tablasort.comerciomultit tbody td:nth-of-type(2):before {
        content: "Fecha y hora";
    }

    table#tablasort.comerciomultit tbody td:nth-of-type(3):before {
        content: "Concepto";
    }

    table#tablasort.comerciomultit tbody td:nth-of-type(4):before {
        content: "Importe";
    }

    /*Tabla comercioMulti Tarjetas*/
    table#tablasort.comerciomultiTjtat tbody td:nth-of-type(1):before {
        content: "Nombre";
    }

    table#tablasort.comerciomultiTjtat tbody td:nth-of-type(2):before {
        content: "Email";
    }

    table#tablasort.comerciomultiTjtat tbody td:nth-of-type(3):before {
        content: "Importe";
    }

    table#tablasort.comerciomultiTjtat tbody td:nth-of-type(4):before {
        content: "Vencimiento";
    }

    table#tablasort.comerciomultiTjtat tbody td:nth-of-type(5):before {
        content: "Estado";
    }

    /*Tabla comercioMonoMarca Tarjetas*/
    table#tablasort.comerciomonoTjtat tbody td:nth-of-type(1):before {
        content: "Emisión";
    }

    table#tablasort.comerciomonoTjtat tbody td:nth-of-type(2):before {
        content: "Importe";
    }

    table#tablasort.comerciomonoTjtat tbody td:nth-of-type(3):before {
        content: "Estado";
    }

    table#tablasort.comerciomonoTjtat tbody td:nth-of-type(4):before {
        content: "Email";
    }

    /*Tabla corporativo Tarjetas*/
    table#tablasort.corporativoTjtat tbody td:nth-of-type(1):before {
        content: "Nombre";
    }

    table#tablasort.corporativoTjtat tbody td:nth-of-type(2):before {
        content: "Importe";
    }

    table#tablasort.corporativoTjtat tbody td:nth-of-type(3):before {
        content: "Vencimiento";
    }

    table#tablasort.corporativoTjtat tbody td:nth-of-type(4):before {
        content: "Estado";
    }

    table#tablasort tbody td:nth-of-type(1):before {
        content: "Nombre";
    }

    table#tablasort tbody td:nth-of-type(2):before {
        content: "Teléfono";
    }

    table#tablasort tbody td:nth-of-type(3):before {
        content: "Fecha de envío";
    }

    table#tablasort tbody td:nth-of-type(4):before {
        content: "Importe tarjeta";
    }

    table#tablasort tbody td:nth-of-type(5):before {
        content: "Alerta";
    }

    table#tablasort.marcas tbody td:nth-of-type(1):before {
        content: "";
    }

    table#tablasort.marcas tbody td:nth-of-type(2):before {
        content: "";
    }

    table#tablasort.marcas tbody td:nth-of-type(3):before {
        content: "";
    }

    table#tablasort.marcas tbody td:nth-of-type(4):before {
        content: "";
    }

    table#tablasort.marcas tbody td:nth-of-type(5):before {
        content: "";
    }

    table#tablasort.mov tbody td:nth-of-type(1):before {
        content: "Comercio";
    }

    table#tablasort.mov tbody td:nth-of-type(2):before {
        content: "Fecha";
    }

    table#tablasort.mov tbody td:nth-of-type(3):before {
        content: "Concepto";
    }

    table#tablasort.mov tbody td:nth-of-type(4):before {
        content: "Id tarjeta";
    }

    table#tablasort.mov tbody td:nth-of-type(5):before {
        content: "Saldo";
    }

    table#tablasort.mov tbody td:nth-of-type(6):before {
        content: "Importe";
    }

    footer.footer {
        padding: 10% 5%;
    }

    footer ul.redes,
    .direccion,
    nav.pie {

        width: 29%;

        padding: 0;

        margin-right: 4%;
    }

    .ayuda {
        display: none;
    }

    p.piesubir {
        margin: 50px 0 0 0;
    }

    nav.pie ul {
        padding: 0;
        margin: 0;
    }

    .tarjeta_conte {
        background: none;
        padding: 6% 5% 2%;
    }

    table.tematica {
        width: 213px;
    }

    table.tematica td {
        padding-left: 0;
    }

    table.tematica td:first-child {
        border-left: 0;
    }

    table.tematica td div {
        border: none;
        width: 188px;
        text-align: left;
    }

    table.tematica td:first-child img {
        padding: 0 10px 5px 10px;
        display: block;
        text-align: center;
        margin-left: 44px;
    }

    table.tematica th {
        padding: 5px 0;
    }

    .window-container {
        width: 262px;
    }

    .close,
    .close-validacion {
        margin-left: 191px;
    }

    header.header ul.redes {
        margin-top: 15px;
        margin-bottom: -5px;
    }

    .regalar {
        background: #2f2b28 url(/portal/img/tarjeta_peque.jpg) no-repeat left top;
        background-size: cover;
    }

    .bkempresas h3 {
        width: 321px;
    }

    h3 div.h3 {
        width: 252px;
    }

    .tarjeta_regalo,
    .tarjeta_regalo2,
    .tarjeta_operaciones,
    .tarjeta_operaciones2,
    .tarjeta_beneficiarios,
    .tarjeta_beneficiarios2 {
        padding-left: 51px !important;
    }

    #informacion {
        height: 147px;
    }

    #funcionamiento-particulares {
        padding-top: 121px;
        padding-bottom: 121px;
    }

    .tarjeta {
        margin-left: 10%;
    }

    div.registro {
        background: #f2f2f2;
        margin-left: 0;
    }

    .grafica,
    .tarjeta img {
        display: none;
    }

    .tarjeta .textos {
        position: relative;
    }

    .textos .uno,
    .textos .dos,
    .textos .tres,
    .textos .cuatro,
    .textos .cinco {
        position: relative;
        width: 100%;
        margin: 0;
    }

    .textos .uno img {
        display: block;
    }

    .textos h3 {
        border-bottom: 0;
    }

    .textos .dos h3,
    .textos .tres h3 {
        background: none;
        padding: 0;
    }

    .textos .cuatro h3,
    .textos .cuatro ul,
    .textos .cinco h3 {
        text-align: left;
    }

    .textos .dos ul {
        padding: 0 0 0 58px;
    }

    .textos .cuatro ul {
        padding-left: 61px;
    }

    .uno:before,
    .dos:before,
    .tres:before,
    .cuatro:before,
    .cinco:before {
        display: inline-block;
        color: white;
        background: #c1cd43;
        height: 3em;
        width: 3em;
        line-height: 3.2em;
        text-align: center;
        font-weight: bold;
        border-radius: 2em;
        float: left;
        margin-right: 12px;
        margin-top: -4px;
    }

    .uno:before {
        content: "1";
    }

    .dos:before {
        content: "2";
    }

    .tres:before {
        content: "3";
    }

    .cuatro:before {
        content: "4";
    }

    .cinco:before {
        content: "5";
    }

    .banner .dots {
        display: none;
    }

    .menu_cliente nav {
        padding-right: 20px;
    }

    p.p_descargar_tiendas {
        margin-left: 60px;
        margin-top: 53px;
    }

    .descargar_documentacion {
        white-space: nowrap;
    }

    #bodyTable td {
        padding-left: 0;
    }

    #bodyTable tr {
        border: 0;
    }

    #bodyTable td h2 {
        font-size: 21px !important;
    }

    .carro1 ol li {
        text-align: left;
    }

    .xdsoft_calendar table,
    .xdsoft_calendar thead,
    .xdsoft_calendar tbody,
    .xdsoft_calendar th,
    .xdsoft_calendar td,
    .xdsoft_calendar tr {
        display: table-cell;
        padding-left: 0;
    }

    .xdsoft_calendar tr {
        display: table-row;
    }

    .categoria1 table {
        display: table;
        padding-left: 0;
    }

    .categoria1 table tr {
        border: 0;
    }

    .categoria1 table thead tr {
        position: relative;
        top: 0;
        left: 0;
    }

    .categoria1 thead {
        display: table-row-group;
    }

    .categoria1 table.resul {
        width: 90px !important;
    }

    .categoria1 table th,
    .categoria1 table td {
        display: table-cell;
    }

    .carro1 .categoria1 table label {
        width: 100px;
    }

    .carro1 .datos label input {
        width: 120px !important;
    }

    .carro1 .datos label input[type=checkbox] {
        width: 13px !important;
    }

    .carro1 .datos p.numero {
        text-align: center;
    }

    .anterior_siguiente {
        display: inline-block;
        margin-top: 30px;
    }

    .closepopup #formularioEnvioTienda input[type=text],
    #formularioEnvioTienda textarea {
        width: 200px !important;
        height: 35px;
    }

    .email table table td div {
        margin-left: 0 !important;
    }

    table table td div.tg {
        margin-left: 0 !important;
    }

    table.alto {
        padding-left: 0;
    }

    table.alto td {
        text-align: left;
    }

    table.alto tr {
        border: 0;
    }

    table.alto thead tr {
        position: relative;
        top: 0;
        left: 0;
    }

    table.alto td:nth-child(1),
    table.alto th:nth-child(1),
    table.alto td:nth-child(2),
    table.alto th:nth-child(2),
    table.alto td:nth-child(3),
    table.alto th:nth-child(3) {
        width: 100%;
    }

    table.mail_pre {
        border: 0;
        min-width: 400px;
    }

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

    .large-3 {
        width: 100%;
    }

    .banner.reg label input {
        display: block;
        width: 80%;
    }

    /*table.mail_pre span.saldo {left: 0; margin-left: 218px;}*/
    .banner.reg h1,
    .banner.reg h2 {
        color: #878787;
        border-bottom: 1px solid #878787;
        padding-bottom: 5px;
        margin: 0 15%;
        font-size: 45px;
    }

    .banner.reg p {
        color: #878787;
    }

    .recuperar_contra {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 0.9em;
        text-align: center;
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    ul.redes li.twitter,
    ul.redes li.facebook,
    ul.redes li.linkedin {
        display: none;
    }

    .menu_cliente {
        margin-top: 0;
    }

    .home header {
        margin-top: 0 !important;
    }

    .proveedor {
        display: none;
    }

    .trescolum p.p3col a {
        font-size: 1.1em;
    }

    .h70 {
        height: 0;
    }

    .direccion,
    nav.pie ul li {
        font-size: 0.9em;
    }

    .confianza img {
        height: 48px;
    }

    .categoria table,
    .categoria thead,
    .categoria tbody,
    .categoria th,
    .categoria td,
    .categoria tr {
        display: grid;
    }

    input[type='text'],
    input[type='password'] {
        padding: 5px 5px 5px 7px;
    }

    .numeropre {
        display: none
    }
}

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

    #carousel div img {
        border: none;
        width: 65%;
        height: auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .rmm {
        width: 49px;
        float: right;
        margin-top: 8px !important;
        position: absolute;
        right: 24px;
    }

    ul.redes li.twitter, ul.redes li.facebook, ul.redes li.linkedin {
        display: none;
    }

    .cerrar {
        margin-right: 1%;
    }

    /* alineamos a la derecha respecto a boton hamburguesa */
    .rmm.graphite .rmm-toggled-title {
        position: relative;
        top: 9px;
        left: 15px;
        font-size: 16px;
        color: white;
        display: none;
    }

    .rmm.graphite .rmm-button {
        display: block;
        position: absolute;
        right: 13px;
        top: 8px;
    }

    header.header ul.redes {
        margin-top: 10px;
        margin-right: 122px;
    }

    .close,
    .close-validacion,
    .close-contacto {
        background: url(/portal/img/cerrar.png) no-repeat right top;
        display: block;
        width: 50px;
        position: absolute;
        /* quitamos relative */
        right: 0;
        height: 50px;
        margin: -27px 14px -40px 475px;
        background-size: 79%;
        cursor: pointer;
    }

    .solcomercios,
    .solparticulares,
    .solempresas {
        margin-top: 0;
    }

    header.header ul.redes.sinmenu {
        margin-right: -45px;
    }
}

@media only screen and (min-width: 734px) and (max-width: 988px) {
    #funcionamiento-particulares {
        padding-left: 2%;
    }

    .tarjeta img {
        width: 469px !important;
    }

    .grafica img {
        width: 465px !important;
        margin-left: -10px;
        margin-top: -25px;
    }

    .grafica {
        margin-left: 10px;
    }

    .tarjeta {
        margin-left: 135px;
    }

    .tarjeta .uno img {
        width: 120px !important;
    }

    .textos .dos h3 {
        padding: 107px 9px 5px 0;
        background: none;
    }

    .textos .dos {
        width: 220px;
    }

    .textos .tres h3 {
        background: none;

        padding: 19px 0 5px 1px;
    }

    .textos .tres {
        position: absolute;
        margin-top: -311px;
        margin-left: 255px;
        width: 197px;
    }

    .textos .cuatro h3 {
        text-align: left;
    }

    .textos .cuatro ul {
        padding-left: 34px;
    }

    .textos .cuatro {
        position: absolute;
        margin-top: -228px;
        margin-left: 399px;
        width: 206px;
    }

    .textos .cinco {
        position: absolute;
        margin-top: -138px;
        margin-left: 480px;
        width: 123px;
    }
}

@media only screen and (min-width: 512px) and (max-width: 734px) {
    #informacion {
        height: 120px;
    }

    .masinfo h2 {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 943px) {
    /*.home header {
                                                                                                                                                                            margin-top: 37px;
                                                                                                                                                                          }*/
    .ayuda {
        background: none;
        margin-top: -8px;
        padding-left: 0;
    }

    input[type="checkbox"],
    input[type="radio"] {
        transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        /* IE 9 */
        -moz-transform: scale(1.2, 1.2);
        /* Firefox */
        -webkit-transform: scale(1.2, 1.2);
        /* Safari and Chrome */
        -o-transform: scale(1.2, 1.2);
        /* Opera */
        margin: 5px 5px 0 5px;
    }

    .seleccionar_img {
        display: none;
    }

    /*input[type="text"],
                                                                                                                                                                                                                                                                                                                      input[type="text"] {
                                                                                                                                                                                                                                                                                                                        padding: 5px;
                                                                                                                                                                                                                                                                                                                      }*/
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    ul.actionMessage {
        padding: 20px 10px 0 0;
    }

    .tarjeta_conte {
        background: none;
        padding: 11% 5%;
        margin-bottom: -220px;
    }

    .home {
        padding-top: 70px;
    }

    .carro1 .ico_regalo {
        background: url(/portal/img/ico_regalo.png) no-repeat left top;
        padding: 11px 7px 23px 22px;
        display: inline-block;
    }

    #codigodescuento {
        height: 35px !important;
        padding: 0 5px;
    }

    .nomovil {
        display: none;
    }

    a.bullet {
        /* margin: 0px; */
        display: inline-block;
        padding: 18px 25px 15px 25px;
    }

    .upper a.bullet {
        font-size: 1.3em;
    }

    a.boton_verde {
        width: 100%;
    }

    .overlay-container {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }

    .tarjeta_conte h2 {
        width: auto;
        font-size: 0.8em;
    }

    .tarjeta_conte .menu2 {
        float: none;
        margin-top: -186px;
        margin-bottom: 152px;
        margin-right: 0;
    }

    .funcionamiento-comercios {
        min-height: 770px;
    }

    h3 div.h3 {
        width: 153px;
    }

    .bkempresas h3 {
        width: 199px;
    }

    .funcionamiento-comercios h3 {
        font-size: 1.3em;
        border-bottom: 1px solid #858688;
        width: 199px;
    }

    .funcionamiento-comercios h3 div.h3 {
        width: 154px;
        line-height: 29px;
    }

    table#tablasort {
        margin-top: 0;
        width: 310px;
        font-size: 12px;
    }

    table#tablasort tbody {
        width: 315px;
    }

    .tarjeta_cliente p.saldo,
    .d_tarjeta p.saldo {
        width: 239px;
    }

    .copy {
        margin-top: 17px;
    }

    .trescolum p {
        font-size: 1em;
        margin-top: 20px;
    }

    .p3col a b {
        font-size: 1.1em;
    }

    .descargar_documentacion {
        margin-top: 25px;
    }

    .trescolum {
        margin-bottom: 30px;
    }

    .conocer {
        padding: 80px 8% 0 8%;
    }

    .regalar p,
    .hablamos p {
        padding: 4px 16px;
    }

    .bkempresas {
        min-height: 800px;
    }

    .window-container {
        margin-top: 20px;
    }

    .bombilla {
        background: url(/portal/img/bombilla.png) no-repeat left center;
    }

    .bombilla p {
        line-height: 16px !important;
    }

    .window-container {
        width: 235px;
    }

    .carro1 .datos table#tablasort tbody {
        border: 1px solid #cdcdcd;
    }

    #informacion {
        height: 233px;
    }

    .hablamos form input[type="text"],
    .hablamos form textarea {
        width: 90%;
    }

    .carro1 .categoria,
    .carro1 .categoria1 {
        width: auto;
        padding: 6%;
        margin-left: -20px;
    }

    .carro1 .categoria1 span {
        padding: 0 !important;
    }

    .carro1 .categoria1 span span {
        display: block;
        margin-bottom: 7px;
    }

    .carro1 .categoria1 input {
        margin: 0;
        display: block;
    }

    .datos textarea {
        width: 197px;
    }

    .d_tarjeta {
        margin: 26px 0;
        width: 100%;
    }

    .d_tarjeta img {
        width: 224px;
        height: 140px;
    }

    .boton_anterior,
    .boton_siguiente {
        font-size: 13px;
    }

    .datos input.boton1 {
        font-family: Poppins !important;
        font-size: 13px;
    }

    ul.errorMessage {
        padding-left: 0;
    }

    .carro1 .datos p {
        font-size: 14px;
    }

    .xdsoft_datetimepicker .xdsoft_calendar td > div {
        padding: 10px 10px 10px 7px;
    }

    .carro1 .categoria1 table.resul td {
        width: 150px;
    }

    ul.redes li.twitter,
    ul.redes li.facebook,
    ul.redes li.linkedin {
        display: none;
    }

    .menu_cliente {
        margin-top: 0;
    }

    .derecho_img {
        display: none;
    }

    .home header {
        margin-top: 0;
    }

    div.registro form {
        padding: 10px 40px;
    }

    .banner.reg {
        min-height: 831px;
        height: 831px !important;
    }

    .banner.reg h1,
    .banner.reg h2 {
        margin-top: 0;
    }

    footer ul.redes,
    .direccion,
    nav.pie {
        display: block;
        width: 100%;
    }

    .seleccionar_img {
        display: none;
    }

    .datos input.boton1 {
        display: none;
    }

    #2c9f201e48efc3ac0148f03959c90037 {
        display: none;
    }

    .pregistro {
        text-align: center;
    }

    #enviocodigo img {
        margin-left: 0;
        margin-top: 7px;
    }

    .boton_anterior {
        padding-left: 35px !important;
    }

    .sesion a.despliega img,
    .banner_resumen,
    form#valorar,
    form#suscripcion,
    #previsualizar {
        display: none;
    }

    form#particular div.numero {
        text-align: center;
    }

    .datos input.boton[value=Modificar] {
        padding: 16px 35px 12px 13px;
    }

    .ocultar {
        display: none;
    }

    .doscol.dosc ul li {
        text-align: justify;
        width: 80%;
    }

    ul.lista_tarjeta li a {
        font-size: 15px;
        vertical-align: middle;
        display: inline-table;
        padding-top: 4%;
    }

    ul.lista_tarjeta {
        margin-left: 0;
        padding-left: 0;
        padding-top: 17px;
    }

    .bloque{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 1300px) {
    .seleccionar_img {
        display: none;
    }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 1300px) {
    .seleccionar_img {
        display: none;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
                                                                                                                                                                                                                                                                                                                                                           * Don't show links for images, or javascript/internal links
                                                                                                                                                                                                                                                                                                                                                           */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
        /* h5bp.com/t */

    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* modificaciones mobile responsive */

/* tarjeta responsive */

@media only screen and (max-width: 480px) {
    .tarjeta_cliente {
        margin-left: 0;
    }

    .tarjeta_cliente p.saldo {
        padding-top: 0;
    }
}

/* ejemplo tarjeta */

@media only screen and (max-width: 767px) {
    .ejemplotarjeta {
        height: auto;
    }

    table#tablasort.marcas.tipo2 tbody.size4 {
        height: 479px !important;
    }
}

/* formulario datos recibir newsletter */

@media only screen and (max-width: 480px) {
    .legal > p {
        margin: 0 0 15px 0;
    }
}

/* formulario participantes */

#participantes #insertar {
    width: auto;
}

.botonera ul li.euro_bt a[href="recargartarjeta"] {
    font-size: 16px;
}

/* formulario recarga - boton confirmar */

#realizarrecarga p.numero #nextBtn {
    padding: 16px 52px 12px 12px;
}

/*padding input*/

input[type='text'],
input[type='password'] {
    padding-left: 7px;
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .datos input.boton_agregar {
        background: url(/portal/img/boton_plus_mobile.png) no-repeat right bottom;
        margin-left: 12px !important;
        padding: 38px 30px 15px 38px !important;
    }

    /* Separacion del como funciona en movil */
    .regalar h2 {
        padding: 60px 0 0 0;
    }

    /* baja coste 0.5 en movil a suguiente linea */
    #icoRelance + span {
        display: inline-block;
    }

    .carro1 .categoria1 label {
        margin-left: -216px;
    }
}

/* oculta previsualizar en movil */

@media only screen and (min-width: 0px) and (max-width: 767px) {
    #previsualizar {
        display: none;
    }
}

/* menu navegacion en tablet y movil */

@media only screen and (min-width: 767px) and (max-width: 1003px) {
    .menu_cliente nav {
        width: 95%;
    }

    .numero {
        width: 646px;
    }
}

/* interlineado movil de 29 a 767 y 20 a 480 */

@media only screen and (max-width: 480px) {
    /* checkbox de comercios al centro */
    .marcas td[name="Multi"] p.numero {
        text-align: center !important;
        margin: 0;
    }

    ul.lista_tarjeta li a {
        line-height: 20px !important;
    }

    /* ajustes linea superiores*/
    #regalar-tarjeta,
    #contacta {
        padding-top: 40px;
    }

    #contacta {
        padding-top: 40px;
        background: #222222;
    }

    /**/
    p,
    .regalar p,
    .hablamos p {
        line-height: 1.5 !important;
    }

    .carro1 .datos table#tablasort tbody {
        width: 280px !important;
    }

    table.resul {
        margin-top: 40px !important;
    }

    /*
                                                                                                                                                                                                                                              .contenido_cliente.carro1 {
                                                                                                                                                                                                                                                width: 94%!important;
                                                                                                                                                                                                                                              }*/
}

table.marcas {
    border-collapse: separate !important;
}

@media screen and (min-width: 0\0
) {
    table.marcas {
        border-collapse: separate !important;
    }
}

@media only screen and (max-width: 979px) {
    .upper.pb20 {
        padding-top: 5px !important;
    }
}

/* bordes en la tablet */
/* Portrait tablet a landscape tablet - ipad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    *:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    *:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

/* Portrait tablet a landscape tablet - galaxy */

@media only screen and (max-device-width: 800px) and (orientation: portrait) {
    *:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (max-device-width: 1280px) and (orientation: landscape) {
    *:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (max-width: 767px) {
    .contenido_cliente.carro1 {
        width: 94% !important;
    }
}

/* text area longitud en tablet */

@media only screen and (min-width: 767px) and (max-width: 1003px) {
    #idTxtEmail {
        width: 500px;
    }
}

/* recolocacion iconos mobile */

@media only screen and (max-width: 480px) {
    .solparticulares nav ul li.como.on a,
    .solempresas nav ul li.como.on a,
    .solcomercios nav ul li.como.on a {
        background-image: url("/portal/img/funciona.png"), url("/portal/img/triangulo.png");
        background-position: 4px 0px, 7px bottom;
    }

    .solparticulares nav ul li.donde a {
        background-image: url('/portal/img/estamos.png'), url('/portal/img/triangulo.png');
        background-position: 6px 0, -32px bottom;
    }

    .solparticulares nav ul li.donde a:hover {
        background-image: url('/portal/img/estamos.png'), url('/portal/img/triangulo.png');
        background-position: 6px 0, 10px bottom;
    }
}

@media only screen and (max-width: 320px) {
    .closepopup .datos {
        width: 160px;
    }

    .trescolum h3 a.mostrar_empresa {
        background: transparent url("/portal/img/empresa.png") no-repeat scroll 27px 49px;
    }

    .trescolum h3 a.mostrar_empresa:hover {
        background: url(/portal/img/empresa.png) no-repeat 27px -90px;
    }

    .trescolum h3 a.mostrar_particulares {
        background: transparent url("/portal/img/particulares.png") no-repeat scroll 27px 49px;
    }

    .trescolum h3 a.mostrar_particulares:hover {
        background: url(/portal/img/particulares.png) no-repeat 27px -90px;
    }

    .trescolum h3 a.mostrar_comercios {
        background: transparent url("/portal/img/comercios.png") no-repeat scroll 27px 49px;
    }

    .trescolum h3 a.mostrar_comercios:hover {
        background: url(/portal/img/comercios.png) no-repeat 27px -90px;
    }

    /* iconos empresa-particulares */
    .solempresas nav ul li.como.on a,
    .solparticulares nav ul li.como.on a,
    .solcomercios nav ul li.como.on a {
        background-image: url("/portal/img/funciona.png"), url("/portal/img/triangulo.png");
        background-position: 6px 0px, 7px bottom;
    }

    .solempresas nav ul li.donde a,
    .solparticulares nav ul li.donde a,
    .solcomercios nav ul li.donde a {
        background-image: url('/portal/img/estamos.png'), url('/portal/img/triangulo.png');
        background-position: 6px 0, -32px bottom;
    }

    .solempresas nav ul li.donde a:hover,
    .solparticulares nav ul li.donde a:hover,
    .solcomercios nav ul li.donde a:hover {
        background-image: url('/portal/img/estamos.png'), url('/portal/img/triangulo.png');
        background-position: 6px 0, 10px bottom;
    }

    .solempresas nav ul li.info a,
    .solparticulares nav ul li.info a,
    .solcomercios nav ul li.info a {
        background-image: url('/portal/img/informacion.png'), url('/portal/img/triangulo.png');
        background-position: 17px 0, -32px bottom;
    }

    .solempresas nav ul li.info a:hover,
    .solparticulares nav ul li.info a:hover,
    .solcomercios nav ul li.info a:hover {
        background-image: url('/portal/img/informacion.png'), url('/portal/img/triangulo.png');
        background-position: 17px 0, 15px bottom;
    }
}

/* ajustes longitud input en formularios */

#datosRegalo .categoria1 #datosRegalo_nombre,
#datosRegalo .categoria1 #datosRegalo_nombreRegalador {
    width: 150px;
}

#login #usrclickandgift,
#login #login_pasclickandgift {
    width: 126px;
}

#login #login_submit {
    display: block;
}

/* quitamos 50 px de cada input */

#pregistro #pregistro_nombre {
    width: 180px !important;
}

#pregistro #pregistro_apellidos {
    width: 174px !important;
}

#pregistro #pregistro_email {
    width: 199px !important;
}

#pregistro #pregistro_passnewuser {
    width: 127px !important;
}

#pregistro #pregistro_confirmpassnewuser {
    width: 172px !important;
}

#pregistro #plogin_usrclickandgift {
    width: 172px !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    .categoria1 tfoot td[colspan="2"] > label {
        left: 200px !important;
        position: absolute;
        margin-top: -5px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .categoria1 tfoot td[colspan="2"] > label {
        left: 200px !important;
        position: absolute;
        margin-top: -5px !important;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 768px) {
    .categoria1 tfoot td[colspan="2"] > label {
        margin-left: 320px !important;
        position: absolute;
        margin-top: -5px !important;
    }
}

@media only screen and (max-device-width: 480px) {
    .categoria1 tfoot td[colspan="2"] > label {
        margin-left: 120px !important;
        position: absolute;
        margin-top: 41px;
    }

    .banner div {
        width: 366px;
    }

    .categoria1 #datosRegalo_nombre + span,
    .categoria1 #datosRegalo_nombreRegalador + span {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 320px) {
    .banner div {
        padding-left: 0;
        width: 303px;
    }
}

/* textarea en formulario - tablet apaisado */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .datos #idTxtEmail {
        width: 500px !important;
    }
}

/* label de facturacion */

#__checkbox_facturacion + label {
    display: inline;
}

/* ajustes text area en mobile */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .datos textarea {
        width: 232px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
    .datos textarea {
        width: 360px !important;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape) {
    .datos textarea {
        width: 360px !important;
    }

}

/* foto chica mobile */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .banner ul li {
        background-position: 0 !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 586px) and (orientation: portrait) {
    iframe[src="datostpv"] {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1003px) and (orientation: portrait) {
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    textarea {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1003px) and (orientation: landscape) {
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    textarea {
        font-size: 16px;
    }
}

.sizethirteen {
    font-size: 13px !important;
}

.sizefifteen {
    font-size: 15px;
}
.size18 {
    font-size: 18px;
}

/* popup28 */
#popup28show table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#popup28show td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

#popup28show tr:nth-child(even) {
    background-color: #bdce2f;
}

#popup28show tr:nth-child(even) .popup {
    color: white;
}

#popup28show .popup {
    cursor: pointer;
    color: #bdce2f;
}
.boton_sig_areaprivada{
    --svg: url("data:image/svg+xml;utf8,<svg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 188.2 174.8' style='enable-background:new 0 0 188.2 174.8;' xml:space='preserve'> <g> <path class='st0' d='M121.4,87.5c-2.5-3.2-6.6-7.5-9.1-10.1c-9.7-9.9-17.5-18.6-27.4-28.3c-6.7-6.7-12.8-14-4.1-22.6 c8-8,15.1-2.3,21.4,4c14.5,14.4,29.2,28.7,43.5,43.4c10.3,10.6,10.3,16.1,0,26.7c-14.3,14.7-29,28.9-43.5,43.4 c-6.3,6.4-13.5,11.5-21.4,3.7c-7.8-7.7-3.3-15.1,3.1-21.5c10.2-10.2,17.9-18.2,28-28.4C114.2,95.4,118.7,90.6,121.4,87.5z'/> <path class='st0' d='M65,87.7l-19.9,20.8c0,0-7.5,9.4-2.5,14.7c6.7,7.1,12.6,4,18.2-1.4c8.5-8,16.8-16.1,24.8-24.6 c2.5-2.6,5.9-6.1,5.7-10.7c-0.2-4.6-4.1-8.1-7-11.1c-6.8-7.3-14.1-14.1-21.3-21c-6.4-6.1-13.6-8.6-20.3-1.2 c-4.8,5.3-4.1,8.3-0.5,13l8.5,8.5L65,87.7z'/> </g> </svg>");
    -webkit-mask: var(--svg);
    -webkit-mask-repeat: no-repeat;
    width: 33px;
    height: 20px;
    margin-left: 10px;
    float: left;
    background-color: #c4d61c;
}
.boton_ant_areaprivada{
    --svg: url("data:image/svg+xml;utf8,<svg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 188.2 174.8' style='enable-background:new 0 0 188.2 174.8;' xml:space='preserve'> <g> <path class='st0' d='M71.3,86.6c2.5,3.2,6.6,7.5,9.1,10.1c9.7,9.9,17.5,18.6,27.4,28.3c6.7,6.7,12.8,14,4.1,22.6 c-8,8-15.1,2.3-21.4-4c-14.5-14.4-29.2-28.7-43.5-43.4c-10.3-10.6-10.3-16.1,0-26.7c14.3-14.7,29-28.9,43.5-43.4 c6.3-6.4,13.5-11.5,21.4-3.7c7.8,7.7,3.3,15.1-3.1,21.5C98.7,58.2,91,66.2,80.9,76.4C78.6,78.7,74,83.5,71.3,86.6z'/> <path class='st0' d='M127.7,86.4l19.9-20.8c0,0,7.5-9.4,2.5-14.7c-6.7-7.1-12.6-4-18.2,1.4c-8.5,8-16.8,16.1-24.8,24.6 c-2.5,2.6-5.9,6.1-5.7,10.7c0.2,4.6,4.1,8.1,7,11.1c6.8,7.3,14.1,14.1,21.3,21c6.4,6.1,13.6,8.6,20.3,1.2c4.8-5.3,4.1-8.3,0.5-13 l-8.5-8.5L127.7,86.4z'/> </g> </svg>");
    -webkit-mask: var(--svg);
    -webkit-mask-repeat: no-repeat;
    width: 33px;
    height: 20px;
    margin-left: 10px;
    float: left;
    background-color: #c4d61c;
}
.contactanos-nuevo{
    display: flex;
    gap: 1vh;
    width: 100%;
    justify-content: center;
}

img.logo-blanco {
    width: 17%;
}

.img-tarjetas-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#boton_aceptar_areaprivada{
    background: #c4d61c;
    padding: 4px;
    border:none;
    width: 126px;
    height: 42px;
    border-radius: 20px;
}

.boton_areaprivada{
    background: #c4d61c !important;
    padding: 4px !important;
    border:none !important;
    width: 126px !important;
    height: 42px !important;
    border-radius: 20px !important;
}