@charset "UTF-8";
#dl-menu ul li a:hover, #dl-menu ul li:hover a {
   text-shadow:none
}
#menu-busqueda, .NO {
    display:none!important
}
@font-face {
    font-family:'Monserrat';
    src:url(/wps/wcm/connect/banco-de-bogota/1710c700-0e6b-47e1-930e-057e6b8421ca/Montserrat-Regular.eot);
    src:url(/wps/wcm/connect/banco-de-bogota/1710c700-0e6b-47e1-930e-057e6b8421ca/Montserrat-Regular.eot) format('embedded-opentype'), url(/wps/wcm/connect/banco-de-bogota/cec87283-222a-4855-9446-5881890c2c26/Montserrat-Regular.woff2?MOD=AJPERES) format('woff2'), url(/wps/wcm/connect/banco-de-bogota/f134c1c3-d890-45ca-9963-46a6ba046b56/Montserrat-Regular.woff?MOD=AJPERES) format('woff'), url(/wps/wcm/connect/banco-de-bogota/d80e5f8e-e09a-4ab1-b487-158ac30190d5/Montserrat-Regular.ttf?MOD=AJPERES) format('truetype'), url(/wps/wcm/connect/banco-de-bogota/035778e4-65f0-47f8-b5de-da230d84e2ef/Montserrat-Regular.svg?MOD=AJPERES) format('svg')
}

#dl-menu ul li, #dl-menu ul li a {
    display:block;
    position:relative;

}
#dl-menu ul {
    list-style:none;
    padding:0;
    margin:0;
    font-weight: 700;
}
#dl-menu ul li {
    float:left;
    padding-top:15px
}
#dl-menu ul li a {
    text-decoration:none;
    font-size: 13px;
    letter-spacing:2px;
    color:#002C76;
    padding:15px 25px;
    bottom:-1px;
    z-index:20;
    font-family: Monserrat;
}
#submenu-banca ul, .dl-X, li:hover>ul {
    position:absolute
}
#dl-menu ul li a:hover {
    border-bottom:none;
    border-radius:5px 5px 0 0
}
#dl-menu ul li:hover a {
    border-bottom:none;
    border-radius:5px 5px 0 0;
    color:#FF6401;
}
#submenu-prod ul {
    background-color:#fff;
    width:900px;
    height:auto;
    border-radius:0 4px 4px;
    padding-top:50px;
    z-index:10;
    font-weight: 700;
}
#submenu-prod ul li {
    float:left;
    padding:0;
    width:100%
}
#submenu-prod ul li a {
    border:none!important;
    border-radius:0!important;
    padding:0 0 0 32px;
    margin-bottom:20px;
    background:0 0;
    font-weight:400;
    letter-spacing:1px
}
.menu-prod-der li a, .menu-prod-izq li a {
    font-family:'Monserrat', Helvetica;
    font-size:1rem;
    font-weight:300!important
}
#submenu-prod ul li a:hover {
    border-radius:0;
    border:none;
    border-left:#002C76 solid 3px!important
}
.menu-prod-der {
    float:left;
    width: 410px;
    FONT-VARIANT: JIS04;
}
.menu-prod-der li a {
    color:#FF6401!important
}
.menu-prod-der li a:hover {
    color:#002C76!important
}
.menu-prod-izq {
    float:left;
    width:350px;
    border-left: #D1D1D1 solid 1px; 
    
}
.menu-prod-izq li a {
    color:#FF6401!important;
    
}
.menu-prod-izq li a:hover {
    border-left:#002C76 solid 3px;
    color:#002C76!important
}
.bustitulo-menu, .subtitulo-menu {
    font-size: 15px;
    font-weight: bold;
    color: #021F48;
    padding-left:32px!important;
    width:90%!important;
    margin-bottom:15px;
    text-transform: uppercase;
    font-family:'Monserrat', Helvetica;
    
}
.cont-cliente-menu {
    width:100%;
    height:130px; 
    float:left;
    padding: 20px 0 0 34px;
}
.cont-cliente-menu a{border: none !important; background-color: transparent !important;}
.txt-prod, .txt-prod a, .txt-prod a:hover {background-color: transparent !important}
.txt-prod {
    border-left:none!important;
      /* text-align:center!important; */
   
}
.txt-prod a {
    padding: 15px 0px 0px !important;
    color:#FF6401!important;
    border:none!important;
    /* padding-left:10px!important; */
    font-weight: normal;
    font-weight:400;
}
.txt-prod a:hover {
    color:#002C76!important;
    border-left:none!important;
    /* text-align:center */
}
.subtitulo-cliente {
    font-size: 15px;
    font-weight: 600;
    color: #021F48;
    width:100%!important;
    text-transform: uppercase;
    font-family:'Monserrat', Helvetica;
    padding-left: 32px;
}
.menu-banca-der li a, .menu-banca-izq li a {
    font-family:'Monserrat', Helvetica;
    font-size:1rem;
    font-weight:300!important
}
#submenu-banca ul {
    background-color:#fff;
    width:700px;
    height:auto;
    border-radius:0 4px 4px;
    padding:0;
    box-shadow:none;
    z-index:14;
    top:-60px
}
#submenu-banca ul li {
    float:left;
    padding:0;
    width:100%
}
#submenu-banca ul li a {
    border:none!important;
    border-radius:0!important;
    padding:0 0 0 32px;
    margin-bottom:20px;
    background:0 0;
    border-left:#fff solid 3px!important
}
#submenu-banca ul li a:hover {
    border-radius:0;
    border:none;
    border-left:#002C76 solid 3px!important
}
.menu-banca-der {
    float:left;
    width:348px
}
.menu-banca-der li a {
    color:#FF6401!important;
    border-left:3px solid #fff!important
}
.menu-banca-der li a:hover {
    border-left:#002C76 solid 3px;
    color:#002C76!important
}
.menu-banca-izq {
    float:left;
    width:350px;
    border-left:#D1D1D1 solid 1px
}
.menu-banca-izq li a {
    color:#FF6401!important;
    border-left:3px solid #fff!important
}
.menu-banca-izq li a:hover {
    border-left:#002C76 solid 3px;
    color:#002C76!important
}
.cont-banca-menu {
    width:698px;
    height:117px;
    text-align:center;
    float:left;
    padding:30px 0
}
#submenu-atencion {
    width:300px!important;
    height:auto;
   border-top:none;
    border-radius:0 4px 4px
}
#menu-busqueda a, #menu-busqueda a:hover {
    background-color:transparent!important;
    border:none!important
}
#submenu-atencion li {
    float:left;
    padding:0;
    width:100%
}
#submenu-atencion li a {
    border-left:3px solid #fff!important;
    color:#002C76!important
}
#submenu-atencion li a:hover {
    border-left:3px solid #002C76!important;
    color:#002C76!important
}
#menu-busqueda {
    background-position:95% 71%;
    color:#fff
}
#menu-busqueda a {
    color:#fff!important;
    padding-top:9px!important
}
#menu-busqueda a:hover {
    opacity:.8
}
.i-arrow-down-menu:before {
    content:url(/wps/wcm/connect/banco-de-bogota/5d1b2db2-56bc-4dcd-b248-e0349756b4cc/arrow-down-selectblue.png?MOD=AJPERES)
}
li ul {
    display:none
}
li:hover>ul {
    display:block
}
li:hover li {
    float:none
}
li:hover li a:hover {
    background:#fff
}
.main-navigation li ul li {
    border-top:0
}
ul ul ul {
    left:100%;
    top:0
}
ul:after, ul:before {
    content:" ";
    display:table
}
.dl-back, .dl-trigger {
    display:none;
 
}
ul:after {
    clear:both
}
.dl-X {
    background-image:url(/wps/wcm/connect/banco-de-bogota/767d1940-4285-40cf-bf11-350108f8f733/icon-X.png?MOD=AJPERES)!important
}
@media (min-width:320px) and (max-width:1250px) {
  .cont-cliente-menu a{border: none !important; background-color: transparent !important;}
    #dl-menu ul li a:hover, #dl-menu ul li:hover a {background:#fff; opacity:.8:}
    #dl-menu ul li a, #dl-menu ul li:hover a {color:#002c76; text-shadow:none;}
    .dl-back {
        position:absolute;
        z-index:1;
        top:-45px;
        left:10px;
        display:block;
    }
    #dl-menu ul li, #dl-menu ul li a {
        display:block;
        position:relative;
    }
    #submenu-banca ul, #submenu-prod ul {
        height:auto;
        box-shadow:none;
        z-index:14
    }
    #dl-menu ul li {
        width:100%;
        float:left;
        padding-left:0;
        padding-top:0
    }
    #dl-menu ul li a {
        text-decoration:none;
        font-size:14px;
        font-weight:700;
        letter-spacing:2px;
        padding:19px 15px!important;
        bottom:-1px;
        z-index:10;
        margin:0!important
    }
    #dl-menu ul li a:hover {
        border:none;
        text-shadow:none
    }
    #submenu-prod ul {
        background-color:#fff;
        width:100%;
        border-radius:0 4px 4px;
        padding:0;
        position:absolute;
        top:-60px
    }
    #submenu-prod ul li {
        float:left;
        padding:0;
        width:100%!important
    }
    #submenu-prod ul li a {
        border:none!important;
        border-radius:0!important;
        padding:0 0 0 32px;
        margin-bottom:20px;
        background:0 0;
    }
    #submenu-prod ul li a:hover {
        border-radius:0;
        border:none;
        border-left:none!important
    }
    .menu-prod-der {
        float:left;
        width:100%
    }
    .menu-prod-der li a {
        color:#FF6401!important
    }
    .menu-prod-der li a:hover {
        color:#FF6401!important;
        opacity:.8!important
    }
    .subtitulo-menu {
        background-color:#F6F4F1!important;
        border-top:solid #DDD 1px;
        border-bottom:solid #DDD 1px;
        padding:20px 0 20px 15px!important
    }
    .cont-cliente-menu {
        width:100%;
        background-color:#F6F4F1;
    }
    .menu-prod-izq {
        float:left;
        width:100%
    }
    .menu-prod-izq li a {
        color:#FF6401!important
    }
    .menu-prod-izq li a:hover {
        color:#FF6401!important;
        opacity:.8!important
    }
    #submenu-banca ul {
        background-color:#fff;
        width:100%;
        border-radius:0 4px 4px;
        padding:0;
        position:absolute;
        top:-160px!important
    }
    .menu-banca-der {
        width:100%
    }
    .menu-banca-der li a {
        color:#FF6401!important
    }
    .menu-banca-der li a:hover {
        color:#FF6401!important;
        opacity:.8!important
    }
    .menu-banca-izq {
        float:left;
        width:100%
    }
    .menu-banca-izq li a {
        color:#FF6401!important
    }
    .menu-banca-izq li a:hover {
        color:#FF6401!important;
        opacity:.8!important
    }
    .cont-banca-menu {
        width:100%
    }
    #submenu-atencion {
        width:100%!important
    }
    #submenu-atencion li a, #submenu-atencion li a:hover {
        color:#002C76!important;
        opacity:.8
    }
    #menu-busqueda, #menu-busqueda a {
        display:none!important
    }
    .dl-trigger {
        display:block;
        background:url(/wps/wcm/connect/banco-de-bogota/01ee90fa-3a6a-4014-bb90-231c1842f687/open-menu.jpg?MOD=AJPERES) no-repeat;
        height:27px;
        width:32px;
        left:14px;
        top:21px;
        position:absolute;
        cursor:pointer;
        cursor:hand
         }
    .dl-menuwrapper {
        width:100%;
        position:relative;
        -webkit-perspective:1000px;
        perspective:1000px;
        -webkit-perspective-origin:50% 200%;
        perspective-origin:50% 200%;
        top:0;
        
    }
    .dl-menuwrapper:first-child {
        margin-right:100px
    }
    .dl-menuwrapper button {
        background:#ccc;
        border:none;
        width:48px;
        height:45px;
        text-indent:-900em;
        overflow:hidden;
        position:relative;
        cursor:pointer;
        outline:0
    }
    .dl-menuwrapper button.dl-active, .dl-menuwrapper button:hover, .dl-menuwrapper ul {
        background:#fff;
        margin-top:60px!important
    }
    .dl-menuwrapper button:after {
        content:'';
        position:absolute;
        width:68%;
        height:5px;
        background:#fff;
        top:10px;
        left:16%;
        box-shadow:0 10px 0 #fff, 0 20px 0 #fff
    }
    .dl-menuwrapper ul {
        padding:0;
        list-style:none;
        -webkit-transform-style:preserve-3d;
        transform-style:preserve-3d
    }
    .dl-menuwrapper li {
        position:relative
    }
    .dl-menuwrapper li a {
        display:block;
        position:relative;
        padding:15px 20px;
        font-size:16px;
        line-height:20px;
        font-weight:300;
        color:#fff;
        outline:0
    }
    .no-touch .dl-menuwrapper li a:hover {
        background:rgba(255, 248, 213, .1)
    }
    #dl-menu .dl-menuwrapper li>a:not(:only-child):after {
        position:absolute;
        top:0;
        line-height:50px;
        font-family:icomoon;
        speak:none;
        -webkit-font-smoothing:antialiased;
        content:url(/wps/wcm/connect/banco-de-bogota/5d1b2db2-56bc-4dcd-b248-e0349756b4cc/arrow-down-selectblue.png?MOD=AJPERES)
    }
    .dl-menuwrapper li>a:after {
        right:10px;
        color:rgba(0, 0, 0, .15)
    }
    .dl-menuwrapper .dl-menu {
        margin:5px 0 0;
        position:absolute;
        width:100%;
        opacity:0;
        pointer-events:none;
        -webkit-transform:translateY(10px);
        transform:translateY(10px);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }
    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition:all .3s ease
    }
    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity:1;
        pointer-events:auto;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu {
        display:none
    }
    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .no-js .dl-menuwrapper li .dl-submenu {
        display:block
    }
    .dl-menuwrapper>.dl-submenu {
        position:absolute;
        width:100%;
        top:50px;
        left:0;
        margin:0
    }
    .dl-menu.dl-animate-out-1 {
        -webkit-animation:MenuAnimOut1 .2s;
        animation:MenuAnimOut1 .2s
    }
    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform:translateZ(-250px)
        }
        75% {
            -webkit-transform:translateZ(-372.5px);
            opacity:.5
        }
        100% {
            -webkit-transform:translateZ(-500px);
            opacity:0
        }
    }
    @keyframes MenuAnimOut1 {
        50% {
            -webkit-transform:translateZ(-250px);
            transform:translateZ(-250px)
        }
        75% {
            -webkit-transform:translateZ(-372.5px);
            transform:translateZ(-372.5px));
            opacity:.5
        }
        100% {
            -webkit-transform:translateZ(-500px);
            transform:translateZ(-500px);
            opacity:0
        }
    }
    .dl-menu.dl-animate-in-1 {
        -webkit-animation:MenuAnimIn1 .2s;
        animation:MenuAnimIn1 .2s
    }
    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform:translateZ(-500px);
            opacity:0
        }
        20% {
            -webkit-transform:translateZ(-250px);
            opacity:.5
        }
        100% {
            -webkit-transform:translateZ(0);
            opacity:1
        }
    }
    @keyframes MenuAnimIn1 {
        0% {
            -webkit-transform:translateZ(-500px);
            transform:translateZ(-500px);
            opacity:0
        }
        20% {
            -webkit-transform:translateZ(-250px);
            transform:translateZ(-250px);
            opacity:.5
        }
        100% {
            -webkit-transform:translateZ(0);
            transform:translateZ(0);
            opacity:1
        }
    }
    .no-js .dl-menuwrapper .dl-menu {
        position:relative;
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
    .no-js .dl-menuwrapper li>a:not(:only-child) {
        background:rgba(0, 0, 0, .1)
    }
    .no-js .dl-menuwrapper li>a:not(:only-child):after {
        content:''
    }
    .demo-1 .dl-menuwrapper button {
        background:#c62860
    }
    .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper ul {
        background:#9e1847
    }
}
@media (min-width:1100px) and (max-width:1300px) {
    #dl-menu ul li a {
        letter-spacing:1px;
        padding:15px 10px
    }
    #submenu-prod ul li a, #submenu-prod ul li a:hover {
        padding:0 0 0 32px;
        margin-bottom:15px
    }
    #submenu-prod ul {
        width:543px
    }
    .menu-prod-der {
        width:250px
    }
    .menu-prod-izq {
        width:290px
    }
    .cont-cliente-menu, .menu-banca-der, .menu-banca-izq {
        width:250px
    }
    .grancont-login-personas {
        position:absolute;
        z-index:5!important
    }
    .cont-banca-menu {
        width:542px!important
    }
}
@media(max-width:768px) {
    #dl-menu ul li .arrow-down, #dl-menu ul li:hover .arrow-down {
        background:url(/wps/wcm/connect/banco-de-bogota/e2633ddf-140c-4bf2-b796-4d43ad714c0a/arrow-right-blue.png?MOD=AJPERES) center no-repeat!important
    }
}
#dl-menu ul li .arrow-down {
    background:url(/wps/wcm/connect/banco-de-bogota/f5b0b0fe-7a90-4bd1-9c00-653d32d2b5a1/arrow-down-blue.png?MOD=AJPERES) center no-repeat;
    float:right;
    height:10px;
    margin-left:10px;
    margin-top:5px;
    width:10px;
    display:block
}
#dl-menu ul li:hover .arrow-down {
    background:url(/wps/wcm/connect/banco-de-bogota/e15275fd-e9d4-4cb7-ab6d-0c1de1fb0bb8/arrow-up-orange.png?MOD=AJPERES) center no-repeat;
    display:block
}