/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: 'FontAwesome';
    src: url(css/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"),url(css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"),url(css/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"),url(css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"),url(css/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: normal;
    font-style: normal
}

.fa,.flechaCierra {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x,.flechaCierra {
    font-size: 2em
}

.fa-3x,.fa.ti,.icono-titulo-productos,.icono-producto-cuenta,.icono-producto-tarjeta,.icono-producto-prestamo,.icono-producto-comex,.icono-producto-plazoFijo,.icono-tabla-alertas,.icono-tabla-descuento,.icono-tabla-mensajes,.icono-tabla-noticias,.ti.flechaCierra {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.2857142857em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.1428571429em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: .1428571429em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.8571428571em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left,.pull-left.flechaCierra {
    margin-right: .3em
}

.fa.pull-right,.pull-right.flechaCierra {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before,.fa-close:before,.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before,.fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before,.fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before,.fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before,.fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before,.ti-tarea:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,.fa-users:before {
    content: ""
}

.fa-chain:before,.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,.fa-scissors:before {
    content: ""
}

.fa-copy:before,.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before,.fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before,.fa-sort:before {
    content: ""
}

.fa-sort-down:before,.fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before,.fa-sort-asc:before,.flechaCierra:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,.fa-undo:before {
    content: ""
}

.fa-legal:before,.fa-gavel:before {
    content: ""
}

.fa-dashboard:before,.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before,.fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before,.fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before,.fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before,.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,.fa-usd:before {
    content: ""
}

.fa-rupee:before,.fa-inr:before {
    content: ""
}

.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: ""
}

.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: ""
}

.fa-won:before,.fa-krw:before {
    content: ""
}

.fa-bitcoin:before,.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before,.fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: ""
}

.fa-mortar-board:before,.fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,.fa-car:before {
    content: ""
}

.fa-cab:before,.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before,.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,.fa-rebel:before {
    content: ""
}

.fa-ge:before,.fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,.fa-weixin:before {
    content: ""
}

.fa-send:before,.fa-paper-plane:before {
    content: ""
}

.fa-send-o:before,.fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-genderless:before,.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before,.fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

@font-face {
    font-family: 'TechnisysIcon';
    src: url(css/font-tech/iconstech-webfont.eot) format("embedded-opentype"),url(css/font-tech/iconstech-webfont.woff) format("woff"),url(css/font-tech/iconstech-webfont.ttf) format("truetype"),url(css/font-tech/iconstech-webfont.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'font-Davivienda-Titulos';
    src: url(css/font-DAVIVIENDA/HelveticaNeueLTStd-BdCn.eot);
    src: url(css/font-DAVIVIENDA/iconstech-webfont.eot?#iefix) format("embedded-opentype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-BdCn.woff) format("woff"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-BdCn.ttf) format("truetype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-BdCn.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'font-Davivienda-subtitulos';
    src: url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Cn.eot);
    src: url(css/font-DAVIVIENDA/iconstech-webfont.eot?#iefix) format("embedded-opentype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Cn.woff) format("woff"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Cn.ttf) format("truetype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Cn.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'font-Davivienda-text';
    src: url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Roman.eot);
    src: url(css/font-DAVIVIENDA/iconstech-webfont.eot?#iefix) format("embedded-opentype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Roman.woff) format("woff"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Roman.ttf) format("truetype"),url(css/font-DAVIVIENDA/HelveticaNeueLTStd-Roman.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

.generic-tooltip-hover,.icono-teclado-primario {
    display: inline;
    position: relative
}

.generic-tooltip {
    display: inline;
    position: relative
}

.generic-tooltip.fixed:after {
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    text-align: center;
    content: attr(tooltip-text);
    left: 20%;
    padding: 5px 3px;
    position: absolute;
    min-width: 125px;
    width: 100%;
    white-space: pre-wrap
}

.generic-tooltip.fixed:before {
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99
}

.generic-tooltip.hover:hover:after,.generic-tooltip-hover:hover:after,.icono-teclado-primario:hover:after {
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    text-align: center;
    content: attr(tooltip-text);
    left: 20%;
    padding: 5px 3px;
    position: absolute;
    min-width: 125px;
    width: 100%;
    white-space: pre-wrap;
    color: rgba(255,255,255,0)
}

.generic-tooltip.hover:hover:before,.generic-tooltip-hover:hover:before,.icono-teclado-primario:hover:before {
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99
}

.generic-tooltip.right:after {
    position: static !important;
    margin-left: 5px !important
}

.generic-tooltip.right:before {
    display: none !important
}

.generic-tooltip.fixed.password-tooltip:after {
    background: #bfbfbf;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(tooltip-text);
    padding: 11px 13px 11px 13px;
    position: absolute;
    min-width: 125px;
    width: 284px;
    white-space: pre-wrap;
    top: -45px;
    left: 177px;
    height: 117px;
    text-align: left;
    line-height: 14px
}

.generic-tooltip.fixed.password-tooltip:before {
    border-color: #d41d1d transparent;
    border-width: 23px 7px 39px -16px;
    left: -18px;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 7px solid #bfbfbf;
    content: "";
    left: 165px;
    position: absolute;
    top: -3px
}

.info-firma-digital {
    background-color: #bfbfbf;
    padding: 0.3em;
    border-radius: 5px;
    position: relative;
    width: 228px;
    right: -215px;
    top: -29px;
    padding: 8px;
    color: #fff;
    padding-left: 15px
}

.info-firma-digital span {
    content: "";
    position: absolute;
    top: 8px;
    left: -13px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent #bfbfbf transparent transparent
}

.border-on-top {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    border-radius: 8px !important
}

.contenedor-tabla .header {
    height: 25px;
    margin: left;
    padding: 14px 14px 0 14px;
    background-color: #ee1c28;
    font-weight: bold;
    color: #fff;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -ms-border-top-right-radius: 8px;
    border-top-right-radius: 8px
}

.contenedor-tabla ul li {
    border-bottom: 1px solid #D4D4D4;
    padding: 4px 0
}

.contenedor-tabla ul li:hover {
    cursor: pointer;
    background-color: #dedede;
    color: #6d6d6d
}

.contenedor-tabla ul li.sin-cursor {
    cursor: default
}

.hide {
    display: none
}

.tabledates,.tabledatescenter {
    width: 100%;
    border: solid 1px
}

.tabledates thead tr th,.tabledatescenter thead tr th {
    font-weight: bold;
    background-color: #585858;
    border-bottom-width: medium;
    font-size: 11px;
    height: 32px;
    width: 50%;
    text-align: left;
    color: white;
    vertical-align: middle;
    padding: 0px 5px 0px 5px
}

.tabledates tbody td,.tabledatescenter tbody td {
    width: 5%;
    height: 15px;
    text-align: left;
    padding: 5px 5px 0px 20px
}

.tabledatescenter thead tr th {
    text-align: center
}

.tablesorter thead tr .header,.tablesinglecenter thead tr .header {
    background-position: center right;
    cursor: pointer
}

.tablesorter thead tr th,.tablesinglecenter thead tr th {
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    border-top: none;
    background-color: #585858;
    border-bottom-width: medium;
    font-size: 11px;
    height: 32px;
    width: 15em;
    text-align: center;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px 0px 5px
}

.tablesorter tbody td,.tablesinglecenter tbody td {
    font-family: arial, verdana, helvetica, sans-serif;
    height: 15px;
    text-align: center;
    border-bottom: thin;
    border-bottom-color: #BDBDBD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 8px 8px 8px 8px;
    white-space: normal
}

.tablesorter tbody tr .odd,.tablesinglecenter tbody tr .odd {
    background-color: #fff
}

.anterior {
    background: transparent url(images/table/png/paginacionBack_on.png) no-repeat bottom;
    background-position: right;
    cursor: pointer;
    position: absolute;
    float: left;
    text-align: right;
    *margin-left: -8em;
    width: 18px;
    height: 18px;
    *zoom:1;*display: inline
}

.siguiente {
    background: transparent url(images/table/png/paginacionNext_on.png) no-repeat bottom;
    background-position: right;
    background-color: inherit;
    cursor: pointer;
    text-align: right;
    float: right;
    width: 18px;
    height: 18px;
    *zoom:1;*display: inline
}

.tableSorterFooter {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: 100%;
    height: 3em;
    text-align: right;
    float: inherit
}

#visualizador_paginas_tabla {
    display: inline-block;
    padding: 5px;
    width: 8em;
    height: 20px;
    vertical-align: bottom;
    *display: inline
}

#pagesRef {
    text-align: center;
    width: 5.0em;
    display: inline-block;
    *display: inline;
    *zoom:1;*float: right;
    *margin-left: -7.5em
}

.tableSorterPaginas {
    text-align: left
}

.table.tablesorter .odd,.table.tablesinglecenter .odd {
    background-color: #EFEFEF;
    border: 0px none none
}

.tablesorter tbody td,.tablesinglecenter tbody td {
    border: 0px none none
}

.tablesorter .even,.tablesinglecenter .even {
    border: 0px none none
}

.tablesinglecenter {
    border: solid 1px;
    border-color: #BDBDBD
}

.tablesinglecenter tbody td {
    cursor: default
}

.totals-table-align {
    display: block;
    float: right;
    color: #000
}

.totals-table-align label.value,.totals-table-align .contenedor-formulario ul li label.valueColoreado,.contenedor-formulario ul li .totals-table-align label.valueColoreado,.totals-table-align .contenedor-confirmacion ul li label.valueColoreado,.contenedor-confirmacion ul li .totals-table-align label.valueColoreado,.totals-table-align .contenedor-formulario-ingreso ul li label.valueColoreado,.contenedor-formulario-ingreso ul li .totals-table-align label.valueColoreado,.totals-table-align .contenedor-formulario-solapas ul li label.valueColoreado,.contenedor-formulario-solapas ul li .totals-table-align label.valueColoreado {
    font-weight: 900
}

.tabla-correos {
    width: 468px !important;
    margin-left: 165px
}

.tabla-correos td {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px !important
}

.tabla-correos-confirmacion {
    width: 450px !important
}

.tabla-correos-confirmacion td {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px !important
}

.tabla-correos-confirmacion .tbody tr:hover {
    background-color: rgba(250,250,250,0) !important
}

.conten-productos {
    height: 116px;
    overflow-y: scroll;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    margin-left: 165px
}

.tabla-productos td {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px !important;
    margin-top: 10px
}

.conten-productos-confirmacion {
    height: 116px;
    overflow-y: scroll;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    margin-left: 165px;
    width: 450px;
    display: inline-flex !important
}

.tabla-productos-confirmacion td {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0px !important;
    margin-top: 10px
}

.tabla-productos-confirmacion .tbody tr:hover {
    background-color: rgba(250,250,250,0) !important
}

.jmesa#table_tipoDeCambio .toolbar {
    border-top: none !important
}

.conten-productos {
    height: 116px;
    overflow-y: scroll;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    margin-left: 165px;
    border: 1px solid red;
    background: #fff;
    padding: 5px;
    margin-top: 10px
}

.contenedor-titulo-seccion {
    margin: left;
    padding: 10px 20px 0 20px
}

.contenedor-titulo-seccion-back {
    font-family: 'font-Davivienda-subtitulos';
    font-weight: 500;
    color: #939598;
    font-size: 13px;
    margin-bottom: 14px
}

.contenedor-encabezado {
    width: 664px;
    min-height: 62px;
    margin: left;
    padding: 20px 20px 0 20px
}

.contenedor-body,.contenedor-formulario,.contenedor-confirmacion,.contenedor-formulario-ingreso,.contenedor-formulario-solapas {
    width: 664px;
    margin-bottom: 10px;
    margin: left;
    padding: 20px;
    display: inline-block
}

.contenedor-body input[type='text'],.contenedor-formulario input[type='text'],.contenedor-confirmacion input[type='text'],.contenedor-formulario-ingreso input[type='text'],.contenedor-formulario-solapas input[type='text'] {
    width: 224px;
    padding: 0px
}

.contenedor-body input[type='text'].input-medium,.contenedor-formulario input[type='text'].input-medium,.contenedor-confirmacion input[type='text'].input-medium,.contenedor-formulario-ingreso input[type='text'].input-medium,.contenedor-formulario-solapas input[type='text'].input-medium {
    width: 142px
}

.contenedor-body input[type='text'].input-short,.contenedor-formulario input[type='text'].input-short,.contenedor-confirmacion input[type='text'].input-short,.contenedor-formulario-ingreso input[type='text'].input-short,.contenedor-formulario-solapas input[type='text'].input-short {
    width: 30px
}

.contenedor-body input[type='text'].input-xm-medium,.contenedor-formulario input[type='text'].input-xm-medium,.contenedor-confirmacion input[type='text'].input-xm-medium,.contenedor-formulario-ingreso input[type='text'].input-xm-medium,.contenedor-formulario-solapas input[type='text'].input-xm-medium {
    width: 40px
}

.contenedor-body input[type='text'].input-xg-medium,.contenedor-formulario input[type='text'].input-xg-medium,.contenedor-confirmacion input[type='text'].input-xg-medium,.contenedor-formulario-ingreso input[type='text'].input-xg-medium,.contenedor-formulario-solapas input[type='text'].input-xg-medium {
    width: 110px
}

.contenedor-body input[type='text'].input-long,.contenedor-formulario input[type='text'].input-long,.contenedor-confirmacion input[type='text'].input-long,.contenedor-formulario-ingreso input[type='text'].input-long,.contenedor-formulario-solapas input[type='text'].input-long {
    width: 181px
}

.contenedor-body input[type='text'].input-long-lg,.contenedor-formulario input[type='text'].input-long-lg,.contenedor-confirmacion input[type='text'].input-long-lg,.contenedor-formulario-ingreso input[type='text'].input-long-lg,.contenedor-formulario-solapas input[type='text'].input-long-lg {
    width: 476px
}

.contenedor-body input[type='text']#MontoDesde,.contenedor-formulario input[type='text']#MontoDesde,.contenedor-confirmacion input[type='text']#MontoDesde,.contenedor-formulario-ingreso input[type='text']#MontoDesde,.contenedor-formulario-solapas input[type='text']#MontoDesde,.contenedor-body input[type='text']#MontoHasta,.contenedor-formulario input[type='text']#MontoHasta,.contenedor-confirmacion input[type='text']#MontoHasta,.contenedor-formulario-ingreso input[type='text']#MontoHasta,.contenedor-formulario-solapas input[type='text']#MontoHasta,.contenedor-body input[type='text']#importeDesde,.contenedor-formulario input[type='text']#importeDesde,.contenedor-confirmacion input[type='text']#importeDesde,.contenedor-formulario-ingreso input[type='text']#importeDesde,.contenedor-formulario-solapas input[type='text']#importeDesde,.contenedor-body input[type='text']#importeHasta,.contenedor-formulario input[type='text']#importeHasta,.contenedor-confirmacion input[type='text']#importeHasta,.contenedor-formulario-ingreso input[type='text']#importeHasta,.contenedor-formulario-solapas input[type='text']#importeHasta {
    width: 133px;
    padding-left: 5px
}

.contenedor-body input[class*='dateformat'],.contenedor-formulario input[class*='dateformat'],.contenedor-confirmacion input[class*='dateformat'],.contenedor-formulario-ingreso input[class*='dateformat'],.contenedor-formulario-solapas input[class*='dateformat'] {
    width: 70px;
    margin-right: 4px;
    padding-left: 5px
}

.contenedor-formulario,.contenedor-confirmacion,.contenedor-formulario-ingreso,.contenedor-formulario-solapas {
    background: #f6f6f6;
    color: #939598;
    border-top: none
}

.contenedor-confirmacion ul li label {
    font-weight: normal !important;
    color: #939598;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-size: 12px !important
}

.contenedor-confirmacion ul li .value,.contenedor-confirmacion ul li .valueColoreado {
    font-weight: bold !important;
    word-wrap: break-word;
    font-weight: 600;
    color: #939598
}

.contenedor-confirmacion ul li .value .totals,.contenedor-confirmacion ul li .valueColoreado .totals {
    border-top: 2px solid #ee1c28
}

.contenedor-confirmacion ul li .value-textArea {
    display: inline-block;
    word-wrap: break-word;
    width: 400px;
    text-align: left;
    font-weight: bold
}

.contenedor-centrado,#iframe-firmadigital {
    width: 704px;
    text-align: center
}

.contenedor-formulario-ingreso {
    background: #f6f6f6
}

.contenedor-formulario-ingreso ul li {
    padding-left: 10px !important
}

.contenedor-formulario-ingreso .tabla-usuarios {
    padding-top: 20px;
    padding-bottom: 20px
}

.contenedor-formulario-ingreso .mensaje-confirmacion {
    font-size: 12px;
    font-weight: 700;
    padding-top: 20px;
    padding-left: 41px
}

.contenedor-avatars {
    margin-left: 150px;
    width: 430px
}

.avatar {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

.contenedor-comprobante {
    width: 664px;
    margin-bottom: 10px;
    margin: left;
    padding: 20px;
    display: inline-block
}

.contenedor-panel-derecho {
    position: relative;
    width: 21.1em;
    background-color: inherit;
    display: inline-block;
    overflow: hidden;
    border-left: 1px solid #bcbec0
}

.contenedor-box {
    float: left;
    width: 219px;
    height: 134px;
    margin-left: 15px;
    background-color: rgba(222,228,228,0.6);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: #363636 !important
}

.contenedor-box .titulo {
    padding-top: 8px;
    padding-left: 9px;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 15px
}

.contenedor-box .titulo i {
    color: #363636 !important;
    font-size: 2.2em !important
}

.contenedor-box .lineaSeparadora {
    margin-top: -8px;
    margin-bottom: 4px;
    margin-left: -10px;
    font-weight: normal
}

.contenedor-box .lespacio {
    margin-top: -8px;
    margin-bottom: 4px;
    margin-left: -10px;
    font-weight: normal
}

.contenedor-box .texto {
    font-weight: normal;
    font-size: 12px
}

.contenedor-box .texto ul {
    line-height: 18px;
    padding: 5px 0 0 15px;
    margin: 0
}

.contenedor-box .texto ul li {
    list-style-position: inside;
    list-style-image: url(images/login/flecheGrisCajasLogin.png);
    line-height: 130%;
    padding: 0 10px;
    margin-bottom: 3px;
    vertical-align: middle;
    white-space: pre-line
}

.contenedor-box .texto ul li.link:hover,.contenedor-box .texto ul li.boton-link:hover {
    font-weight: bold;
    text-decoration: underline
}

.contenedor-suma hr {
    width: 163px;
    height: 2px;
    background-color: #a2a3a4;
    float: left;
    margin-left: 150px
}

.contenedor-suma ul li label {
    padding-right: 7px;
    float: left
}

.contenedor-suma ul li label.value,.contenedor-suma .contenedor-formulario ul li label.valueColoreado,.contenedor-formulario .contenedor-suma ul li label.valueColoreado,.contenedor-suma .contenedor-confirmacion ul li label.valueColoreado,.contenedor-confirmacion .contenedor-suma ul li label.valueColoreado,.contenedor-suma .contenedor-formulario-ingreso ul li label.valueColoreado,.contenedor-formulario-ingreso .contenedor-suma ul li label.valueColoreado,.contenedor-suma .contenedor-formulario-solapas ul li label.valueColoreado,.contenedor-formulario-solapas .contenedor-suma ul li label.valueColoreado {
    text-align: right;
    width: 127px
}

.contenedor-icono-consolidada {
    display: block;
    float: right;
    width: 30px;
    font-size: 26px;
    margin-right: 7px
}

.contenedor-divisas {
    width: 70%;
    margin: 0 auto
}

.contenedor-divisas .col-xsmall {
    padding: 0 0 0 15px !important
}

.contenedor-divisas img {
    width: 45px
}

.contenedor-divisas td {
    padding: 24px 15px !important
}

.contenedor-detalleMensaje {
    border: 1px solid #cccbcb;
    border-radius: 6px;
    padding: 20px
}

.contenedor-formulario .Ntransferencias,.contenedor-confirmacion .Ntransferencias,.contenedor-formulario-ingreso .Ntransferencias,.contenedor-formulario-solapas .Ntransferencias {
    text-align: right;
    width: 97%;
    font-size: 15px
}

.contenedor-formulario .contenedor-NumeroCheque,.contenedor-confirmacion .contenedor-NumeroCheque,.contenedor-formulario-ingreso .contenedor-NumeroCheque,.contenedor-formulario-solapas .contenedor-NumeroCheque {
    border: 2px solid #e8e2e2;
    background: #ffffff;
    padding: 10px;
    margin-top: 20px;
    padding-top: 0px
}

.contenedor-formulario.contenedor-confeccionTransferencia,.contenedor-confeccionTransferencia.contenedor-confirmacion,.contenedor-confeccionTransferencia.contenedor-formulario-ingreso,.contenedor-confeccionTransferencia.contenedor-formulario-solapas {
    width: 635px;
    padding: 15px;
    border: 1px solid #d4d4d4
}

.contenedor-formulario.contenedor-confeccionTransferencia h2,.contenedor-confeccionTransferencia.contenedor-confirmacion h2,.contenedor-confeccionTransferencia.contenedor-formulario-ingreso h2,.contenedor-confeccionTransferencia.contenedor-formulario-solapas h2 {
    width: 210px;
    margin-top: 0
}

.contenedor-formulario.contenedor-confeccionTransferencia .contenedor-derecho,.contenedor-confeccionTransferencia.contenedor-confirmacion .contenedor-derecho,.contenedor-confeccionTransferencia.contenedor-formulario-ingreso .contenedor-derecho,.contenedor-confeccionTransferencia.contenedor-formulario-solapas .contenedor-derecho {
    width: 150px;
    float: right;
    text-align: right
}

.contenedor-formulario.contenedor-confeccionTransferencia .contenedor-derecho a,.contenedor-confeccionTransferencia.contenedor-confirmacion .contenedor-derecho a,.contenedor-confeccionTransferencia.contenedor-formulario-ingreso .contenedor-derecho a,.contenedor-confeccionTransferencia.contenedor-formulario-solapas .contenedor-derecho a {
    color: #ed1c27;
    font-size: 29px;
    margin-right: 10px
}

.contenedor-formulario ul.align-top,.contenedor-confirmacion ul.align-top,.contenedor-formulario-ingreso ul.align-top,.contenedor-formulario-solapas ul.align-top {
    display: inline
}

.contenedor-formulario ul.align-top li,.contenedor-confirmacion ul.align-top li,.contenedor-formulario-ingreso ul.align-top li,.contenedor-formulario-solapas ul.align-top li {
    display: inline
}

.contenedor-formulario ul.align-top li label,.contenedor-confirmacion ul.align-top li label,.contenedor-formulario-ingreso ul.align-top li label,.contenedor-formulario-solapas ul.align-top li label {
    vertical-align: top
}

.contenedor-formulario ul.value,.contenedor-confirmacion ul.value,.contenedor-formulario-ingreso ul.value,.contenedor-formulario-solapas ul.value,.contenedor-formulario ul li ul.valueColoreado,.contenedor-confirmacion ul li ul.valueColoreado,.contenedor-formulario-ingreso ul li ul.valueColoreado,.contenedor-formulario-solapas ul li ul.valueColoreado {
    display: inline-block;
    width: 302px
}

.contenedor-formulario ul.value li,.contenedor-confirmacion ul.value li,.contenedor-formulario-ingreso ul.value li,.contenedor-formulario-solapas ul.value li,.contenedor-formulario ul li ul.valueColoreado li,.contenedor-confirmacion ul li ul.valueColoreado li,.contenedor-formulario-ingreso ul li ul.valueColoreado li,.contenedor-formulario-solapas ul li ul.valueColoreado li {
    text-align: left;
    font-weight: normal;
    padding-top: 4px;
    white-space: normal;
    color: #000;
    font-size: 13px;
    font-family: 'font-Davivienda-subtitulos'
}

.contenedor-formulario ul.value li ul,.contenedor-confirmacion ul.value li ul,.contenedor-formulario-ingreso ul.value li ul,.contenedor-formulario-solapas ul.value li ul,.contenedor-formulario ul li ul.valueColoreado li ul,.contenedor-confirmacion ul li ul.valueColoreado li ul,.contenedor-formulario-ingreso ul li ul.valueColoreado li ul,.contenedor-formulario-solapas ul li ul.valueColoreado li ul {
    margin-left: 38px
}

label.align-top {
    vertical-align: top
}

textarea {
    width: 462px;
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #ee1c28;
    font-size: 13px;
    font-family: 'font-Davivienda-subtitulos'
}

.parrafo {
    display: -webkit-inline-box;
    vertical-align: text-top;
    text-align: justify
}

.parrafo p {
    width: 639px;
    display: inline-block
}

.contenedor-carta {
    border: 1px solid #939598;
    width: 599px;
    background-color: #fff;
    padding: 30px;
    text-align: justify;
    color: black;
    line-height: 1.5
}

.contenedor-carta .contenedor-firma {
    width: 48%;
    display: inline-block
}

.contenedor-carta .contenedor-firma .linea-firma {
    width: 70%;
    color: #000 !important;
    background: none;
    border-bottom: 2px solid #cacaca;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block;
    margin-bottom: 20px
}

.boton-carta {
    font-size: 13px;
    text-decoration: none;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.contenedor-derecho {
    width: 150px;
    float: right;
    text-align: right
}

.contenedor-derecho a {
    color: #ed1c27;
    font-size: 29px;
    margin-right: 10px
}

#iframe-firmadigital {
    width: 700px;
    height: 300px
}

.contenedor-firmaDigital {
    background-image: url(images/firmaDigital/firmaDigital.png);
    background-repeat: no-repeat;
    height: 300px;
    width: 624px
}

.contenedor-firmaDigital p {
    padding-top: 4px;
    white-space: normal;
    color: #000;
    font-size: 13px;
    font-family: 'font-Davivienda-subtitulos'
}

.contenedor-firmaDigital ul li {
    padding-top: 4px;
    white-space: normal;
    color: #000;
    font-size: 13px;
    font-family: 'font-Davivienda-subtitulos'
}

.contenedor-radiosPlantilla {
    width: 501px;
    float: right;
    margin-top: 13px
}

.contenedor-radiosPlantilla label.sin-dos-puntos,.contenedor-radiosPlantilla .contenedor-tabla ul li label,.contenedor-tabla ul li .contenedor-radiosPlantilla label {
    margin-top: 0px;
    text-align: left;
    width: 105px
}

.contenedor-radiosPlantilla .cont-grou1 {
    width: 145px;
    border-right: 1px solid red;
    float: left
}

.contenedor-radiosPlantilla .cont-grou2 {
    float: left;
    padding-left: 45px;
    width: 150px
}

.solapa-container {
    display: inline-block;
    margin: 23px -2px 0px 0px
}

.contenedor-solapas {
    background-color: white
}

.solapa,.solapaActiva,.solapaInactiva {
    font-weight: bold;
    font-size: 12px;
    height: 19px;
    margin: 0 0 0 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-top: 13px;
    margin-top: -6px;
    text-align: center
}

.solapaActiva {
    background: #ee1c28;
    color: white;
    border-top: 4px solid #ee1c28;
    padding-top: 9px;
    padding-bottom: 5px;
    z-index: 90;
    font-family: 'font-Davivienda-subtitulos';
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 7px
}

.solapaInactiva {
    background-color: #d6d4d4;
    color: #232020;
    cursor: pointer;
    padding-bottom: 5px;
    font-family: 'font-Davivienda-subtitulos';
    letter-spacing: 1px;
    font-weight: 500
}

.solapaInactiva:hover {
    padding-top: 9px
}

body {
    color: #333;
    font-family: Arial,Helvetica,Sans Serif
}

.texto {
    color: #333;
    font-family: Arial,Helvetica,Sans Serif;
    font-size: 11px;
    font-weight: normal
}

.texto.destacado {
    font-weight: bold
}

.texto.importante {
    color: RED;
    font-weight: bold
}

.titulo-seccion {
    font-size: 21px;
    font-weight: bold;
    color: #000;
    font-family: 'font-Davivienda-Titulos'
}

.titulo-seccion .texto {
    color: #ee1c28
}

.titulo-contenido {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    font-family: 'font-Davivienda-subtitulos';
    letter-spacing: 1px;
    font-weight: 500
}

.subtitulo,.contenedor-formulario .subtituloColoreado,.contenedor-confirmacion .subtituloColoreado,.contenedor-formulario-ingreso .subtituloColoreado,.contenedor-formulario-solapas .subtituloColoreado {
    font-size: 12px;
    font-weight: bold;
    color: #000
}

.texto-chico {
    font-size: 12px;
    color: #523455
}

.hidden {
    display: none
}

.textAlignCenter {
    text-align: center
}

.cursor {
    cursor: pointer
}

.panelComunicacion {
    background-color: #f6f6f6;
    border: 2px solid #ee1c28;
    background-image: url(images/iconos-panel/icono-fallo.png);
    background-repeat: no-repeat;
    min-height: 48px;
    color: #939598
}

.panelInformacion {
    background-image: url(images/iconos-panel/icono-info.png);
    background-repeat: no-repeat;
    min-height: 48px;
    padding-bottom: 1px;
    color: #939598
}

.panelOperacionExitosaPaso {
    background-image: url(images/iconos-panel/icono-check.png);
    background-repeat: no-repeat;
    min-height: 48px;
    padding-bottom: 1px;
    color: #939598
}

seleccion-perfil {
    width: 639px;
    padding-left: 16px
}

seleccion-perfil p {
    font-weight: 700;
    font-size: 12px
}

strong {
    font-weight: bold
}

div#ayuda {
    background-color: #bfbfbf;
    position: absolute;
    padding: 20px;
    margin-left: 232px;
    margin-top: 29px;
    border-radius: 7px;
    color: #fff;
    font-size: 12px
}

div#ayuda:before {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 12px solid #bfbfbf;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    margin-left: -31px;
    margin-top: 26px
}

.boton,.boton-terceario,.boton-primario,.boton-secundario {
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    border-radius: 99px;
    text-align: center;
    min-width: 116px;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer;
    border: 0px;
    font-family: 'font-Davivienda-subtitulos'
}

.boton-terceario {
    background-color: #cc0000;
    color: white;
    height: 21px !important;
    width: 89px
}

.boton-terceario:hover {
    background-color: #980404
}

.boton-primario {
    background-color: #ee1c28;
    color: #fff !important
}

.boton-primario:hover {
    background-color: #D8192A
}

.boton-secundario {
    background-color: rgba(255,255,255,0);
    color: #ee1c28;
    border-color: #ee1c28;
    border-style: solid;
    border-width: 1px;
    font-family: 'font-Davivienda-subtitulos';
    padding-top: 2px
}

.boton-secundario:hover {
    background-color: #ff0700;
    color: #fff
}

.boton-volver {
    background: url(images/icon-volver.png) 13px 12px;
    background-repeat: no-repeat;
    padding: 13px;
    color: #ed1c27;
    text-decoration: none;
    font-size: 13px;
    padding-left: 32px;
    font-family: 'font-Davivienda-Titulos'
}

.boton-volver:hover {
    color: #c51b27;
    text-decoration: underline;
    background: url(images/icon-volver-hover.png) 13px 12px;
    background-repeat: no-repeat
}

.link,.boton-link {
    cursor: pointer
}

.link-descargable {
    color: #ee1c28
}

.boton-link {
    text-decoration: none
}

.boton-link:hover {
    text-decoration: underline;
    font-weight: bold
}

.boton-link:hover i {
    font-weight: bold
}

.boton-tabla {
    border: 1px solid #ee1c28;
    padding: 4px 27px;
    border-radius: 90px;
    text-decoration: none;
    background: #ee1c28;
    color: white;
    float: right
}

.botonInicio {
    cursor: pointer;
    width: 117px;
    float: right;
    border-radius: 99px;
    padding: 10px;
    background: url(images/icon-volver.png) 15px 7px;
    background-repeat: no-repeat;
    text-align: center;
    padding-left: 15px;
    text-decoration: none;
    color: #ee1c28;
    font-size: 13px;
    font-family: 'font-Davivienda-Titulos'
}

.botonInicio:hover {
    color: #c51b27;
    text-decoration: underline;
    background: url(images/icon-volver-hover.png) 15px 7px;
    background-repeat: no-repeat
}

.boton-icono-tabla {
    color: #ee1c28;
    font-size: 22px
}

.boton-icono-tabla .boton-icono-tabla:hover {
    color: #ab0909
}

.a-descargar {
    padding: 7px;
    padding-left: 32px;
    padding-right: 32px
}

.cont-align-right {
    float: right
}

.cont-align-left {
    float: left
}

.cont-align-center {
    float: center
}

.btn_modificar_xs {
    padding-left: 0px !important;
    padding-right: 0px !important;
    min-width: 85px !important
}

.fa.ti,.icono-titulo-productos,.icono-producto-cuenta,.icono-producto-tarjeta,.icono-producto-prestamo,.icono-producto-comex,.icono-producto-plazoFijo,.icono-tabla-alertas,.icono-tabla-descuento,.icono-tabla-mensajes,.icono-tabla-noticias,.ti.flechaCierra {
    font-family: 'TechnisysIcon';
    color: #ee1c28
}

.icono-teclado,.icono-teclado-primario,.icono-teclado-secundario {
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-left: 4px;
    padding-bottom: 5px
}

.icono-teclado-primario {
    background-image: url(images/icoFormTeclado.png);
    color: #ee1c28
}

.icono-favicon-davienda {
    background-repeat: no-repeat;
    margin-left: 20px;
    padding-bottom: 15px;
    background-image: url(images/favicon-davivienda.png);
    padding-left: 1.5em
}

.icono-favicon-davienda:hover {
    background-image: url(images/favicon-davivienda-white.png)
}

.barraSubTituloConsolidadaNoMostroProducto:hover .icono-favicon-davienda {
    background-image: url(images/favicon-davivienda-white.png)
}

.icono-favicon-davienda-white {
    background-repeat: no-repeat;
    margin-left: 20px;
    padding-bottom: 15px;
    background-image: url(images/favicon-davivienda-white.png);
    padding-left: 1.5em
}

.icono-teclado-secundario {
    background-image: url(images/icoFormTecladoFondoOscuro.png);
    color: white
}

.icono,.icono-carita,.icono-candado,.icono-avatar,.icono-llave,.icono-valija,.icono-perfil,.icono-transferencias,.icono-solicitudes,.icono-agenda,.delete-transf {
    padding-left: 40px;
    padding-bottom: 10px
}

.icono-carita {
    background: url(images/login/primerIngreso/ico_smile.png) no-repeat
}

.icono-candado {
    background: url(images/login/primerIngreso/ico_preguntas.png) no-repeat
}

.icono-avatar {
    background: url(images/login/primerIngreso/ico_avatar.png) no-repeat
}

.icono-llave {
    background: url(images/login/primerIngreso/ico_clave.png) no-repeat
}

.icono-valija {
    background: url(images/iconoMisProductos.png) no-repeat
}

.icono-perfil {
    background: url(images/login/primerIngreso/ico_perfil.png) no-repeat
}

.icono-transferencias {
    background: url(images/transferencias/ico_Transf.png) no-repeat
}

.icono-solicitudes {
    background: url(images/solicitudes/icoTituloSolicitudes.png) no-repeat
}

.icono-agenda {
    background: url(images/modal_agenda/icoTituloAgenda.png) no-repeat
}

.delete-transf {
    background: url(images/transferencias/icoEliminarOff.png) no-repeat;
    width: 16px;
    height: 16px;
    border: 0;
    float: right;
    margin-right: 5%;
    cursor: pointer
}

.delete-transf:hover {
    background: url(images/transferencias/icoEliminarOn.png) no-repeat
}

.icono-mensajeDAVI {
    font-size: 28px;
    margin-right: 10px;
    margin-bottom: 14px;
    color: #ee1c28
}

.fa-cc-mastercard,.fa-cc-visa {
    font-size: 26px;
    padding-right: 7px
}

i#ayudaFirmaDigital {
    color: #ee1c28;
    font-size: 16px
}

.fa.ti,.icono-titulo-productos,.icono-producto-cuenta,.icono-producto-tarjeta,.icono-producto-prestamo,.icono-producto-comex,.icono-producto-plazoFijo,.icono-tabla-alertas,.icono-tabla-descuento,.icono-tabla-mensajes,.icono-tabla-noticias,.ti.flechaCierra {
    font-family: 'TechnisysIcon','FontAwesome';
    color: #ee1c28
}

.ti-lg {
    font-size: 1.66666em;
    line-height: 0.75em;
    vertical-align: -23%
}

.ti-inicio:BEFORE {
    content: "A"
}

.ti-producto:BEFORE {
    content: "a"
}

.ti-tarjeta:BEFORE,.icono-producto-tarjeta:BEFORE {
    content: "b"
}

.ti-locacion:BEFORE {
    content: "c"
}

.ti-clave:BEFORE {
    content: "d"
}

.ti-pago:BEFORE {
    content: "e"
}

.ti-cuenta:BEFORE,.icono-producto-cuenta:BEFORE {
    content: "f"
}

.ti-seguro:BEFORE {
    content: "g"
}

.ti-prestamo:BEFORE,.icono-producto-prestamo:BEFORE {
    content: "h"
}

.ti-mensaje:BEFORE,.icono-tabla-mensajes:BEFORE {
    content: "i"
}

.ti-transferencia:BEFORE {
    content: "j"
}

.ti-bancaPersonas:BEFORE {
    content: "p"
}

.ti-bancaEmpresas:BEFORE {
    content: "o"
}

.ti-agenda:BEFORE {
    content: "Z"
}

.ti-autorizacion:BEFORE {
    content: "m"
}

.ti-solicitud:BEFORE {
    content: "9"
}

.ti-cotizacion:BEFORE {
    content: "w"
}

.ti-cheque:BEFORE {
    content: "r"
}

.ti-prestamo:BEFORE,.icono-producto-prestamo:BEFORE {
    content: "h"
}

.ti-pago:BEFORE {
    content: "e"
}

.ti-otrosPagos:BEFORE {
    content: "k"
}

.ti-pagoProgramado:BEFORE {
    content: "u"
}

.ti-comercioExterior:BEFORE,.icono-producto-comex:BEFORE {
    content: "s"
}

.ti-descuento {
    content: "B"
}

.ti-beneficio:BEFORE,.icono-tabla-descuento:BEFORE {
    content: "v"
}

.ti-ahorro:BEFORE,.icono-producto-plazoFijo:BEFORE {
    content: "4"
}

.ti-seguridad:BEFORE {
    content: "q"
}

.ti-autoservicio:BEFORE {
    content: "c"
}

.ti-cajero:BEFORE {
    content: "D"
}

.ti-servicios:BEFORE {
    content: "x"
}

.ti-portal:BEFORE,.icono-tabla-noticias:BEFORE {
    content: "2"
}

.ti-perfilUsuario:BEFORE {
    content: "z"
}

.ti-perfilConfiguracion:BEFORE {
    content: "t"
}

.ti-ayuda:BEFORE {
    content: "n"
}

.ti-avatar:BEFORE {
    content: "8"
}

.ti-tecladoVirtual:BEFORE {
    content: "0"
}

.ti-adelantoTarjeta:BEFORE {
    content: "l"
}

.ti-pagoTarjeta:BEFORE {
    content: "y"
}

.ti-detalleTarjeta {
    content: "L"
}

.ti-bloqueoTarjeta {
    content: "G"
}

.ti-SUBE {
    content: "C"
}

.ti-transferenciaCuentasPropias:BEFORE {
    content: "7"
}

.ti-transferenciaTerceros:BEFORE {
    content: "6"
}

.ti-transferenciaOtrosBancos:BEFORE {
    content: "5"
}

.ti-vencimientos {
    content: "Q"
}

.ti-recarga:BEFORE {
    content: "k"
}

.ti-recargaCelular:BEFORE {
    content: "H"
}

.ti-banco:BEFORE {
    content: "1"
}

.ti-servicio:BEFORE {
    content: "x"
}

.ti-izquierda:BEFORE {
    content: "W"
}

.ti-derecha {
    content: "U"
}

.ti-calculadora:BEFORE {
    content: ":"
}

.ti-carita:BEFORE {
    content: "["
}

.ti-editar:BEFORE {
    content: "="
}

.ti-consultas:BEFORE {
    content: "X"
}

.ti-ach:BEFORE {
    content: ";"
}

.ti-alertas:BEFORE,.icono-tabla-alertas:BEFORE {
    content: "]"
}

.ti-mensajes:BEFORE {
    content: "E"
}

.ti-mensaje:BEFORE,.icono-tabla-mensajes:BEFORE {
    content: "i"
}

.ti-mensaje-o:BEFORE {
    content: "Y"
}

.ti-excel:BEFORE {
    content: "M"
}

.ti-pdf:BEFORE {
    content: "L"
}

.ti-csv:BEFORE {
    content: "O"
}

.ti-reloj:BEFORE {
    content: "Q"
}

.ti-estrella:BEFORE {
    content: "?"
}

.ti-frecuente:BEFORE {
    content: "u"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-sort-desc:before {
    content: "\f0d7"
}

.fa-cc-visa::before {
    content: "\f1f0"
}

.fa-cc-mastercard::before {
    content: "\f1f1"
}

.fa-floppy-o:before {
    content: "\f0c7"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-download:before {
    content: "\f019"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-info-circle:before {
    content: "\f05a"
}

.contenedor-formulario,.contenedor-confirmacion,.contenedor-formulario-ingreso,.contenedor-formulario-solapas {
    font-size: 12px
}

.contenedor-formulario .contenedor-centrado,.contenedor-confirmacion .contenedor-centrado,.contenedor-formulario-ingreso .contenedor-centrado,.contenedor-formulario-solapas .contenedor-centrado,.contenedor-formulario #iframe-firmadigital,.contenedor-confirmacion #iframe-firmadigital,.contenedor-formulario-ingreso #iframe-firmadigital,.contenedor-formulario-solapas #iframe-firmadigital {
    width: 100%
}

.contenedor-formulario .contenedor-izquierdo,.contenedor-confirmacion .contenedor-izquierdo,.contenedor-formulario-ingreso .contenedor-izquierdo,.contenedor-formulario-solapas .contenedor-izquierdo {
    float: left
}

.contenedor-formulario .contenedor-derecho button,.contenedor-confirmacion .contenedor-derecho button,.contenedor-formulario-ingreso .contenedor-derecho button,.contenedor-formulario-solapas .contenedor-derecho button {
    float: right
}

.contenedor-formulario .nota-formulario,.contenedor-confirmacion .nota-formulario,.contenedor-formulario-ingreso .nota-formulario,.contenedor-formulario-solapas .nota-formulario {
    color: #ee1c28
}

.contenedor-formulario .hide,.contenedor-confirmacion .hide,.contenedor-formulario-ingreso .hide,.contenedor-formulario-solapas .hide {
    display: none
}

.contenedor-formulario .show,.contenedor-confirmacion .show,.contenedor-formulario-ingreso .show,.contenedor-formulario-solapas .show {
    display: block
}

.contenedor-formulario .lineaSeparadora,.contenedor-confirmacion .lineaSeparadora,.contenedor-formulario-ingreso .lineaSeparadora,.contenedor-formulario-solapas .lineaSeparadora {
    width: 100%;
    background: none;
    border-bottom: 2px solid #ee1c28;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 8px;
    display: inline-block;
    margin-bottom: 20px
}

.contenedor-formulario .lespacio,.contenedor-confirmacion .lespacio,.contenedor-formulario-ingreso .lespacio,.contenedor-formulario-solapas .lespacio {
    height: 30px;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 8px;
    display: inline-block
}

.contenedor-formulario .subtitulo,.contenedor-confirmacion .subtitulo,.contenedor-formulario-ingreso .subtitulo,.contenedor-formulario-solapas .subtitulo,.contenedor-formulario .subtituloColoreado,.contenedor-confirmacion .subtituloColoreado,.contenedor-formulario-ingreso .subtituloColoreado,.contenedor-formulario-solapas .subtituloColoreado {
    width: 95%;
    margin: 0 auto;
    margin-top: 2px;
    font-weight: 900;
    font-size: 17px;
    margin-bottom: 7px;
    font-family: 'font-Davivienda-Titulos';
    display: inline-block;
    display: inline-block;
    padding-top: 15px
}

.contenedor-formulario .subtituloColoreado,.contenedor-confirmacion .subtituloColoreado,.contenedor-formulario-ingreso .subtituloColoreado,.contenedor-formulario-solapas .subtituloColoreado {
    color: #ee1c28
}

.contenedor-formulario .row,.contenedor-confirmacion .row,.contenedor-formulario-ingreso .row,.contenedor-formulario-solapas .row {
    display: inline-block;
    width: 100%;
    margin: auto;
    padding-bottom: 5px;
    paddin-top: 5px
}

.contenedor-formulario .row .grupo,.contenedor-confirmacion .row .grupo,.contenedor-formulario-ingreso .row .grupo,.contenedor-formulario-solapas .row .grupo {
    display: inline-block;
    width: 330px
}

.contenedor-formulario .row button:disabled,.contenedor-confirmacion .row button:disabled,.contenedor-formulario-ingreso .row button:disabled,.contenedor-formulario-solapas .row button:disabled {
    background: #dadada;
    color: #f1f1f1;
    cursor: default
}

.contenedor-formulario .row .label-indicador,.contenedor-confirmacion .row .label-indicador,.contenedor-formulario-ingreso .row .label-indicador,.contenedor-formulario-solapas .row .label-indicador {
    cursor: pointer;
    background: #ed1c27;
    padding: 9px;
    display: inline;
    margin-right: 0px;
    color: #fff;
    font-size: 11px;
    padding-bottom: 7px
}

.contenedor-formulario .row .label-indicador.lf,.contenedor-confirmacion .row .label-indicador.lf,.contenedor-formulario-ingreso .row .label-indicador.lf,.contenedor-formulario-solapas .row .label-indicador.lf {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.contenedor-formulario .row .label-indicador.rt,.contenedor-confirmacion .row .label-indicador.rt,.contenedor-formulario-ingreso .row .label-indicador.rt,.contenedor-formulario-solapas .row .label-indicador.rt {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-right: 14px
}

.contenedor-formulario .row .label-indicador.label-indicador-deshabilitado,.contenedor-confirmacion .row .label-indicador.label-indicador-deshabilitado,.contenedor-formulario-ingreso .row .label-indicador.label-indicador-deshabilitado,.contenedor-formulario-solapas .row .label-indicador.label-indicador-deshabilitado {
    background: #dadada;
    color: #f1f1f1;
    cursor: default
}

.contenedor-formulario ul li label,.contenedor-confirmacion ul li label,.contenedor-formulario-ingreso ul li label,.contenedor-formulario-solapas ul li label {
    display: inline-block;
    width: 153px;
    min-width: 10%;
    margin-top: 12px;
    text-align: right;
    margin-right: 10px
}

.contenedor-formulario ul li label:after,.contenedor-confirmacion ul li label:after,.contenedor-formulario-ingreso ul li label:after,.contenedor-formulario-solapas ul li label:after {
    content: ' :';
    display: -webkit-inline-box
}

.contenedor-formulario ul li label input[type="radio"],.contenedor-confirmacion ul li label input[type="radio"],.contenedor-formulario-ingreso ul li label input[type="radio"],.contenedor-formulario-solapas ul li label input[type="radio"] {
    margin: 0
}

.contenedor-formulario ul li label.anotacion,.contenedor-confirmacion ul li label.anotacion,.contenedor-formulario-ingreso ul li label.anotacion,.contenedor-formulario-solapas ul li label.anotacion {
    font-style: italic;
    font-weight: normal;
    text-align: left
}

.contenedor-formulario ul li label.anotacion:after,.contenedor-confirmacion ul li label.anotacion:after,.contenedor-formulario-ingreso ul li label.anotacion:after,.contenedor-formulario-solapas ul li label.anotacion:after {
    content: ''
}

.contenedor-formulario ul li label.sin-espacio,.contenedor-confirmacion ul li label.sin-espacio,.contenedor-formulario-ingreso ul li label.sin-espacio,.contenedor-formulario-solapas ul li label.sin-espacio {
    width: auto;
    margin: auto
}

.contenedor-formulario ul li label.sin-dos-puntos:after,.contenedor-confirmacion ul li label.sin-dos-puntos:after,.contenedor-formulario-ingreso ul li label.sin-dos-puntos:after,.contenedor-formulario-solapas ul li label.sin-dos-puntos:after,.contenedor-formulario .contenedor-tabla ul li label:after,.contenedor-tabla .contenedor-formulario ul li label:after,.contenedor-confirmacion .contenedor-tabla ul li label:after,.contenedor-tabla .contenedor-confirmacion ul li label:after,.contenedor-formulario-ingreso .contenedor-tabla ul li label:after,.contenedor-tabla .contenedor-formulario-ingreso ul li label:after,.contenedor-formulario-solapas .contenedor-tabla ul li label:after,.contenedor-tabla .contenedor-formulario-solapas ul li label:after {
    content: ''
}

.contenedor-formulario ul li label.largo,.contenedor-confirmacion ul li label.largo,.contenedor-formulario-ingreso ul li label.largo,.contenedor-formulario-solapas ul li label.largo {
    width: 160px;
    margin-left: -10px
}

.contenedor-formulario ul li label.texto-chico-largo,.contenedor-confirmacion ul li label.texto-chico-largo,.contenedor-formulario-ingreso ul li label.texto-chico-largo,.contenedor-formulario-solapas ul li label.texto-chico-largo {
    width: 160px;
    margin-left: 5px;
    font-weight: normal;
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 15px
}

.contenedor-formulario ul li label.texto-chico-largo:after,.contenedor-confirmacion ul li label.texto-chico-largo:after,.contenedor-formulario-ingreso ul li label.texto-chico-largo:after,.contenedor-formulario-solapas ul li label.texto-chico-largo:after {
    content: ''
}

.contenedor-formulario ul li .totals,.contenedor-confirmacion ul li .totals,.contenedor-formulario-ingreso ul li .totals,.contenedor-formulario-solapas ul li .totals {
    border-top: 2px solid #ee1c28
}

.contenedor-formulario ul li .component,.contenedor-confirmacion ul li .component,.contenedor-formulario-ingreso ul li .component,.contenedor-formulario-solapas ul li .component {
    display: inline
}

.contenedor-formulario ul li .value,.contenedor-confirmacion ul li .value,.contenedor-formulario-ingreso ul li .value,.contenedor-formulario-solapas ul li .value,.contenedor-formulario ul li .valueColoreado,.contenedor-confirmacion ul li .valueColoreado,.contenedor-formulario-ingreso ul li .valueColoreado,.contenedor-formulario-solapas ul li .valueColoreado {
    display: inline;
    text-align: left;
    font-weight: normal;
    padding-top: 4px;
    white-space: normal;
    color: #000;
    font-size: 13px;
    font-family: 'font-Davivienda-subtitulos'
}

.contenedor-formulario ul li .value:after,.contenedor-confirmacion ul li .value:after,.contenedor-formulario-ingreso ul li .value:after,.contenedor-formulario-solapas ul li .value:after,.contenedor-formulario ul li .valueColoreado:after,.contenedor-confirmacion ul li .valueColoreado:after,.contenedor-formulario-ingreso ul li .valueColoreado:after,.contenedor-formulario-solapas ul li .valueColoreado:after {
    content: ''
}

.contenedor-formulario ul li .value.largo-value,.contenedor-confirmacion ul li .value.largo-value,.contenedor-formulario-ingreso ul li .value.largo-value,.contenedor-formulario-solapas ul li .value.largo-value,.contenedor-formulario ul li .largo-value.valueColoreado,.contenedor-confirmacion ul li .largo-value.valueColoreado,.contenedor-formulario-ingreso ul li .largo-value.valueColoreado,.contenedor-formulario-solapas ul li .largo-value.valueColoreado {
    width: 250px
}

.contenedor-formulario ul li .value .selectLarge,.contenedor-confirmacion ul li .value .selectLarge,.contenedor-formulario-ingreso ul li .value .selectLarge,.contenedor-formulario-solapas ul li .value .selectLarge,.contenedor-formulario ul li .valueColoreado .selectLarge,.contenedor-confirmacion ul li .valueColoreado .selectLarge,.contenedor-formulario-ingreso ul li .valueColoreado .selectLarge,.contenedor-formulario-solapas ul li .valueColoreado .selectLarge {
    background: url(images/default/flecha-select.png) 460px;
    width: 480px;
    background-repeat: no-repeat
}

.contenedor-formulario ul li .valueColoreado,.contenedor-confirmacion ul li .valueColoreado,.contenedor-formulario-ingreso ul li .valueColoreado,.contenedor-formulario-solapas ul li .valueColoreado {
    color: #ee1c28
}

.contenedor-formulario ul .value-lg,.contenedor-confirmacion ul .value-lg,.contenedor-formulario-ingreso ul .value-lg,.contenedor-formulario-solapas ul .value-lg {
    width: 450px;
    display: inline-flex !important
}

.contenedor-formulario .obligatorio:after,.contenedor-confirmacion .obligatorio:after,.contenedor-formulario-ingreso .obligatorio:after,.contenedor-formulario-solapas .obligatorio:after {
    color: RED;
    font-size: 15px;
    content: '*'
}

.contenedor-formulario .li-inline,.contenedor-confirmacion .li-inline,.contenedor-formulario-ingreso .li-inline,.contenedor-formulario-solapas .li-inline {
    display: inline-block
}

.contenedor-formulario .bulletList,.contenedor-confirmacion .bulletList,.contenedor-formulario-ingreso .bulletList,.contenedor-formulario-solapas .bulletList {
    list-style-position: inside;
    list-style-image: url(images/bullet.png);
    margin: 8px 34px;
    text-indent: -17px;
    padding-bottom: 8px;
    line-height: 130%
}

.obligatorio:after {
    color: RED;
    font-size: 15px;
    content: '*'
}

.contenedor-formulario-solapas {
    background: #fff;
    border-top: 4px solid #ee1c28
}

.contenedor-formulario-solapas {
    background: #fff
}

#hrefModificarAlias {
    padding-left: 15px;
    font-size: 25px
}

label#labelEditarCampo:hover {
    border-bottom: 2px solid #ee1c28
}

a#hrefGuardar {
    font-size: 25px
}

p.asterisco {
    display: inline
}

p.asterisco:after {
    display: inline;
    color: RED;
    font-size: 15px;
    content: '*';
    padding-left: 5px;
    width: 31px
}

.li-inline {
    display: inline-block
}

.contener-btns-export {
    padding-top: 20px
}

.contener-btns-export .btn-export {
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    color: #D8192A;
    font-size: 11px;
    padding: 5px 20px 5px 20px;
    border: solid #D8192A 2px;
    text-decoration: none;
    cursor: pointer
}

.contener-btns-export .btn-export:hover {
    background-color: #D8192A;
    text-decoration: none;
    color: white
}

.link-comprobante {
    margin-top: 14px;
    margin-bottom: 30px;
    margin-left: 145px
}

.link-comprobante a {
    color: #ee1c28;
    padding-left: 20px;
    margin-top: 15px
}

.password {
    -webkit-text-security: disc;
    -moz-text-security: disc;
    text-security: disc;
    width: 119px
}

.show-password {
    background: url(images/DAVIVIENDA/tarjetas/icon-eye.png) 3px;
    background-repeat: no-repeat;
    border: none;
    padding-right: 25px;
    position: relative;
    left: -40px;
    background-size: 25px 25px
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

*:focus {
    outline: 0
}

.contenedor-comprobante .contenedor-centrado,.contenedor-comprobante #iframe-firmadigital {
    width: 100%
}

.contenedor-comprobante .contenedor-ticket {
    padding-left: 25%;
    border-style: solid
}

.contenedor-comprobante .contenedor-ticket .header {
    padding-top: 15px;
    background-color: white;
    width: 400px;
    height: 20px;
    font-weight: bold
}

.contenedor-comprobante .contenedor-ticket .header .fecha {
    padding-left: 10%;
    display: inline-block
}

.contenedor-comprobante .contenedor-ticket .header .hora {
    margin-left: 50%;
    padding-right: 10%;
    display: inline-block
}

.contenedor-comprobante .contenedor-ticket .header .titulo {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    font-weight: bold;
    width: 100%
}

.contenedor-comprobante .contenedor-ticket .footer {
    background: url(images/transferencias/pieTicket.png) no-repeat;
    width: 400px;
    height: 54px
}

.contenedor-comprobante .contenedor-ticket .body ul {
    background-color: white;
    padding-top: 25px;
    width: 400px;
    padding-bottom: 20px
}

.contenedor-comprobante .contenedor-ticket .body ul li {
    padding-top: 10px
}

.contenedor-comprobante .contenedor-ticket .body ul li label {
    @extends .grupo;float: left;
    display: inline-block;
    width: 150px;
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 12px
}

.contenedor-comprobante .contenedor-ticket .body ul li label:after {
    content: ' :'
}

.contenedor-comprobante .contenedor-ticket .body ul li label.sin-dos-puntos:after,.contenedor-comprobante .contenedor-ticket .body .contenedor-tabla ul li label:after,.contenedor-tabla .contenedor-comprobante .contenedor-ticket .body ul li label:after {
    content: ''
}

.contenedor-comprobante .contenedor-ticket .body ul li .value,.contenedor-comprobante .contenedor-ticket .body .contenedor-formulario ul li .valueColoreado,.contenedor-formulario .contenedor-comprobante .contenedor-ticket .body ul li .valueColoreado,.contenedor-comprobante .contenedor-ticket .body .contenedor-confirmacion ul li .valueColoreado,.contenedor-confirmacion .contenedor-comprobante .contenedor-ticket .body ul li .valueColoreado,.contenedor-comprobante .contenedor-ticket .body .contenedor-formulario-ingreso ul li .valueColoreado,.contenedor-formulario-ingreso .contenedor-comprobante .contenedor-ticket .body ul li .valueColoreado,.contenedor-comprobante .contenedor-ticket .body .contenedor-formulario-solapas ul li .valueColoreado,.contenedor-formulario-solapas .contenedor-comprobante .contenedor-ticket .body ul li .valueColoreado {
    height: 25px;
    @extends .grupo;display: block;
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
    padding-left: 150px;
    word-wrap: break-word
}

li#PARENT_SOLICITUD_CUENTAS,li#PARENT_PAGO_TARJETAS,li#PARENT_DETALLE_PRESTAMOS,li#PARENT_SOLICITUD_INVERSIONES,li#PARENT_SOLICITUD_PRESTAMOS_CREDITOS,li#PARENT_PAGO_SERVICIOS,li#PARENT_SOLICITUD_TARJETAS,li#PARENT_SOLICITUD_CHEQUES,li#PARENT_SOLICITUD_TARJETA_CREDITO,li#PARENT_CARTAS,li#PARENT_SOLICITUD_SEGUROS {
    background: url(images/default/arrowi.png) 164px no-repeat
}

li#PARENT_MIS_DATOS:hover,li#PARENT_TOKEN:hover,li#PARENT_SOLICITUD_CUENTAS:hover,li#PARENT_PAGO_TARJETAS:hover,li#PARENT_DETALLE_PRESTAMOS:hover,li#PARENT_PAGO_SERVICIOS:hover,li#PARENT_SOLICITUD_TARJETAS:hover,li#PARENT_SOLICITUD_CHEQUES:hover,li#PARENT_SOLICITUD_SEGUROS:hover,li#PARENT_CARTAS:hover {
    background-color: #e6e6e6
}

li#PARENT_MIS_DATOS,li#PARENT_TOKEN {
    background: url(images/default/arrow-letf.png) 11px no-repeat
}

.contenedor-menu-categoria {
    background-color: #939598;
    height: 55px;
    margin-top: 22px;
    border-radius: 99px;
    color: white;
    font-size: 13px
}

.contenedor-menu-categoria .menu-categoria {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 8px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: white
}

.contenedor-menu-categoria .menu-categoria i {
    color: #ed1c27
}

.contenedor-menu-categoria .menu-categoria.inactivo {
    background-color: inherit
}

.contenedor-menu-categoria .menu-categoria.activo {
    background-color: #bcbec0
}

#listaCategorias {
    background-color: #939598;
    height: 55px;
    border-radius: 99px;
    font-size: 12px
}

#listaCategorias div {
    width: 16%;
    height: 11px;
    padding-top: 22px;
    padding-bottom: 22px;
    letter-spacing: 1px
}

.contenedor-menu-item {
    background-color: #fff;
    border: 2px solid #eae7e7;
    width: 227px
}

.contenedor-menu-item .menu-item {
    position: relative;
    display: inline-block;
    text-align: center;
    display: block;
    padding: 5px
}

.contenedor-menu-item .menu-item .show {
    display: inline-block
}

.contenedor-menu-item .menu-item .hide {
    display: none
}

.contenedor-menu-item .menu-item:hover {
    cursor: pointer
}

.contenedor-menu-item .menu-item:hover .contenedor-menu-subItem {
    display: block
}

.contenedor-menu-item .menu-item.activo {
    background-color: #eeeeee;
    font-weight: bold
}

.contenedor-menu-item .menu-item.activo a {
    text-decoration: none;
    font-weight: bold;
    color: white
}

.contenedor-menu-item .menu-item.inactivo {
    text-decoration: none;
    font-weight: bold
}

.contenedor-menu-item .menu-item.inactivo a {
    text-decoration: none;
    font-weight: bold
}

.contenedor-menu-subItem {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s
}

.contenedor-menu-subItem li.menu-subItem {
    background-color: rgba(230,230,230,0.95);
    width: 153px;
    text-align: left;
    padding: 7px;
    padding-top: 10px;
    padding-right: 8px
}

.contenedor-menu-subItem li.menu-subItem:hover {
    cursor: pointer;
    background-color: #d3d3d3
}

#menu>li {
    float: left;
    position: relative
}

#menu a {
    display: block;
    position: relative;
    z-index: 10;
    text-decoration: none;
    font-weight: 100;
    font-size: 12px
}

#menu li ul {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 185px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    top: 55px;
    font-size: 11px;
    z-index: 100
}

#menu li.menu-categoria {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

#menu li.menu-categoria p {
    padding-top: 15px;
    padding-bottom: 14px;
    letter-spacing: 1px;
    font-weight: 100
}

#menu li p {
    padding-top: 15px;
    padding-bottom: 14px
}

#menu li:hover ul {
    opacity: 1;
    visibility: visible
}

#menu .menu-subItem a {
    color: #909191 !important;
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
    width: 129px
}

#menu a {
    color: #939598
}

#menuForm {
    width: 1024px;
    background-color: #939598;
    border-radius: 99px;
    margin: auto;
    margin-top: -8px
}

.contenedor-menu-categoria {
    list-style: none;
    width: 95%;
    margin: auto;
    margin-top: 22px;
    display: -ms-flexbox;
    display: flex
}

#menu li:hover ul#contenedor_items_CONFIGURACION li ul {
    padding: 21px;
    left: -191px;
    top: -23px
}

#menu li:hover ul#contenedor_items_CONFIGURACION li ul a {
    text-align: right
}

#menu li:hover ul.contenedor-menu-subItem {
    left: 186px;
    top: -2px;
    width: 168px
}

ul.contenedor-menu-item li:hover {
    background-color: #e6e6e6
}

.contenedor-menu-item .menu-item a {
    padding: 15px;
    border-bottom: 2px solid #e5e5e5
}

li.menu-subItem a {
    width: 129px
}

#menu li.menu-categoria:hover {
    background-color: #abacae
}

#sesionBox ul#listaClientes,#sesionBox ul#listConfiguracion,#sesionBox ul#listChatOptions {
    top: 60px;
    background: #fff !important;
    color: #939598;
    border: 1px solid rgba(188,190,192,0.41);
    border-top: 3px solid #e0dfdf !important;
    border-top: none;
    display: block;
    width: 270px;
    margin-left: 9px;
    max-height: 350px;
    overflow-y: auto;
    border-radius: 5px
}

#sesionBox ul#listaClientes li,#sesionBox ul#listConfiguracion li,#sesionBox ul#listChatOptions li {
    border-bottom: 1px solid #e0dfdf
}

#sesionBox ul#listaClientes li label,#sesionBox ul#listConfiguracion li label,#sesionBox ul#listChatOptions li label {
    padding-left: 35px;
    padding-bottom: 12px;
    padding-top: 11px;
    padding-right: 15px;
    font-size: 11px;
    display: block;
    cursor: pointer;
    font-weight: 100
}

#sesionBox ul#listaClientes li label.activo,#sesionBox ul#listConfiguracion li label.activo,#sesionBox ul#listChatOptions li label.activo {
    background-color: #b9b9b9;
    color: #fff;
    font-weight: bold
}

#sesionBox ul#listaClientes li.select-all,#sesionBox ul#listConfiguracion li.select-all,#sesionBox ul#listChatOptions li.select-all {
    background: #f6f6f6
}

#sesionBox ul#listaClientes li.select-all label,#sesionBox ul#listConfiguracion li.select-all label,#sesionBox ul#listChatOptions li.select-all label {
    display: inline-block;
    cursor: default;
    padding-left: 0px;
    margin-top: 5px
}

#sesionBox ul#listaClientes li.select-all input,#sesionBox ul#listConfiguracion li.select-all input,#sesionBox ul#listChatOptions li.select-all input {
    margin-left: 15px;
    vertical-align: middle
}

#sesionBox ul#listaClientes input,#sesionBox ul#listConfiguracion input,#sesionBox ul#listChatOptions input {
    margin-bottom: 5px
}

#listConfiguracion {
    transition: all 3s ease-in-out 0s, visibility 0s linear 3s, z-index 0s linear 1s;
    border-top: 3px solid #e6e7e8;
    top: 53px;
    margin-left: 170px !important;
    border-radius: 6px;
    max-height: none;
    overflow-y: auto;
    overflow-x: auto;
    width: 230px !important;
    position: initial
}

#listConfiguracion li a {
    color: #939598;
    padding-left: 15px;
    padding-bottom: 12px;
    padding-top: 13px;
    padding-right: 13px;
    font-size: 11px
}

#arrow_clients {
    position: relative;
    transition: all 3s ease-in-out 0s, visibility 0s linear 3s, z-index 0s linear 1s;
    top: -3px
}

#arrow_clients:after,#arrow_clients:before {
    bottom: 100%;
    left: 65px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#arrow_clients:after {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #e0dfdf;
    border-width: 5px;
    margin-left: -5px
}

#arrow_clients:before {
    border-color: rgba(194,225,245,0);
    border-bottom-color: #e0dfdf;
    border-width: 5px;
    margin-left: -5px
}

#arrow {
    position: relative;
    transition: all 3s ease-in-out 0s, visibility 0s linear 3s, z-index 0s linear 1s
}

#arrow :after,#arrow:before {
    bottom: 100%;
    right: 136px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#arrow :after {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #e6e7e8;
    border-width: 5px;
    margin-left: -5px
}

#arrow :before {
    border-color: rgba(194,225,245,0);
    border-bottom-color: #e6e7e8;
    border-width: 8px;
    margin-left: -5px
}

#listChatOptions {
    transition: all 3s ease-in-out 0s, visibility 0s linear 3s, z-index 0s linear 1s;
    border-top: 3px solid #e6e7e8;
    top: 53px;
    margin-left: 212px !important;
    border-radius: 6px;
    max-height: none;
    overflow-y: auto;
    overflow-x: auto;
    width: 150px !important;
    position: initial;
    overflow: hidden
}

#listChatOptions li a {
    color: #939598;
    padding-left: 15px;
    padding-bottom: 12px;
    padding-top: 13px;
    padding-right: 13px;
    font-size: 11px;
    width: 108px
}

#arrow_chat :after,#arrow_chat:before {
    bottom: 100%;
    right: 112px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 49px
}

#arrow_chat :after {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #e6e7e8;
    border-width: 5px;
    margin-left: -5px
}

.noLink .tbody tr:hover {
    background-color: #fafafa;
    color: #000000 !important
}

.noLink .tbody td {
    cursor: default !important
}

.jmesa {
    width: 100%;
    display: block;
    height: auto;
    overflow-y: hidden
}

.jmesa.vencimientoTarjeta {
    width: 50%;
    margin-left: 165px;
    text-transform: uppercase
}

.jmesa.vencimientoTarjeta th {
    color: black;
    text-align: right;
    padding: 15px;
    border-top: 2px solid #000000
}

.jmesa.vencimientoTarjeta td {
    text-align: right;
    padding: 15px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #cecece
}

.jmesa.vencimientoTarjeta td.col-1 {
    color: black
}

.jmesa.vencimientoTarjeta td.nowrap {
    white-space: nowrap
}

.jmesa.montosTarjeta {
    margin-top: 15px;
    margin-bottom: 15px
}

.jmesa.montosTarjeta th {
    color: black;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid #000000;
    text-transform: uppercase;
    vertical-align: middle
}

.jmesa.montosTarjeta td {
    text-align: right;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #cecece
}

.jmesa.montosTarjeta td input[type="text"] {
    width: 140px
}

.jmesa table {
    width: 100%;
    text-align: left
}

.jmesa table .tbody td {
    cursor: pointer;
    padding-left: 5px
}

.jmesa table.jmesa-table-small {
    width: 300px
}

.jmesa table.table-small {
    width: 100%;
    margin: 0 auto;
    font-family: 'font-Davivienda-Titulos';
    font-size: 14px;
    background: #fff
}

.jmesa table.table-small td {
    padding: 24px 31px
}

.jmesa table.table-small thead tr td {
    color: #fff;
    border: none
}

.jmesa table.tipoDeCambio {
    margin-top: 12px;
    font-size: 12px
}

.jmesa table.tipoDeCambio thead {
    font-size: 10px
}

.jmesa table.tipoDeCambio .header td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px
}

.jmesa table.tipoDeCambio td {
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px
}

.jmesa table.tipoDeCambio td img {
    width: 20px;
    padding-left: 9px;
    padding-right: 5px
}

.jmesa table.tipoDeCambio td.pr {
    padding-right: 5px
}

.jmesa table.tipoDeCambio td.pl {
    padding-left: 5px
}

.jmesa.jmesaSoloLectura table tbody td {
    cursor: initial
}

.jmesa td {
    vertical-align: middle;
    padding-top: 13px;
    padding-bottom: 13px;
    height: 15px;
    border-right: none;
    border-top: 1px solid #cecece
}

.jmesa tr.header {
    border-top: 2px solid #f6f6f6;
    color: #fff;
    letter-spacing: 1px;
    background-color: #ee1c28
}

.jmesa .highlight {
    background-color: #dadada;
    color: #000
}

.jmesa .odd {
    color: #000000
}

.jmesa .even {
    color: #000000
}

.jmesa .header th {
    color: #2b3d4d;
    font-weight: bold;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: white;
    height: 15px;
    text-align: left
}

.jmesa .header td {
    height: 32px;
    width: 31em;
    border-bottom: none;
    border-right: none;
    text-align: center;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
    text-align: -webkit-left;
    color: #fff;
    cursor: default;
    text-align: left
}

.jmesa .toolbar img {
    border: 0px
}

.jmesa .toolbar table {
    margin-left: 0px;
    float: right;
    width: 99%
}

.jmesa .toolbar td {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -ms-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -ms-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
    padding: 0 0 0 0;
    border-top: 0.5px solid;
    border-bottom: 0.5px solid;
    padding-top: 0.750em;
    padding-right: 0.750em;
    border-color: transparent
}

.jmesa thead td.titulo-montos {
    text-align: right
}

.jmesa thead td.align-right {
    text-align: right
}

.jmesa thead td.align-center {
    text-align: center
}

.jmesa thead td.titulo-porcentaje {
    text-align: right
}

.jmesa td.align-montos {
    text-align: right;
    padding-right: 7px;
    white-space: nowrap;
    font-weight: bold;
    color: #000
}

.jmesa td.align-montos .montoNegativo {
    color: #ababab
}

.jmesa td.align-porcentaje {
    text-align: right;
    padding-right: 7px
}

.jmesa td.align-fecha {
    width: 11%;
    padding-right: 7px
}

.jmesa td.col-xsmall {
    width: 7%
}

.jmesa td.col-small {
    width: 11%
}

.jmesa td.col-xm-medium {
    width: 20%
}

.jmesa td.col-medium {
    width: 25%
}

.jmesa td.col-xl-long {
    width: 50%
}

.jmesa td.col-long {
    width: 100%
}

.jmesa td.align-left {
    text-align: left
}

.jmesa td.align-right {
    text-align: right
}

.jmesa td.align-center {
    text-align: center
}

td.colum-short-xs {
    width: 105px
}

.boton-finTabla {
    float: right
}

.boton-internoTabla {
    width: 14%
}

.boton-internoTabla a {
    min-width: 156px;
    border: 1px solid #ee1c28;
    padding: 4px 23px;
    border-radius: 99px;
    text-decoration: none;
    color: #ee1c28
}

.boton-internoTabla a:hover {
    color: white;
    background: #ee1c28
}

table.tabla-aperturaCuentas td {
    text-align: right
}

table.tabla-aperturaCuentas td.align-montos input {
    text-align: right;
    margin-bottom: -13px
}

.tablaDetalle a {
    text-decoration: none;
    color: black
}

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left
}

.ui-multiselect span.ui-icon {
    float: right
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px
}

.ui-multiselect-header ul {
    font-size: 0.9em
}

.ui-multiselect-header ul li {
    float: left;
    padding: 0 10px 0 0
}

.ui-multiselect-header a {
    text-decoration: none
}

.ui-multiselect-header a:hover {
    text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
    float: left
}

.ui-multiselect-header li.ui-multiselect-close {
    float: right;
    text-align: right;
    padding-right: 0
}

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left
}

.ui-multiselect-checkboxes {
    position: relative;
    overflow-y: auto
}

.ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px
}

.ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px
}

.ui-multiselect-checkboxes li {
    clear: both;
    font-size: 0.9em;
    padding-right: 3px
}

.ui-multiselect-check boxes li.ui-multiselect-optgroup-label {
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    display: block;
    padding: 3px;
    margin: 1px 0;
    text-decoration: none
}

* html .ui-multiselect-checkboxes label {
    border: none
}

@media print {
    .ui-multiselect-menu {
        display: none
    }
}

.ui-widget-content {
    border: none;
    border: 1px solid #c4c1c1;
    padding: 9px
}

.month-picker .ui-widget-header {
    border: none
}

.month-picker table .ui-button-text {
    font-family: 'font-Davivienda-Titulos'
}

.month-picker table .ui-button-text .ui-state-default,.month-picker table .ui-button-text .ui-widget-content .ui-state-default,.month-picker table .ui-button-text .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    border: 1px solid #c4c1c1;
    padding: 9px
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: none;
    background: none
}

.month-picker-year-table {
    border-bottom: 2px solid black
}

.ui-widget-header {
    background: none
}

a.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-active {
    border-radius: 0;
    background-color: #ee1c28 !important;
    color: white;
    border-radius: 81px
}

a.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    border-radius: 0;
    border: 2px solid white;
    border-radius: 81px
}

a.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
    border: 2px solid #ee1c28 !important;
    border-radius: 81px
}

a.ui-state-default:hover {
    background: #ffe4e4;
    border-radius: 99px
}

.div-contenedor-checkbox-campos {
    margin-left: 166px;
    display: flex
}

.div-contenedor-checkbox-campos h3:first-child {
    width: 55%
}

.div-contenedor-checkbox-campos .sortable-div {
    width: 45%;
    margin-bottom: 30px
}

.div-contenedor-checkbox-campos .sortable-div .dragbleList {
    max-height: 230px;
    overflow: auto
}

.div-contenedor-checkbox-campos .sortable-div .dragbleList .sortable-list {
    background-color: #fff;
    list-style: none;
    margin-bottom: 10px;
    min-height: 220px;
    padding: 5px;
    overflow: auto
}

.div-contenedor-checkbox-campos .sortable-div .dragbleList .sortable-list:last-child {
    margin-bottom: 0
}

.div-contenedor-checkbox-campos .sortable-div .dragbleList .sortable-list .sortable-item {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D3D3D3;
    color: #5a5a5a;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 6px 6px 6px 24px;
    cursor: pointer;
    background: #f1f1f1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.div-contenedor-checkbox-campos .sortable-div .dragbleList .sortable-list .sortable-item.selected {
    border: 2px solid #D8192A
}

.div-contenedor-checkbox-campos .columna-botones {
    width: 10%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.div-contenedor-checkbox-campos .columna-botones button {
    background-color: #D8192A;
    margin: 5px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    border: 0
}

.div-contenedor-checkbox-campos .columna-botones button .botonDraggable {
    display: block;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: transparent;
    margin-top: 2em;
    margin-right: 0.8em
}

.draglist-shift {
    margin-left: -3% !important;
    width: 53% !important
}

#outer {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -ms-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -ms-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

#header {
    width: 100%;
    display: inline-block
}

#superior {
    width: 645px;
    height: 64px;
    background-color: #ee1c28;
    display: inline-block;
    border-radius: 99px
}

#superiorSinLogin {
    width: 100%;
    background-color: #ee1c28;
    height: 50px
}

#superiorSinLogin #banner {
    left: 81px;
    margin-top: 4px
}

#banner {
    position: relative;
    float: left;
    left: 26px;
    margin-top: 10px;
    background: url() no-repeat;
    width: 300px;
    height: 50px;
    margin-left: 14px
}

.btn-signOff {
    position: relative;
    top: 17px;
    left: 185px;
    min-width: 87px;
    height: 31px
}

.icono-menuConf {
    position: absolute;
    color: #ee1c28;
    font-size: 26px;
    top: 20px;
    left: 173px
}

#sesionBox {
    z-index: 1;
    float: right;
    position: relative;
    width: 350px;
    height: 64px;
    color: white;
    font-weight: 100;
    display: inline-block;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 99px;
    border: 2px solid #f0eded
}

#sesionBox .nombre-operador {
    padding-left: 10px
}

#sesionBox img {
    cursor: pointer;
    width: 25px;
    top: -12px;
    margin-left: 3px;
    position: relative
}

#sesionBox a {
    width: 180px;
    cursor: pointer;
    height: 56px;
    color: white;
    font-weight: 100;
    text-decoration: none;
    display: inline-block
}

#sesionBox a .cont-avat-ico {
    height: 40px;
    width: 56px;
    margin-top: 10px
}

#sesionBox a span {
    position: absolute;
    top: 45%;
    margin-top: -3px;
    left: 63px;
    padding-right: 10px;
    text-overflow: ellipsis;
    width: 134px;
    color: #000;
    font-size: 14px;
    font-family: 'font-Davivienda-subtitulos';
    font-weight: 100
}

#sesionBox a span.notificaciones {
    border: 2px solid white;
    background-color: red;
    color: white;
    width: auto;
    padding: 5px;
    left: 41px;
    top: 23px;
    border-radius: 99px;
    padding-top: 6px;
    padding-bottom: 3px;
    min-width: 10px;
    text-align: center;
    z-index: 20;
    font-size: 11px;
    font-family: 'font-Davivienda-titulos'
}

#sesionBox a img {
    position: absolute;
    top: 32px;
    margin-top: -20px;
    left: 11px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    width: 35px
}

#sesionBox ul.toggle {
    display: block
}

#sesionBox ul {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -ms-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -ms-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: none;
    background-color: #ee1c28
}

#sesionBox ul li.noHighlight:hover {
    background-color: #ee1c28
}

#sesionBox ul li:hover {
    background-color: #f6f6f6
}

#sesionBox ul li:last-child {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -ms-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -ms-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

#sesionBox ul li a {
    height: auto
}

#sesionBox .boton-cerrar {
    min-width: 85px;
    top: 18px;
    left: -5px;
    display: inline;
    position: relative;
    float: right
}

#sesionBox .boton-cerrar img {
    top: 2px;
    cursor: default;
    width: 11px;
    padding-right: 5px
}

.lastLogon-ip {
    display: inline-block;
    float: right;
    width: 382px
}

.lastLogon-ip p {
    width: 345px;
    font-size: 12px;
    margin-left: 29px;
    margin-top: 10px;
    margin-bottom: 4px;
    line-height: 1.3;
    color: #939598
}

#sesionBox img#configuracion {
    margin-left: 15px
}

#sesionBox .nombre-operador.user_not_selected {
    padding-left: 0px;
    margin-left: -6px
}

.segment_title {
    text-transform: uppercase
}

span#operadores:hover {
    color: #939598
}

#sesionBox a .cont-avat-ico:hover #ico_notificaciones {
    background-color: #D8192A
}

#sesionBox a .cont-avat-ico:hover #notificaciones {
    border: 1px solid white
}

#footer {
    height: 48px;
    background-color: #000000;
    position: fixed;
    width: 100vw;
    top: 96vh
}

#footer ul {
    padding: 0;
    margin: 0
}

#footer ul .footerText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
    padding-top: 10px;
    width: 424px;
    color: white
}

@media (max-height: 600px) {
    #footer {
        top:94vh
    }
}

html {
    background-color: #f6f6f6;
    z-index: 0;
    height: 100%;
    min-width: 48em;
    font-size: 100%
}

a {
    cursor: pointer
}

input {
    border: none;
    border-bottom: 2px solid #ee1c28
}

input:disabled {
    opacity: 0.6
}

select {
    background: url(images/default/flecha-select.png) 206px;
    width: 225px;
    background-repeat: no-repeat;
    border: 0;
    padding: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: none;
    border-bottom: 2px solid #ee1c28;
    padding-right: 25px;
    font-family: 'font-Davivienda-subtitulos'
}

select.select-moneda {
    background: url(images/default/flecha-select.png) 17px;
    width: 38px;
    background-repeat: no-repeat
}

select.select-short {
    background: url(images/default/flecha-select.png) 31px;
    width: 51px;
    background-repeat: no-repeat
}

select.select-xm-short {
    background: url(images/default/flecha-select.png) 52px;
    width: 73px;
    background-repeat: no-repeat
}

select.select-xl-short {
    background: url(images/default/flecha-select.png) 62px;
    width: 85px;
    background-repeat: no-repeat
}

select.select-medium {
    background: url(images/default/flecha-select.png) 123px;
    width: 142px;
    background-repeat: no-repeat
}

select.select-long-lg {
    background: url(images/default/flecha-select.png) 456px;
    min-width: 476px;
    background-repeat: no-repeat;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border: none;
    border-bottom: 2px solid #ee1c28;
    padding-right: 25px
}

select.select-long-mm {
    background: url(images/default/flecha-select.png) 406px;
    min-width: 430px;
    background-repeat: no-repeat
}

select.select-long {
    background: url(images/default/flecha-select.png) 164px;
    width: 183px;
    background-repeat: no-repeat
}

select.ui-datepicker-year {
    background: url(images/default/flecha-select.png) 40px;
    background-repeat: no-repeat;
    margin-right: 5px !important
}

select.ui-datepicker-month {
    background: url(images/default/flecha-select.png) 40px;
    background-repeat: no-repeat
}

@media screen\0 {
    .tabla-correos-confirmacion td {
        padding-bottom: 0px
    }

    select {
        background: none;
        padding-right: 0px;
        font-family: 'font-Davivienda-subtitulos'
    }

    select.select-moneda {
        background: none;
        padding-right: 0px
    }

    select.select-short {
        background: none;
        padding-right: 0px
    }

    select.select-xm-short {
        background: none;
        padding-right: 0px
    }

    select.select-medium {
        background: none;
        padding-right: 0px
    }

    select.select-long-lg {
        background: none;
        padding-right: 0px
    }

    select.select-long {
        background: none;
        padding-right: 0px
    }

    select.ui-datepicker-year {
        background: none;
        padding-right: 0px
    }

    select.ui-datepicker-month {
        background: none;
        padding-right: 0px
    }
}

select.select-long-lg:disabled {
    opacity: 0.6
}

select:disabled {
    opacity: 0.6
}

label {
    padding: 5px 0
}

label.label-sub-consolidada {
    display: inline-block
}

label.label-long {
    width: 185px;
    display: inline-block;
    float: left;
    padding-left: 10px
}

label.label-left {
    text-align: left !important;
    width: 76px !important
}

label.text-movimientos {
    width: 185px !important;
    float: left;
    padding-top: 20px;
    color: #000
}

label.float-left {
    float: left
}

label.label-divisas {
    margin-top: 7px;
    display: block;
    padding-left: 6px
}

label.label-fechaCorte {
    font-weight: 900;
    color: black;
    text-align: left !important;
    width: 90px !important
}

label.monto-minimo {
    width: 50px !important
}

body {
    padding: 0;
    margin: 0px auto 0px auto;
    position: relative;
    width: 100%;
    color: #000;
    font-size: 11px;
    font-family: 'font-Davivienda-text'
}

html>body #minHeight {
    float: right;
    height: 100%;
    margin-bottom: -5.454540em;
    width: 0px
}

#outer {
    position: relative;
    min-height: 100%;
    height: 100%;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 50px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 88.2em;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    margin-top: 50px
}

* html #outer {
    height: 100%
}

#contenedorPadre {
    width: 93.191em;
    width: 1024px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
    padding-bottom: 60px
}

#centrecontent {
    float: left;
    position: relative;
    width: 66.5em;
    height: 100%;
    padding-top: 12px;
    overflow: hidden;
    border-right: 1px solid #bcbec0;
    padding-right: 4px;
    padding-bottom: 11px;
    left: 1px
}

.idiomaLink {
    margin-top: 20px;
    margin-right: 15px;
    color: white
}

.idiomaLink a {
    right: 80%;
    color: white;
    font-weight: bold;
    text-decoration: none
}

.idiomaLink a:hover {
    text-decoration: underline
}

.limpiar {
    clear: both
}

li.row.element-report {
    float: right;
    width: 326px
}

input {
    background: none
}

.inline-block {
    display: inline-block
}

.alignWhithLabel {
    margin-left: 167px;
    font-family: 'font-Davivienda-subtitulos'
}

.input-monto input[type='text'] {
    text-align: right !important
}

#fondoModal {
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    border-radius: 99px;
    background-color: #fff;
    width: 229px;
    height: 54px;
    padding-top: 10px;
    text-align: left;
    padding-left: 10px;
    border-radius: 99px;
    z-index: 900
}

#imagenModal {
    float: left;
    height: 50px;
    width: 50px;
    margin-top: 2px;
    margin-left: 10px
}

#textoModal {
    font-size: 13px;
    font-weight: bold;
    font-family: 'font-Davivienda-titulos';
    padding-top: 15px;
    float: left;
    width: 150px
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255,255,255,0.6)
}

.modal-content {
    display: flex;
    width: 360px;
    background-color: #fefefe;
    border-radius: 1rem;
    margin: auto;
    padding: 20px;
    color: #ee1c28;
    font-size: 1rem;
    font-family: 'DV-regular';
    box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px
}

.modal-image {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.modal-image .img-alert {
    background: url(images/modal/alert.svg);
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.modal-image .img-check {
    background: url(images/modal/check.svg);
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.modal-text {
    width: 80%;
    text-align: center;
    font-family: 'font-Davivienda-text'
}

.modal-links {
    display: flex;
    justify-content: space-evenly;
    margin-top: 1rem
}

.modal-links a {
    font-family: 'font-Davivienda-text';
    color: #ee1c28;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none
}

.modal-divider {
    border: 1px solid #ee1c28;
    margin: 0 1rem
}

.modalPopupAgenda,.modalPopupSitio {
    color: #000;
    width: 63.636em;
    position: absolute;
    top: 0em;
    left: 0em;
    *left: 0em;
    margin-left: -31.818em;
    *margin-left: -31.818em;
    margin-top: -150px;
    padding: 0;
    overflow: visible;
    display: none;
    cursor: default
}

.modalPopupSitio {
    position: relative;
    margin-left: -21.818em;
    *margin-left: -21.818em
}

#agenda_fondo,#popup_fondo {
    background-color: #ffffff;
    display: inline-block;
    overflow: visible;
    padding: 2px;
    position: relative;
    width: 56em
}

#agenda_contenedor,#popup_contenedor {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid #BDBDBD;
    display: inline-block;
    height: 90%;
    margin: 20px;
    min-height: 50%;
    overflow: visible;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    width: 50em;
    padding-bottom: 20px
}

.barraSubTituloTablaAgenda {
    position: relative;
    background: url(images/table/css/estirameHeaderTabla.png) repeat-x;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    color: white;
    margin: 0 0 0 0;
    border-left-width: 0px;
    padding-left: 1.5em;
    padding-bottom: 0;
    text-align: left;
    height: 40px;
    width: 709px;
    padding-top: 14px;
    margin-bottom: 1px
}

.footerTablaAgenda {
    border-top: 0.5px solid #D8D8D8;
    padding-bottom: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.75em;
    background-color: #fff
}

#agenda_titulo {
    float: left;
    font-size: 14px;
    margin-left: 20px
}

.centrado {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#icono_cerrar_agenda {
    cursor: pointer;
    background: url(images/modal_agenda/ico_cerrar_Off.png) no-repeat;
    float: right;
    width: 16px;
    height: 16px;
    *margin-top: -1.8em
}

body .ui-tooltip {
    border-radius: 0px;
    border-width: 0
}

.ui-tooltip,.arrow:after {
    background: #000
}

.ui-tooltip {
    padding: 10px;
    color: white;
    border-radius: 0px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-transform: none
}

.arrow {
    position: absolute;
    left: 0 !important;
    margin-left: -24px;
    top: 96%
}

.arrow.top {
    bottom: auto
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
    height: 10px;
    width: 10px
}

.arrow.top:after {
    bottom: -20px;
    top: auto
}

.genericBarraSubtituloConsolidada,.barraSubTituloConsolidada,.barraSubTituloConsolidadaNoMostroProducto {
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -ms-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -ms-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    font-weight: bold;
    margin: 0 0 0 0;
    border-left-width: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 1px;
    vertical-align: middle
}

.genericBarraSubtituloConsolidada label,.barraSubTituloConsolidada label,.barraSubTituloConsolidadaNoMostroProducto label {
    padding-left: 0.5em
}

.separador-inferior-blanco {
    margin-bottom: 20px
}

.icono-titulo-productos,.icono-producto-cuenta,.icono-producto-tarjeta,.icono-producto-prestamo,.icono-producto-comex,.icono-producto-plazoFijo,.icono-tabla-alertas,.icono-tabla-descuento,.icono-tabla-mensajes,.icono-tabla-noticias {
    float: left;
    padding-right: 5px;
    font-weight: normal;
    margin-top: -8px;
    color: WHITE;
    padding-left: 10px
}

.barraSubTituloConsolidada {
    background-color: #ee1c28;
    color: WHITE
}

.flechaCierra {
    float: right;
    padding-right: 5px;
    font-weight: normal;
    margin-right: 14px
}

.flechaAbre {
    float: right;
    padding-right: 5px;
    font-weight: normal;
    margin-top: -9px;
    margin-right: 14px;
    padding-left: 20px;
    background: url(images/default/flecha-select.png) 163px;
    background-repeat: no-repeat;
    height: 15px
}

.barraSubTituloConsolidadaNoMostroProducto {
    border-radius: 99px;
    color: #ee1c28;
    border: 1px solid #bcbec0
}

.barraSubTituloConsolidadaNoMostroProducto:hover {
    background-color: #ee1c28;
    color: #fff
}

.barraSubTituloConsolidadaNoMostroProducto:hover .icono-titulo-productos,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-producto-cuenta,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-producto-tarjeta,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-producto-prestamo,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-producto-comex,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-producto-plazoFijo,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-tabla-alertas,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-tabla-descuento,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-tabla-mensajes,.barraSubTituloConsolidadaNoMostroProducto:hover .icono-tabla-noticias {
    color: #fff
}

.barraSubTituloConsolidadaNoMostroProducto .icono-titulo-productos,.barraSubTituloConsolidadaNoMostroProducto .icono-producto-cuenta,.barraSubTituloConsolidadaNoMostroProducto .icono-producto-tarjeta,.barraSubTituloConsolidadaNoMostroProducto .icono-producto-prestamo,.barraSubTituloConsolidadaNoMostroProducto .icono-producto-comex,.barraSubTituloConsolidadaNoMostroProducto .icono-producto-plazoFijo,.barraSubTituloConsolidadaNoMostroProducto .icono-tabla-alertas,.barraSubTituloConsolidadaNoMostroProducto .icono-tabla-descuento,.barraSubTituloConsolidadaNoMostroProducto .icono-tabla-mensajes,.barraSubTituloConsolidadaNoMostroProducto .icono-tabla-noticias {
    color: #ee1c28
}

.contenedor-tablasPosicion {
    padding: 0 30px;
    border: 1px solid #939598;
    border-top: none;
    overflow-y: hidden
}

.boton-primario-tabla {
    background-color: #D8192A;
    color: white;
    padding: 4px 18px;
    border-radius: 99px
}

div.contenedor-sub-bloque {
    border: none;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    padding: 0
}

.contenedor-sub-bloque td {
    padding: 15px 5px;
    font-size: 12px;
    border-bottom: 1px solid #939598
}

.content-tarifario {
    margin-top: 15px
}

.barraSubTituloConsolidada img {
    margin-left: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .60s ease-in-out;
    -moz-transition: .60s ease-in-out;
    -ms-transition: .60s ease-in-out;
    -o-transition: .60s ease-in-out;
    transition: .60s ease-in-out
}

.barraSubTituloConsolidada .icono-faviconMisProductos {
    -webkit-transition: .60s ease-in-out;
    -moz-transition: .60s ease-in-out;
    -ms-transition: .60s ease-in-out;
    -o-transition: .60s ease-in-out;
    width: 20px;
    margin-left: 15px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    background-image: url(images/favicon-blanco.png);
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.barraSubTituloConsolidadaNoMostroProducto img {
    margin-left: 30px;
    -webkit-transition: .60s ease-in-out;
    -moz-transition: .60s ease-in-out;
    -ms-transition: .60s ease-in-out;
    -o-transition: .60s ease-in-out;
    transition: .60s ease-in-out
}

.barraSubTituloConsolidadaNoMostroProducto .icono-faviconMisProductos {
    -webkit-transition: .60s ease-in-out;
    -moz-transition: .60s ease-in-out;
    -ms-transition: .60s ease-in-out;
    -o-transition: .60s ease-in-out;
    transition: .60s ease-in-out;
    width: 20px;
    margin-left: 15px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-image: url(images/favicon-rojo.png);
    display: inline-block
}

.barraSubTituloConsolidadaNoMostroProducto:hover .icono-faviconMisProductos {
    background-image: url(images/favicon-blanco.png)
}

.boton-puntos {
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    border-radius: 99px;
    display: inline-block;
    height: 22px;
    width: 45%;
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    text-align: center;
    color: white;
    text-decoration: none
}

.boton-puntos.premios {
    background-color: #ee1c28
}

.boton-puntos.canje {
    background-color: #bcbec0
}

.boton-puntos.detalle {
    background-color: #939598
}

.boton-puntos.compraTraslado {
    background-color: #f6f6f6
}

.contenedor-panel-derecho .seccion {
    width: 232px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #bcbec0
}

.contenedor-panel-derecho .seccion .titulo {
    width: 12em;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ee1c28;
    padding-bottom: 11px;
    margin: auto;
    margin-top: 10px
}

.contenedor-panel-derecho .seccion .texto {
    width: 150px;
    font-size: 13px;
    color: #000;
    font-family: 'font-Davivienda-Titulos';
    text-align: center;
    margin: auto
}

.icono-relog {
    background: url(images/icon-relog.png) 14px 0px;
    background-repeat: no-repeat;
    padding-top: 5px
}

.icono-info {
    background: url(images/icon-relog.png) 9px 0px;
    background-repeat: no-repeat;
    padding-top: 5px
}

#mis_mensajes {
    height: 125px;
    width: 228px;
    position: relative
}

#mis_mensajes #img_mensajes {
    width: 16px;
    height: 16px;
    background: url(images/panel_lateral/derecho/iconoMail.png);
    margin-top: 15px;
    margin-left: 10px;
    align: left;
    position: absolute
}

#mis_mensajes #texto_mensajes {
    position: absolute;
    margin-left: 3em;
    width: 10em;
    margin-top: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #ee1c28;
    font-weight: bold
}

#mis_mensajes #caja_alertas {
    width: 97px;
    height: 68px;
    background: url(images/panel_lateral/derecho/cajaAvisos.png);
    margin-top: 0px;
    margin-left: 10px;
    align: left;
    position: absolute;
    cursor: pointer
}

#mis_mensajes #caja_avisos {
    width: 97px;
    height: 68px;
    background: url(images/panel_lateral/derecho/cajaAvisos.png);
    margin-top: 0px;
    margin-left: 120px;
    align: left;
    position: absolute;
    cursor: pointer
}

#mis_mensajes .botonMensajes {
    position: absolute;
    margin-left: 2.0em;
    width: 5.3em;
    height: 1.3em;
    margin-top: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding-top: 2px;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    color: #939598;
    font-weight: bold
}

#mis_mensajes .textoNotificaciones {
    position: absolute;
    margin-left: 0.5em;
    width: 2em;
    height: 1.65em;
    margin-top: 28px;
    text-align: center;
    font-size: 22px;
    color: #ee1c28;
    font-family: helvetica, arial, sans-serif;
    font-size: 35px;
    font-weight: bold
}

#mis_puntos {
    display: inline-block;
    height: 40px;
    border-left: 1px solid #E8E8E8
}

#mis_puntos #img_puntos {
    width: 16px;
    height: 16px;
    background: url(images/panel_lateral/derecho/iconoPuntos.png);
    margin-top: 15px;
    margin-left: 10px;
    align: left;
    position: absolute
}

#mis_puntos #titulo {
    position: absolute;
    margin-left: 3em;
    width: 14em;
    margin-top: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #ee1c28;
    font-weight: bold
}

#mis_puntos #img_puntos_acumulados {
    width: 208px;
    height: 51px;
    background: url(images/panel_lateral/derecho/cajaPuntos.png);
    margin-top: 32px;
    margin-left: 10px;
    align: left;
    position: absolute
}

#mis_puntos #texto_puntos_acumulados {
    position: absolute;
    margin-left: 3em;
    width: 180px;
    margin-top: 47px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold
}

#mis_promociones {
    height: 172px;
    width: 228px;
    position: relative;
    border-left: 1px solid #E8E8E8
}

#imagen_promociones {
    height: 168px;
    width: 208px;
    position: relative;
    background: url(images/panel_lateral/derecho/bannerMuestra.gif);
    margin: auto
}

button.btn_puntos {
    font-size: 11px;
    margin: 98px 0 0 0.8em;
    width: 100px;
    background: url(images/sprites/botones/botonesR.png) no-repeat 106px top;
    height: 28px;
    line-height: 11px;
    padding-left: 8px
}

button.btn_puntos.gris {
    background-position: 66px 0
}

button.btn_puntos span {
    background: url(images/sprites/botones/botonesL.png) no-repeat scroll 0px top transparent;
    color: #fff;
    font-weight: bold;
    height: 18px;
    padding: 8px 16px 2px 16px
}

button.btn_puntos:hover {
    background-position: 106px -28px
}

button.btn_puntos.gris:hover {
    background-position: 66px -28px
}

button.btn_puntos:hover span {
    background-position: 0 -28px
}

button.btn_puntos.gris span {
    background-position: -470px 0;
    color: #ee1c28
}

button.btn_puntos.gris:hover span {
    background-position: -470px -28px;
    color: #ee1c28
}

button.btn_puntos.gris.img span {
    padding: 8px 35px 2px 15px
}

#linea {
    height: 20px;
    width: 228px;
    position: relative;
    border-left: 1px solid #E8E8E8
}

#linea #linea_separadora {
    background: none;
    border-bottom: 2px solid #ece8e8;
    repeat-x: center;
    height: 15px;
    margin-left: 10px
}

#link_promociones {
    height: 50px;
    width: 228px;
    position: relative;
    border-left: 1px solid #E8E8E8
}

#link_promociones #img_promociones {
    width: 16px;
    height: 16px;
    background: url(images/panel_lateral/derecho/iconoGeo.png);
    margin-top: 15px;
    margin-left: 10px;
    align: left;
    position: absolute
}

#link_promociones #texto_promociones {
    position: absolute;
    margin-left: 3em;
    width: 17em;
    margin-top: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #ee1c28;
    font-weight: bold
}

.contenedor-TipoDeCambio {
    border-top: 1px solid #ee1c28;
    margin-bottom: 10px
}

.contenedor-TipoDeCambio i {
    text-align: right;
    margin-left: 43px;
    margin-top: 7px
}

.contenedor-TipoDeCambio .titulo {
    text-align: center;
    margin-top: 19px;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    color: #ee1c28;
    font-weight: bold;
    width: 97px;
    display: inline-block
}

.contenedor-TipoDeCambio .jmesa thead td div {
    font-size: 11px;
    color: #fff
}

.puntos {
    padding: 10px;
    border-bottom: 1px solid #bcbec0;
    padding-left: 11px;
    padding-right: 0px;
    padding-bottom: 10px
}

.puntos:last-child {
    border: 0px
}

.puntos .points_title {
    font-size: 14px;
    color: #ee1c28;
    font-weight: 100;
    font-family: 'font-Davivienda-Titulos'
}

.puntos .points_subtitle {
    text-transform: uppercase;
    color: #939598
}

.puntos .Lista-puntos {
    padding-top: 10px;
    padding-bottom: 5px;
    overflow-y: auto;
    height: 100%
}

.puntos .Lista-puntos ul li {
    font-family: 'font-Davivienda-text';
    font-size: 11px;
    font-weight: 100;
    margin-bottom: 5px;
    border-bottom: 1px dotted #bcbec0;
    display: inline-block;
    width: 48%
}

.puntos .Lista-puntos ul.Lista-productos {
    text-align: left;
    display: inline-block;
    width: 94%
}

.puntos .Lista-puntos ul.Lista-puntosxproducto {
    text-align: right;
    display: inline-block;
    width: 50%
}

.puntos .points_button {
    text-align: center;
    background: #ee1c28;
    padding: 5px;
    margin-left: 132px;
    border-radius: 99px;
    padding-right: 50px;
    margin-right: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 29px
}

.puntos .points_button a {
    text-decoration: none;
    padding-left: 6px;
    padding-right: 62px;
    background-repeat: no-repeat;
    color: #fff
}

#consultaDePuntosForm {
    margin-left: 5px
}

.puntos-holding .cont-boton {
    width: 157px;
    margin: 0 auto;
    margin-top: 20px
}

.puntos-holding .cont-boton .detalle-puntos {
    background: #ee1c28;
    color: #fff;
    border-radius: 99px;
    text-decoration: none;
    font-size: 13px;
    padding: 8px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 11px;
    padding-bottom: 8px;
    white-space: nowrap
}

.puntos-holding .iconos-puntos {
    margin: 0 auto;
    width: 200px;
    padding: 11px;
    padding-top: 20px
}

.puntos-holding .iconos-puntos img {
    width: 200px
}

.contenedor-tag-pasos {
    display: inline-block;
    float: right;
    position: inherit;
    z-index: 0
}

.contenedor-tag-pasos .progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #849397
}

.contenedor-tag-pasos .progress>li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 12px;
    z-index: 20
}

.contenedor-tag-pasos .progress>li:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #DFE3E4;
    width: 3em;
    height: 3em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 3em;
    border-radius: 100%;
    position: relative
}

.contenedor-tag-pasos .progress>li:after {
    content: '';
    position: absolute;
    display: block;
    background: #DFE3E4;
    width: 100%;
    height: 0.5em;
    top: 1.25em;
    left: 50%;
    margin-left: 1.5em\9;
    z-index: -1
}

.contenedor-tag-pasos .progress>li:last-child:after {
    display: none
}

.contenedor-tag-pasos .progress>li.is-complete {
    color: #939598
}

.contenedor-tag-pasos .progress>li.is-complete:before,.contenedor-tag-pasos .progress>li.is-complete:after {
    color: #fff
}

.contenedor-tag-pasos .progress>li.is-active {
    color: #939598
}

.contenedor-tag-pasos .progress>li.is-active:before {
    color: #fff;
    background: #ee1c28;
    -webkit-transition: width 2s;
    transition: width 2s
}

.contenedor-tag-pasos .progress>li.paso-inactivo-cerrado:after {
    background-color: #939598
}

.contenedor-tag-pasos .progress>li.paso-inactivo-cerrado:before {
    background: #939598;
    color: white
}

.contenedor-tag-pasos .progress__last:after {
    display: none !important
}

.contenedor-tag-pasos .progress--medium {
    font-size: 1.5em
}

.contenedor-tag-pasos .progress--large {
    font-size: 2em
}

.contenedor-tag-pasos *,.contenedor-tag-pasos *:after,.contenedor-tag-pasos *:before {
    box-sizing: border-box
}

.contenedor-tag-pasos .progress {
    margin-bottom: 3em
}

/*# sourceMappingURL=styles.css.map */
.alphacube_nw {
    width: 10px;
    height: 25px;
    padding: 0 0 0 0;
    margin-bottom: -6px;
    margin-right: -10px;
}

.alphacube_n {
    height: 25px;
    width: 195px;
    padding: 0 0 0 0;
    margin-bottom: -6px;
}

.alphacube_ne {
    width: 10px;
    height: 25px;
    padding: 0 0 0 0;
    margin-bottom: -6px;
    margin-left: -10px;
}

.alphacube_w {
    width: 7px;
    height: 105px;
    padding: 0 0 0 0;
    margin-right: -7px;
    *margin-bottom: -4px;
}

.alphacube_e {
    width: 7px;
    height: 105px;
    padding: 0 0 0 0;
    margin-left: -7px;
    *margin-bottom: -4px;
}

.alphacube_sw {
    width: 7px;
    height: 7px;
    padding: 0 0 0 0;
    margin-right: -7px;
    margin-top: -3px;
    *margin-top: -14px;
}

.alphacube_s {
    height: 7px;
    width: 195px;
    padding: 0 0 0 0;
    margin-top: -3px;
    *margin-top: -14px;
}

.alphacube_se {
    width: 7px;
    height: 7px;
    padding: 0 0 0 0;
    margin-left: -7px;
    margin-top: -3px;
    *margin-top: -14px;
}

.alphacube_content {
    overflow: auto;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    background: #FDFDFD;
    /*padding: 0 1px 0 1px;*/
    padding: 0 0 0 0;
}

.alphacube_message {
    font-size: 12px;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}

.alphacube_progress {
    margin: auto;
    text-align: center;
    width: 100%;
    height: 16px;
}

.alphacube_progress img {
    height: 16px;
    width: 16px;
}

.modalLoading {
    display: none;
    left: 41%;
    _left: 145%;
    top: 39%;
    _top: 10%;
    width: 214px;
    height: 132px;
    z-index: 1002;
    position: fixed;
    _position: absolute;
}

.table_window {
    border-collapse: collapse;
}

html,body {
    z-index: 0;
    height: 100%;
    min-width: 48em;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    background-color: #ee1c28;
    background: url(images/DAVIVIENDA/header/home-davivienda.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

body {
    color: #000000;
    font-size: 11px;
    padding: 0;
    margin: 0px auto 0px auto;
    position: relative;
    height: 100%
}

html>body #minHeight {
    float: right;
    height: 100%;
    margin-bottom: -5.454540em;
    width: 0px
}

td {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

#outer1 {
    margin: 0px auto;
    position: relative;
    height: 100vh;
    background: url(images/DAVIVIENDA/header/home-davivienda.jpg) 0 48px no-repeat;
    background-size: cover;
    z-index: 0
}

#outer2 {
    margin: 0px auto;
    position: relative;
    width: 1024px;
    height: 637px;
    background: url(images/login/home/home-2.jpg) 0 48px no-repeat;
    z-index: 0
}

#outer3 {
    margin: 0px auto;
    position: relative;
    width: 1024px;
    height: 637px;
    background: url(images/login/home/home-3.jpg) 0 48px no-repeat;
    z-index: 0
}

* html #outer {
    height: 100%
}

#centrecontent {
    color: #000000;
    float: left;
    margin: 0 1.363635em 0 0;
    position: absolute;
    z-index: -1;
    width: 60em;
    margin-bottom: 1.727270em;
    left: 30%;
    margin-left: -15em;
    display: inline
}

* html #centrecontent {
    height: 1%;
    margin-bottom: 1.090908em
}

#left {
    margin: 9em 6.2em 2em 0;
    position: relative;
    width: 17.272710em;
    float: right;
    padding-left: 1.2em;
    margin-bottom: 2em;
    height: 264px
}

#center {
    padding-top: 100px;
    width: 500px;
    margin: 0 auto
}

#lowercontent {
    width: 100%;
    float: left;
    height: 18.182em;
    position: relative;
    border: 1px solid;
    margin-top: 22.727em;
    background-color: blue;
    padding: 10px 10px 10px 10px
}

#nuevosUsuarios {
    width: 25%;
    background-color: yellow;
    height: 100%;
    position: relative
}

#seguridad {
    width: 25%;
    background-color: black;
    height: 100%;
    position: relative
}

a {
    text-align: center;
    text-decoration: none;
    font-family: arial
}

#topDiv img {
    width: 17.273em;
    height: 2.636em
}

#loginBox .contentDiv {
    padding: 1.273em;
    width: 473px;
    margin: 0 auto
}

.botonSiguiente {
    cursor: pointer;
    border: 0 none;
    height: 34px;
    width: 139px;
    border-radius: 99px;
    background-color: #ed1c27;
    color: #ffffff;
    text-decoration: none;
    -webkit-border-radius: 90;
    -moz-border-radius: 90
}

#botonSendPassword {
    padding: 0
}

#botonSendUsername {
    margin-top: -5px;
    margin-bottom: -2px
}

#bottomDiv {
    width: 16.181802em;
    height: 0.455em;
    float: left;
    background-color: #235182
}

.formTextInput {
    padding-bottom: 0.455em
}

#avatarBox {
    float: left;
    margin: 0 0 0 2px;
    width: 51px
}

#avatarBox img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

#passwordBox {
    float: left
}

.loginInput {
    margin-top: 40px;
    padding: 5px
}

#password.loginInput {
    float: right;
    width: 169px;
    font-size: 15px;
    margin-bottom: 10px
}

#loginOptions ul {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 29px;
    margin-top: 29px;
    text-align: center;
    padding: 0px
}

#loginOptions ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    display: inline;
    width: 200px
}

#loginOptions ul li a {
    color: #ed1c27;
    width: 200px
}

#loginOptions a {
    display: inline;
    color: #ee1c28;
    font-size: 12px
}

#loginOptions p {
    display: inline;
    color: #939598;
    font-size: 12px
}

.teclado-clave {
    margin-top: 32px
}

div#avatarBox {
    margin-top: 32px
}

#pedirPasswordBox {
    height: 100px;
    width: 259px;
    margin: 0 auto
}

#contentWhiteBoxes {
    width: 100%;
    margin: 420px 41px
}

#contentWhiteBoxes ul {
    line-height: 18px;
    padding: 5px 0 0 15px;
    margin: 0
}

#contentWhiteBoxes li {
    background: url(images/login/flecheGrisCajasLogin.png) no-repeat left center;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    white-space: pre-line
}

#contentWhiteBoxes .boxOuter {
    width: 219px;
    height: 86px
}

#contentWhiteBoxes .boxOuter {
    margin-left: 23px
}

#contentWhiteBoxes .boxOuter:first-child {
    margin-left: 0
}

#contentWhiteBoxes .box {
    width: 219px;
    height: 86px;
    background: url(images/login/fondoCajitas.png);
    font-family: helvetica, arial, sans-serif;
    color: #2A2A2A
}

#contentWhiteBoxes .title {
    width: 219px;
    height: 48px
}

#newUsersBoxTitle {
    background: url(images/login/tituloCajaUsuarios.png)
}

.roundedCorners {
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    -khtml-border-radius: 0px 0px 3px 3px
}

.hide {
    display: none
}

#securityBoxTitle {
    background: url(images/login/tituloCajaSeguridad.png)
}

#helpBoxTitle {
    background: url(images/login/tituloCajaAyuda.png)
}

#customerServiceBoxTitle {
    background: url(images/login/tituloCajaCliente.png)
}

#customerService800P {
    margin: 0px;
    font-weight: bold;
    font-size: 12px
}

#customerServiceP {
    font-weight: normal;
    font-size: 11px
}

#botonSendUsernameBox {
    width: 122px;
    display: block;
    margin: 0 auto;
    margin-top: 44px
}

#botonSendPasswordBox {
    width: 122px;
    display: block;
    margin: 0 auto;
    margin-top: 44px
}

#botonLoginDiv {
    text-align: center
}

#botonLoginDiv img {
    height: 2.636em;
    width: 7.727em
}

#lineaPuntosBlancaDiv {
    text-align: center
}

#lineaPuntosBlancaDiv img {
    width: 15.727em;
    height: 0.273em
}

.flechinesText img {
    height: 0.273em;
    height: 0.455em
}

.flechinesText {
    font-size: 0.9em
}

.flechinesText a {
    color: white
}

#errorDiv {
    padding: 0.3em;
    margin: 1em;
    color: #054b81;
    background-color: #FFFCD0;
    font-weight: bold;
    float: left;
    display: inline
}

#errorImg {
    float: left;
    margin-top: 0.3em
}

#errorText {
    float: left;
    width: 12em;
    margin-left: 0.5em
}

.esquinasDiv {
    float: left;
    height: 0.454545em
}

.esquinasDiv img {
    width: 0.545em;
    height: 0.454545em;
    display: block
}

.limpiar {
    clear: both
}

#menu {
    width: 100%;
    height: 6.363630em
}

#menuSup {
    position: relative;
    width: 100%;
    height: 3.182em;
    border-top: solid 0.091em white;
    background: url(styles/images/IN/navegacion/superior_estirame.gif) repeat-x bottom;
    background-color: #003867
}

#divImgNav {
    left: 0;
    top: 0;
    float: left;
    position: absolute
}

#imgNav {
    width: 100%;
    height: 3.2em
}

#divImgNav2 {
    float: left;
    position: relative
}

#imgNav2 {
    width: 0;
    height: 0;
    * height: 3.2em
}

.navegacion {
    width: 15em;
    height: 3.181815em;
    margin: 0px;
    overflow: hidden;
    top: 0;
    position: relative;
    float: right
}

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

.navegacion ul li {
    display: inline;
    float: left;
    cursor: pointer
}

.ayuda {
    float: left;
    width: 5.5em;
    position: relative;
    width: 70%
}

.portal {
    float: left;
    width: 5.5em;
    position: absolute;
    left: 40%;
    width: 65%
}

.navegacion .ayuda .a2 {
    height: 3.181815em;
    float: none;
    margin-top: -3.181815em
}

.navegacion .ayuda a b {
    height: 3.181815em;
    padding: 0 0 0 0.909090em;
    cursor: pointer;
    position: relative;
    float: left
}

.navegacion .ayuda a b img {
    cursor: default;
    top: 0;
    left: 0.454545em;
    height: 3.2em;
    width: 4.5em;
    position: absolute;
    border: none
}

.navegacion .ayuda a b #tab_1 {
    cursor: default;
    top: 0;
    left: 0;
    height: 3.2em;
    width: 0.454545em;
    position: absolute
}

.navegacion .ayuda a b #tab_3 {
    cursor: default;
    top: 0;
    left: 0;
    height: 3.2em;
    width: 1.2em;
    position: relative
}

.navegacion .ayuda a b span {
    height: 3.181815em;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
    line-height: 3.636360em;
    color: #ffffff;
    padding: 0 0.545453em 0 0;
    top: 0;
    left: 0;
    position: relative;
    float: left
}

.navegacion .portal .a2 {
    height: 3.181815em;
    float: none;
    * float: left;
    margin-top: -3.181815em;
    * margin-top: -3.52em;
    _margin-top: -3.46em
}

.navegacion .portal a b {
    height: 3.181815em;
    padding: 0 0 0 0.909090em;
    cursor: pointer;
    position: relative;
    float: left
}

.navegacion .portal a b img {
    top: 0;
    left: 0.454545em;
    height: 3.2em;
    width: 7.6em;
    position: absolute;
    border: none
}

.navegacion .portal a b #tab_1 {
    top: 0;
    left: 0;
    height: 3.2em;
    width: 0.454545em;
    position: absolute
}

.navegacion .portal a b #tab_3 {
    top: 0;
    left: 0;
    height: 3.2em;
    width: 1.2em;
    position: relative
}

.navegacion .portal a b span {
    height: 3.181815em;
    text-decoration: none;
    white-space: nowrap;
    line-height: 3.636360em;
    color: #ffffff;
    padding-right: 0.2em;
    top: 0;
    left: 0;
    position: relative;
    float: left
}

#titleBox h2 {
    font-size: 37.5333px;
    font-weight: normal;
    margin: 0 0 14px 3px;
    padding: 0;
    text-align: center;
    font-family: 'font-Davivienda-subtitulos'
}

#pedirUsernameBox {
    margin-top: 45px
}

#pedirPasswordBox {
    margin-top: 45px
}

#claveInvalida.error {
    margin-left: 2px
}

#errorBox {
    margin-bottom: 5px;
    padding: 10px 0px 10px 30px;
    border: 1px solid rgba(255,0,0,0.2);
    background-color: #f1f1f1;
    border-radius: 5px;
    color: #ee1c28
}

div.campoTecladoVirtual {
    margin: 1em 0 7px 2px;
    height: 20px;
    width: 173px;
    margin: 0 auto;
    padding-top: 10px
}

#username {
    background-image: none;
    vertical-align: middle;
    background-color: transparent;
    border-bottom: 2px solid #ed1c27
}

#usernameBox {
    width: 161px;
    margin: 0 auto
}

.boton-info {
    position: relative;
    top: 68px;
    float: right;
    left: 57px;
    background: none;
    border: none;
    cursor: pointer
}

.btn-modify {
    background-color: rgba(237,28,39,0);
    margin-left: 30px;
    height: 20px;
    color: #ee1c28;
    text-decoration: underline
}

.totals {
    border-top: 2px solid #ee1c28 !important
}

table tr {
    text-align: right
}

li .element-report {
    width: 464px;
    float: right
}

.btn-export {
    -webkit-border-radius: 60;
    -moz-border-radius: 60;
    border-radius: 60px;
    color: #39c202;
    font-size: 11px;
    padding: 5px 20px 5px 20px;
    border: solid #39c202 2px;
    text-decoration: none;
    background-color: rgba(255,255,255,0);
    cursor: pointer
}

.btn-export:hover {
    background-color: #39c202;
    text-decoration: none;
    color: white
}

input::-webkit-input-placeholder {
    color: black;
    font-size: 16px;
    font-family: 'font-Davivienda-subtitulos'
}

input:-moz-placeholder {
    color: black;
    font-size: 16px;
    font-family: 'font-Davivienda-subtitulos'
}

input:-ms-input-placeholder {
    color: black;
    font-size: 16px;
    font-family: 'font-Davivienda-subtitulos'
}

.password {
    -webkit-text-security: disc;
    -moz-text-security: disc;
    text-security: disc;
    width: 119px
}

/*# sourceMappingURL=loginDecorator.css.map */

.logo-davivienda {
  height: 60px;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}

#superiorSinLogin {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

.idiomaLink {
  margin-top: 10px;
}