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

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


/* ---------------------
   cssestilos deteccion
--------------------- */

.bluecop {
    color: #225AA7;
}

.container-explorer {
    width: 1024px;
    height: 600px;
    margin: 0 auto;
    font-family: 'Lato';
}

.middle-explorer {
    width: 1024px;
    position: absolute;
    margin: 50px 0 20px;
}

.middle-explorer .ppl {
    width: 40%;
    display: inline-block;
    float: left;
}

.middle-explorer .complement {
    width: 60%;
    display: inline-block;
    *float: right;
}

.complement .middle-txt {
    margin: 0 0 43px 0;
    font-size: 25px;
    line-height: 30px;
    color: #636464;
    text-align: center;
}

.middle-txt p {
    margin: 0;
}

.complement .middle-navs {
    height: 80px;
    margin: 20px 0 0 0;
}

.firefox-explorer,
.safari-explorer,
.chrome-explorer {
    width: 33.3%;
    float: left;
    display: inline-block;
    text-align: center;
    color: #636464;
    font-size: 14.5px;
}

.firefox-explorer img,
.safari-explorer img,
.chrome-explorer img {
    margin: 0 auto;
}

.firefox-explorer h3,
.safari-explorer h3,
.chrome-explorer h3 {
    margin: 10px 0;
}

.firefox-explorer p,
.safari-explorer p,
.chrome-explorer p {
    margin: 0;
}

.blue-line {
    width: 1024px;
    height: 5px;
    margin: 35px 0 10px 0;
    background-color: #225AA7;
}

.info-down {
    width: 435px;
    height: 30px;
    margin: 0 auto;
}

.info-down img {
    width: 30px;
    float: left;
    display: inline-block;
    margin: 0;
}

.info-down p {
    float: left;
    display: inline-block;
    width: 82%;
    font-size: 18px;
    margin: 0 20px;
    line-height: 30px;
    color: #636464;
}

.landing-experiencias {
    background-image: url(../images/avisos/landing_experiencias.png);
    background-repeat: no-repeat;
    width: 1920px;
    height: 850px;
}

.texto-landing-experiencias  {
    padding-top: 250px;
}

.logo-landing-experiencias  {
    padding-top: 50px;
    padding-left: 600px;
}


/* ---------------------
    .vmodal
--------------------- */

.modal-back {
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: .7;
    /* Sets opacity so it's partly transparent */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* IE transparency */
    filter: alpha(opacity=70);
    z-index: 7777777;
}

.modal-content {
    width: 650px;
    height: auto;
    position: absolute;
    top: 30%;
    padding: 20px;
    /*-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    box-sizing: border-box;
    z-index: 9999999;
    text-align: center;
    *width: 530px;
    *height: auto;
}

.kill-gfx {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
    background: url('../images/botones/btn_kill.png') no-repeat;
    background-size: 100%;
    cursor: pointer;
    *right: -27px;
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    background: #fff;
    cursor: default;
    /* fix text zooming */
    -webkit-text-size-adjust: 100%;
    text-align: justify;
}

img {
    border: 0;
    display: block;
}

html[xmlns*=""] body:last-child #safari_fix {
    padding-top: 200px;
}

.ico_blue {
    background-image: url(../images/botones/sprite_footer.png);
}

.app {
    font-size: 20px;
    background-position: 0 -148px;
    background-repeat: no-repeat;
    padding-left: 45px;
    min-height: 35px;
}

.appDown {
    width: 350px !important;
}

.appDown div {
    width: 150px !important;
}

.app div {
    background-image: url(../images/estructura/pleca_contacto.png);
    background-position: 0 6px;
    height: 16px;
    width: 45px;
    float: right;
    *display: none;
}

.tel {
    font-size: 20px;
    background-position: 0 -112px;
    background-repeat: no-repeat;
    padding-left: 45px;
    min-height: 35px;
    *height: 30px;
}

.tel div {
    background-image: url(../images/estructura/pleca_contacto.png);
    background-position: 0 6px;
    height: 16px;
    width: 497px;
    float: right;
    *position: absolute;
}

.redes {
    font-size: 20px;
    background-position: 0 -187px;
    background-repeat: no-repeat;
    padding-left: 45px;
    min-height: 35px;
}

.redes div {
    background-image: url(../images/estructura/pleca_contacto.png);
    background-position: 0 6px;
    height: 16px;
    width: 65px;
    float: right;
    *position: absolute;
    *display: none;
}

.bull_azul {
    list-style-image: url(../images/estructura/bull_azul.jpg);
    padding-left: 15px;
}

.collapse-tarjetas-cont,
.collapse-clientes-cont,
.collapse-tarjeta-cont{
    padding-top: 8px;
    padding-left: 25px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.collapse-clientes,
.collapse-tarjeta-cont {
    position: relative;
}

.collapse-clientes:after,
.collapse-tarjeta:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: url('../images/estructura/mas.png') no-repeat 0 0 transparent;
    margin-left: 2px;
}

.collapse-tarjetas::after {
    content: "";
    background: url('../images/estructura/flechas-drop-down.png') no-repeat 0 0 transparent;
    width: 9px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 5px;
}

.icon-mas {
    width: 15px;
    height: 15px;
    background: url('../images/estructura/mas.png') no-repeat 0 0 transparent;
    display: inline-block;
}

.bloque-mas-informacion {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
.bloque-mas-informacion .icon-mas {
    margin-top: 3px;
    position: absolute;
}
.bloque-mas-informacion .texto-liga {
    position: relative;
    margin-left: 20px;
}
.bloque-mas-informacion .texto-mas-informacion {
    text-decoration:none;
    color: #636464;
    margin-right: 3px;
}
.collapse-tarjetas.active::after {
    background: url('../images/estructura/flechas-drop-up.png') no-repeat 0 0 transparent;
}

.bullet_m {
    margin-right: 5px;
}

.dbull_azul {
    float: left;
    list-style: none;
}

.bull_azul li {
    margin: 0 0 10px 0;
}

.dbull_azul li {
    padding-bottom: 10px;
}

.bull_azul li.foot {
    padding-bottom: 10px;
}

.p-fecha {
    width: 10%;
    float: left;
}

.p-txt {
    width: 90%;
    float: left;
    padding-bottom: 10px;
}

.bull_azul2 {
    padding-top: 8px;
    list-style-image: url(../images/estructura/bull_azul2.jpg);
    padding-left: 25px;
}

.bull_azul2 li {
    padding-bottom: 5px;
}

.bull_azul3 {
    list-style-image: url(../images/estructura/bull_azul.jpg);
    padding-left: 45px;
    font-size: 14px;
}

.bull_azul3 li {
    padding-bottom: 5px;
}

.bull_azul4 {
    margin: 0;
    list-style-image: url(../images/estructura/bull_azul.jpg);
    padding-left: 45px;
    font-size: 14px;
}

.bull_azul4 li {
    padding-bottom: 5px;
}


/* ----------------------------
    cssestilos geolocalizacion
------------------------------- */
.gline {
    width: 90%;
    height: 1px;
    margin: 0 auto;
    border-bottom: 1px solid #DEDEDE;
}
.map-wrapper {
    width: 100%;
    float: left;
    margin: 0 5%;
    position: relative;
    overflow: hidden;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
}

#mapa_canvas {
    width: 65%;
    height: 369px;
    float: left;
}

.icon_buscar {
    background-image: url('../images/estructura/ico-ubica.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 6% auto;
    height: 80px;
}

.searcher {
    background: white;
    width: 35%;
    height: 369px;
    float: left;
}

.pin-sucursales {  	
	background: url('../images/estructura/bg_sucursales.jpg');  
    background-position: -32px -235px;
    width: 165px;
    height: 30px;
    display: block;
    margin: 5% auto 10%;
}

.pin-cajeros {
    background: url('../images/estructura/bg_sucursales.jpg');
    background-position: -32px -267px;
    width: 165px;
    height: 30px;
    display: block;
    margin: 10% auto 5%;
}

.pin-sucursales input[type="checkbox"],
.pin-cajeros input[type="checkbox"] {
    margin-top: 12px;
    margin-left: 12px;
    *margin-top: 8px;
    margin-top: 8px\9;
}

.find-us {
    width: 90%;
    margin: 10% 5% 5%;
    text-align: center;
    float: left;
}

.input-palabra {
    font-family: 'Lato';
    height: 18px;
    float: left;
    padding: 2px 0 2px 5px;
    margin: 0;
    border: 0 inset;
    border: 1px solid #225aa8;
    border-right: none;
    border-radius: 3px 0 0 3px;
    color: #666;
    width: 84%;
    font-size: 14px;
}

.btn-palabra {
    background-position: 0px -286px;
    border: 0 inset;
    float: left;
    width: 13%;
    height: 24px;
    background-color: transparent;
    cursor: pointer;
}

.btn-palabra2 {
    background-position: -1px -286px;
    border: 0 inset;
    float: left;
    width: 13%;
    height: 24px;
    background-color: transparent;
    cursor: pointer;
}

.btn-mapas {
    width: 90%;
    text-align: center;
    height: 30px;
    padding-top: 2px;
    margin-top: 5px;
    margin: 10px 5%;
    float: left;
}

.btn-search {
    border: 0 inset;
    height: 28px;
    padding: 0px 20px;
    box-shadow: 0px 0px 2px 0px #333;
    font-family: 'Lato';
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    color: white !important;
    background: #225aa8 !important;
    border-bottom: 2px solid #13448a !important;
}

#btn-mapa {
    position: absolute;
    left: 219px;
    top: 10px;
    cursor: pointer;
    z-index: 6;
}

#btn-mapa div {
    background-image: url(../images/botones/sprite_sucursales.png);
    background-position: 0 0;
}

.btn-location {
    position: absolute;
    z-index: 5;
    background: #fff;
    width: 100%;
    height: 40px;
    border: 1px solid #e3e2de;
    bottom: 0;
}

.btn-whatssapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:70px;
    right: 5%;
   /* background-color: #006FB9;*/
    background-image: url(../images/botones/WhatsApp_logo.png);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
.btn-chatt {
	 
    cursor: pointer;
    position:fixed;
    width:120px;
	height:46px;
    bottom:10px;
    right: 5%;

    background-image: url(../images/img/chat_logo.png);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}

.my-location {
    background-position: 190px -66px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 19px;
    height: 32px;
    color: #225aa8;
    text-decoration: none;
    display: block;
    width: 240px;
    padding-top: 7px;
}

.caminando {
    background-position: -34px -34px;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    margin: 4px 25px 4px 5px;
}

.caminando:hover {
    background-position: -1px -34px;
}

.auto {
    background-position: -34px -1px;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    margin: 4px 5px 4px 5px;
}

.auto:hover {
    background-position: -1px -1px;
}

.caminando-inactivo {
    background-position: -67px -34px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    margin: 4px 25px 4px 5px;
}

.auto-inactivo {
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    background-position: -67px -1px;
    background-repeat: no-repeat;
    margin: 4px 5px 4px 5px;
}

#btn-mapa .btn {
    height: 255px;
    width: 22px;
}

.sprite-map {
    background-image: url(../images/estructura/sprite_mapa.png);
}
.icon-sprite {
    background-image: url(../images/estructura/sprite_icon.png);
}

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

.clear:after {
    clear: both;
}



/** estilo simuladores **/

#fecha {
    width: 60%;
    height: 20px;
    line-height: 20px;
    border: 0;
    vertical-align: middle;
    font-size: 15px;
    margin: 2%;
    color: #636464;
    display: inline-block;
    float: left;
    padding-left: 20px;
}


}
.arrow_fecha {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    padding-right: 40px;
}
.arrow_fecha img {
    line-height: 20px;
    vertical-align: middle;
    margin-top: 5%;
}
.content_4 {
    height: auto !important;
}
.sim_content {
    position: relative !important;
    width: 100%;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.sim_legals {
    font-size: 11px;
    padding-left: 5%;
}
.sim_title {
    color: #fff;
    font-size: 17px !important;
    padding: 0;
    background: url('../images/estructura/sim_head.png') no-repeat;
    display: block;
    height: 50px;
    background-size: contain;
}
.sim_title p {
    padding: 5px;
}
.sim_top {
    height: 18em;
    background-color: white;
}
.sim_enter {
    text-align: center !important;
    font-size: 17px;
    padding-top: 20px;
    display: block;
}
.sim_enter_tw {
    height: 40%;
}
.result_nd {
    padding-top: 0 !important;
}
.enter_result {
    height: 25px !important;
}

}
.sim_enter img {
    margin: 10px auto;
}
.invest_numb {
    width: 40%;
    height: 1.5em;
    border-radius: 6px;
    font-size: 20px;
    color: #225aa8;
    text-align: center;
    display: block;
    margin: 1em auto;
}
.show_calendar {
    width: 70%;
    height: 41%;
    border:2px solid #ededed;
    border-radius: 4px;
    color: #225aa8;
    text-align: center;
    display: block;
    margin: 5% auto;
}
.show_calendar p {
    vertical-align: middle;
    line-height: 20%;
    font-size: 16px;
    color: #999;
    text-align:center;
    display: inline-block;
}
.show_calendar img {
    display: inline-block;
    line-height: 20%;
    vertical-align: middle;
    padding-left: 10px;
}
.numb_large {
    width: 70%;
}
.sim_result {
    background: #ededed;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 4px;
    display: none;
    margin-top: -12px;
}
.sim_line {
    display: none;
}
.result_number {
    font-size: 35px;
    color: #225aa8;
}
.tab_tasas {
    width: 95%;
    border-bottom: 1px solid #225aa8;
    border-top: 1px solid #225aa8;
    display: inline-block;
    text-align: center;
    height: auto;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.sim_colum_izq {
    width: 65%;
    text-align: left !important;
    color: #666;
    display: inline-block;
    line-height: 15px;
    vertical-align: -webkit-baseline-middle;
    float: left;
    text-align: left;
    -webkit-width:80px;
}
.sim_colum_izq span {
    padding-left: 17%;
}
.plazo {
    -webkit-width:75% !important;
}
.sim_isr span {
    *padding-left: 20% !important;
}
.sim_colum_der {
    width: 25%;
    text-align: left;
    color: black;
    font-weight: 800;
    display: inline-block;
    line-height: 15px;
    vertical-align: -webkit-baseline-middle;
    float: right;
    text-align: left;
}
.sim_colum_der span {
    padding-left: 20%;
}
.enter_izq {
    width: 49%;
    float: left;
    height: 90%;
}
.enter_der {
    width: 49%;
    float: right;
    height: 90%;
    position: relative;
}
.tab_sim {
    background: url('../images/estructura/line_tab.png');
    background-position: bottom;
    height: 7px;
    width: 100%;
    float: right;
}
.cel_light {
    width: 100%;
    height: 20px;
}
.cel_dark {
    background: #e7e7e7;
    height: 25px;
    display: inline-block;
    width: 100%;
}
.btn_exp {
    width: 70%;
    display: inline-block;
    padding: 10px 0;
    *width: 70%;
}
.btn_exp a {
    text-decoration: none;
    color:#225aa8;
}
.btn_share {
    width: 30%;
    line-height: 35px;
    display: inline-block;
    left: 0;
    text-align: left;
}
.btn_share img {
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
}
.btn_share a {
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
    padding-left: .5em;
}
.btn_print {
    width:40%;
    display: inline-block;
    text-align: left;
    padding-left: 3em;
    *display: inline-block;
    *width: 35%;
    *float: left;
}
.btn_print a {
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
    padding-left: .5em;
}
.btn_print img {
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
}
.btn_otro {
    width: 45%;
    line-height: 35px;
    display: inline-block;
    left: 0;
    text-align: left;
    *display: inline-block;
    *width: 55%;
}
.btn_otro a {
    vertical-align: middle;
    cursor: pointer;
    padding-left: .5em;
    *padding-left: 0;
}
.btn_otro img {
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
}
#btn_calcular {
    width: 100%;
    height: 35%;
    text-align: center;
    background-position: bottom;
    background-size: contain;
    position: relative;
    margin: 0 auto;
    *text-align: center;
}
#btn_captcha {
    width: 100%;
    height: 35%;
    text-align: center;
    background-position: bottom;
    background-size: contain;
    position: relative;
    margin: 0 auto;
    *text-align: center;
}
.sim_separador {
    height: 12px;
    width: 100% !important;
    padding:0;
    background: url('../images/estructura/sim_line.png')no-repeat;
    float: right;
    position: absolute;
    margin-top: -13px;
    background-size: contain;
    *position: inherit;
    *background: url('../images/estructura/sim_line.png');
    *height: 10px !important;
    *width: 716px !important;
    *float: none;
}
#btn_calcular img {
    cursor: pointer;
    margin: 0 auto;
}
#btn_calcular span img {
    vertical-align: bottom;
    float: right;
}
.combo_sim {
    width: 60%;
    font-size: 40px;
    margin-top: 20px;
    line-height: 35px;
    height: 35px;
    color:#225aa8;
    font-size: 15px;
    background-position:right;
}
.oculta {
    display:none;
}
.combo_sim span {
    line-height: 20px;
    vertical-align: middle;
}
.sprite_icon,
.RecSliderButtons .button,
.a_print,
.menu-home,
.menu-movil,
.btn_palabra {
    background-image: url('../images/estructura/sprite_icon.png');
}
.a_print {
    *background-image: url('') !important;
}
.sprite_mapa,
.mi_ubicacion {
    background-image: url(../images/estructura/sprite_mapa.png);
}
.sprite_logos {
    background-image: url(../images/botones/sprite_logos.png);
}
.tasas {
    width: 30px;
    height: 30px;
    background-position: -3px -315px;
}
.main {
    width: 1084px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.menu {
    width: 1024px;
    margin: auto;
}
.pointer {
    cursor: pointer;
}
.compartida {
    height: 90px !important;
    margin-bottom: 10px;
}
.seccion_compartida .drop {
    display: none;
}
.seccion_compartida a.current {
    font-size: 16px;
    display: block;
    height: 42px;
    line-height: 45px;
    width: 112px;
    text-align: center;
    text-decoration: none;
    color: #636464 !important;
    padding: 0 7px 0 0;
    margin: 0;
    position: relative;
    top: 0;
    cursor: pointer !important;
    background-color: #FFF !important;
    background-image: none !important;
}
.tabs-azul {
    list-style: none;
    margin: -33px 20px 0 0!important;
    float: right;
    height: 40px;
    padding: 0;
}
.tabs-azul li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: -2px 0 0 0 !important;
    list-style-image: none !important;
    font-size: 12px;
}
.tabs-azul a {
    font-size: 16px;
    display: block;
    height: 42px;
    line-height: 45px;
    width: 112px;
    text-align: center;
    text-decoration: none;
    color: #636464;
    padding: 0 7px 0 0;
    margin: 0;
    position: relative;
    top: 0;
    background-color: transparent;
}
.tabs-azul a:active {
    outline: none;
}
.tabs-azul .current,
.tabs li.current a {
    /* background-position: -496px -45px;
    background-repeat: no-repeat; */
    cursor: default !important;
    background-color: #006FB9;
    color: #FFF;
    -moz-box-shadow:    2px -2px 4px 0 rgba(0,0,0,0.30);
    -webkit-box-shadow: 2px -2px 4px 0 rgba(0,0,0,0.30);
    box-shadow:         2px -2px 4px 0 rgba(0,0,0,0.30);
}

.tabs em {
    display: block;
    font-style: normal;
}
.center {
    display: block;
    margin: 0px auto;
}
.drop {
    padding: 5px 7px 0px 7px;
    font-size: 13px;
    color: #FFF;
    /* background-image: url(../images/estructura/bg_menu.jpg); */
    background-color: #006FB9;
    border-radius: 0 0 3px 3px;
}
.header {
    height: 440px;
}
.header_interna {
    height: 319px;
}

.header_interna-new {
    height: 10px !important;
}

/** Clase solo para pantallas que no tienen imagen header **/
.registro_login {
    height: 120px;
}

/** **/
.header_interna_simple {
    height: 100px;
    position: relative;
    z-index: 60;
}
.head {
    padding: 0 30px;
    position: absolute;
    top: 0;
    z-index: 10;
}
.content_head {
    background-color: #FFF;
    border-radius: 0 0 3px 3px;
    height: 90px;
}
.logo_bancoppel {
    padding: 8px 0 0 30px;
    cursor: pointer;
    width: 301px;
}
.head_inter {
    width: 1084px;
    height: 319px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/* .login_sprite {
    background-image: url(../images/estructura/sprite_login.png);
} */
.login_sprite_em {
    background-image: url(../images/estructura/sprite_login_em.png);
}
.RecSliderButtons {
    position: absolute;
    bottom: 16px;
    left: 15px;
    width: 200px;
    height: 10px;
}
.RecSliderButtons .button {
    background-position: -47px -223px;
    float: left;
    width: 11px;
    height: 11px;
    margin: 0 5px 0 0;
}
.RecSliderButtons .selected {
    background-position: -47px -187px;
}
.slider_tips {
    height: 135px;
    background-image: url(../images/estructura/sprite_login.png);
}

/* :::::::::: iosSlider :::::::::: */
.slider_tips {
    background-position: -248px 0px;
    background-repeat: no-repeat;
    padding-top: 35px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 248px;
    height: 135px;
    *height: 135px;
    margin-top: 20px;
    /*    box-shadow: 0px 1px 3px #eaeaea;*/
}
.slider_tips .slider {
    width: 100%;
    height: 100%;
}
.slider_tips .slider .item {
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
}
.tips {
    font-size: 14px;
    background-color: #FFF;
    padding: 0;
    text-align: center;
    height: 168px;
    color: #636464;
}
.rec {
    font-size: 12px;
    background-color: #FFF;
    padding: 15px;
    text-align: justify;
    height: 65px;
    color: #636464;
}
.slider_tips i {
    display: none !important;
}

/* Tips */
.iosSliderButtons {
    bottom: 8px;
    height: 10px;
    left: 10px;
    position: absolute;
    width: 200px;
}
.iosSliderButtons .button {
    float: left;
    width: 11px;
    height: 11px;
    margin: 0 5px 0 0;
}
.iosSliderButtons .selected {}
/* .content_login {
    position: absolute;
    width: 248px;
    height: auto;
    z-index: 9;
    right: 30px;
    top: 112px;
    background-color: #FFF;
    border-radius: 3px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 -35px;
    padding-top: 52px;
} */
.content_login_empresas {
    position: absolute;
    width: 248px;
    height: auto;
    z-index: 9;
    right: 30px;
    top: 112px;
    background-color: #FFF;
    border-radius: 3px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: -248px -35px;
    padding-top: 52px;
}
.login {
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-radius: 3px;
    width: 246px;
}
.login_input {
    font-size: 13px;
    color: #636364;
    line-height: 10px;
    width: 200px;
    height: 26px;
    line-height: 26px;
    text-indent: 5px;
    border: 0 inset;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    font-style: italic;
}
.login a.registro {
    width: 246px;
    height: 34px;
    display: block;
}
.login_movil {
    display: none;
}
.login_escritorio {
    display: block;
}
.nombre {
    background-image: url(../images/estructura/login_nombre.jpg);
    background-repeat: no-repeat;
}
.contrasena {
    background-image: url(../images/estructura/login_contrasena.jpg);
    background-repeat: no-repeat;
}
#empresas {}
.boton-amarillo {
    border: 0 inset;
    height: 28px;
    padding: 0px 30px;
    *padding: 0;
    /* Old browsers */
    background: #ffdd33;
    /* FF3.6+ */
    background: -moz-linear-gradient(top,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top,
    + #ffdd33 0%,
    #ffcf1b 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* W3C */
    background: linear-gradient(to bottom,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdd33',
    endColorstr='#ffcf1b',
    GradientType=0);
    box-shadow: 0px 0px 2px 0px #ffbe12;
    font-family: 'Lato';
    font-size: 14px;
    color: #225aa8;
    cursor: pointer;
    border-radius: 3px;
    border-bottom: 2px solid #ffbe12;
}
.boton-amarillo2,
.btn-search {
    border: 0 inset;
    height: 28px;
    padding: 0px 20px;
    /* Old browsers */
    background: #ffdd33;
    /* FF3.6+ */
    background: -moz-linear-gradient(top,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top,
    + #ffdd33 0%,
    #ffcf1b 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* W3C */
    background: linear-gradient(to bottom,
    #ffdd33 0%,
    #ffcf1b 100%);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdd33',
    endColorstr='#ffcf1b',
    GradientType=0);
    box-shadow: 0px 0px 2px 0px #333;
    font-family: 'Lato';
    font-size: 14px;
    color: #225aa8;
    cursor: pointer;
    border-radius: 3px;
    border-bottom: 2px solid #ffbe12;
}
/*
.btn-search {
    color: white !important;
    background: #225aa8 !important;
    border-bottom: 2px solid #13448a !important;
}
*/
.link_olvidaste {
    font-size: 13px;
    color: #225aa8;
}
.banners_index {
    height: 193px;
    padding-top: 23px;
    background-color: #FFF;
    text-align: center;
}
#banner_personas {
    width: 1024px;
    height: 193px;
}
.banner_personas_movil {
    display: none;
}
.tools_index {
    height: 315px;
    background-color: #f1f1f1;
    background-image: url(../images/estructura/shadow.png);
    background-repeat: no-repeat;
}
.content_1 {
    float: left;
}
.sprite_banner {
    background-image: url(../images/banners-slider/banner_promociones.jpg);
}
.show_promos {
    width: 301px;
    height: 171px;
    display: block;
    cursor: pointer;
    background-position: inherit !important;
}
.corresponsales {
    background-position: 0 -174px;
    width: 301px;
    height: 67px;
    display: block;
}
.content_2 {
    float: left;
    margin-left: 25px;
}
.titulo_mapas {
    display: none;
}
.head_tools {
    height: 168px;
    width: 301px;
}
.sucursales_mapa {
    height: 255px;
    width: 633px;
    position: relative;
}
.buscador {
    background: white;
    width: 219px;
    height: 255px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    left: 0;
}
.btn_pdf {
    background: #225AA8;
    border-radius: 5px;
    width: 100px;
    height: 35px;
    margin: 0 auto;
    text-align: center;
}
.btn_pdf a {
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: white;
    font-size: 20px;
}
.btn_mapa {
    position: absolute;
    left: 219px;
    top: 10;
    cursor: pointer;
    z-index: 6;
}
.btn_mapa div {
    background-image: url(../images/botones/sprite_sucursales.png);
    background-position: 0 0;
}
.btn_mapa .btn {
    height: 255px;
    width: 22px;
}
.campos {
    min-height: 188px;
    color: #FFF;
    text-shadow: 1px 1px 1px #333333;
    width: 219px;
    font-size: 14px;
}
.campos input[type="checkbox"] {
    border: none;
    margin: 12px 3px 0px 30px;
    float: left;
    position: absolute;
    *margin: 11px 3px 0px 15px;
}

/*geolocalizacion*/
.check-c input[type="checkbox"] {
    border: none;
    margin: 20px 3px 0px 30px;
    float: left;
    position: absolute;
    *margin: 9px 3px 0px 15px;
}
.pin-suc {
    background: url('../images/estructura/bg_sucursales.jpg');
    background-position: -32px -235px;
    width: 84%;
    height: 100%;
    display: block;
    margin-left: 7%;
}
.pin-caj {
    background: url('../images/estructura/bg_sucursales.jpg');
    background-position: -32px -267px;
    width: 83.5%;
    height: 100%;
    display: block;
    margin-top: 5%;
    margin-left: 7%;
}
.btn_ubicacion {
    position: absolute;
    z-index: 5;
    padding-left: 10px;
    background-color: white;
    width: 623px;
    margin-top: 215px;
    height: 40px;
    border-bottom: 1px solid #e3e2de;
    border-right: 1px solid #e3e2de;
    border-top: 1px solid #e3e2de;
}
.btn_ubicacion span {
    display: inline;
}
.mi_ubicacion {
    background-position: 190px -66px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 19px;
    height: 32px;
    background-color: white;
    color: #225aa8;
    text-decoration: none;
    display: block;
    width: 240px;
    padding-top: 7px;
}
a.caminando {
    background-position: -34px -34px;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    *width: 42px;
    *height: 42px;
    margin: 4px 25px 4px 5px;
    *margin: 2px 10px;
    *padding: 0px 5px;
}
a.caminando:hover {
    background-position: -1px -34px;
}
a.auto {
    background-position: -34px -1px;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    *width: 42px;
    *height: 42px;
    margin: 4px 5px 4px 5px;
}
a.auto:hover {
    background-position: -1px -1px;
}
.btn_palabra {
    background-position: 0px -286px;
    border: 0 inset;
    float: left;
    width: 31px;
    height: 24px;
    background-color: transparent;
    cursor: pointer;
}
.input_palabra {
    font-family: 'Lato';
    height: 18px;
    float: left;
    padding: 2px 0 2px 5px;
    margin: 0;
    border: 0 inset;
    border: 1px solid #225aa8;
    border-right: none;
    border-radius: 3px 0 0 3px;
    color: #666;
    width: 158px;
    font-size: 14px;
}
.tit_mapas {
    width: 90%;
    text-align: left;
    height: 19px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.tit_buscar {
    font-size: 20px;
    height: 19px;
    padding-bottom: 50px;
    padding-top: 10px;
    text-align: center;
    width: 90%;
}
/*
.icon_buscar {
    background-image: url('../images/estructura/bg_sucursales.jpg');
    margin-bottom: 10px;
    height: 80px;
}
*/
.btn_mapas {
    width: 90%;
    text-align: center;
    height: 30px;
    padding-top: 2px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.campos_mapas {
    width: 90%;
    text-align: left;
    height: 30px;
    margin-top: 25%;
}
.checkbox_mapas {
    width: 90%;
    text-align: left;
    height: 30px;
    padding-top: 2px;
    margin: 0px;
    display: inline-block;
    position: relative;
}
.iconos_mapa {
    text-align: center;
    padding-top: 10px;
}
#estado-movil {
    display: none;
}
/*
.mapWrapper {
    z-index: 1;
    width: 633px;
    height: 255px;
    position: absolute;
    background: #183f75;
}
.mapa {
    height: 215px;
    width: 623px;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 4;
    overflow: hidden;
}
*/
.contacto {
    width: 100%;
    float: left;
    background-image: linear-gradient(-180deg, #DDDDDD 0%, #F1F1F1 5%);
    padding: 20px 0 20px 0;
    box-sizing: border-box;
    margin-bottom: -20px;
}
.acerca {
    float: left;
    width: 32%;
    height: auto;
    padding-right: 5px;
}
.img-clock {
    background: url(../images/estructura/reloj.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    width: 20%;
    height: 60px;
    float: left;
    padding-right: 10px;
}
.fl {
    width: 75%;
    float: left;
    *display: inline-block;
}
.num-cont {
    float: left;
    width: 65%;
    height: auto;
    padding-left: 15px;
}
.mx-num {
    float: left;
    width: 45%;
    height: 70px;
    margin: 10px 10px;
    *width: 50%;
}
.us-num {
    float: left;
    width: 45%;
    height: 70px;
    margin: 10px 0 10px 27px;
}
.cont-line {
    border-bottom: 1.5px solid #225aa8;
    height: 20px;
    width: 77%;
    float: left;
    margin-bottom: 16px;
}
.down-line {
    width: 8%;
}
.ico {
    background-image: url(../images/botones/sprite_footer.png);
    background-repeat: no-repeat;
    float: left;
    font-size: 20px;
    line-height: 36px;
    padding-left: 45px;
    min-height: 35px;
}
.ico-tel {
    background-position: 0 -112px;
    width: 15%;
}
.ico-dwn {
    background-position: 0 -148px;
    width: 265px;
}


.line-cont{
    border-bottom: 1.5px solid #225aa8;
    height: 20px;
    width: 20px;
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
}

.line-cont_{
    border-bottom: 1.5px solid #225aa8;
    height: 20px;
    width: 30px;
    float: right;
    margin-bottom: 15px;
    margin-top: -37px;
}

.ico-red {
    background-position: 0 -187px;
    width: 33%;
    margin-left: 10px;
}
.phantom-fot {
    width: 5%;
    height: 50px;
    margin-left: 17%;
    margin-top: 15px;
}

.contenedor_redes{
    width: 100%;
    display: flex;
}

/*end footer*/
.contacto form {
    margin-top: -5px;
}
.contacto_movil {
    display: none;
}
.pregunta {
    padding-bottom: 8px;
}
.pregunta a {
    color: #225aa8;
}
.pregunta a:hover {
    text-decoration: none;
    color: #FFB600;
}
.respuesta {
    display: none;
    padding: 10px 20px 20px 20px;
}
.captcha {
    float: left;
    text-align: right;
    background: none;
    width: auto;
    height: auto;
    padding: 0px 0;
    margin: 5px 0px 0px 15px;
}
.captcha img {
    border: none !important;
    margin: 0px;
    padding: 0px 1px;
    *padding-left: 10px;
}
.captcha_input {
    display: block;
    margin: 0px auto;
    text-align: right;
}
.table_contrata {
    width: 716px;
    margin: auto;
    text-align: center;
}
.p_28 {
    font-size: 28px;
}
.azul {
    color: #225aa8;
}
.print_logo {
    display: none;
}
.email_btn {
    bottom: 0;
    position: absolute;
    right: 62px;
    cursor: pointer;
    height: 44px;
    width: 633px;
    color: #FFF;
}
.email_btn div {
    background-image: url(../images/estructura/sprite_correo.png);
    background-position: 0 44px;
    width: 633px;
    height: 44px;
}
.email_content {
    bottom: 0;
    position: absolute;
    right: 62px;
    background-color: #183f75;
    height: 0;
    width: 633px;
    color: #FFF;
    text-shadow: 2xp 1px 2px #000033;
    overflow: hidden;
}
.email_forma {
    padding: 15px;
}
.tools_interna img.shadow,
.tools_empresas img.shadow {
    *margin-top: -7px !important;
}
.tools_interna {
    float: left;
    margin-left: 90px;
    *margin-left: 0;
    width: 248px;
    padding-top: 0px;
    margin-top: -16px;
}
.tools_interna2 {
    float: left;
    margin-left: 30px;
    width: 248px;
}
.email_forma label {
    width: 65px;
    display: block;
}
.input_email {
    height: 18px;
    padding: 2px;
    margin: 0;
    border: 0 inset;
    border: 1px solid #eaeaea;
    border-right: none;
    border-radius: 3px;
    color: #666;
    width: 163px;
    font-family: 'Lato';
    font-size: 14px;
}
.area_email {
    height: 60px;
    padding: 2;
    margin: 0;
    border: 0 inset;
    border: 1px solid #eaeaea;
    border-right: none;
    border-radius: 3px;
    color: #666;
    width: 270px;
    font-family: 'Lato';
    font-size: 14px;
}
.input_gral {
    height: 18px;
    padding: 2px;
    margin: 0;
    border: 0 inset;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    width: 163px;
    font-family: 'Lato';
    font-size: 14px;
}
#otraDuda input {
    width: 70%;
}
#otraDuda .error {
    width: 70%;
}
.contacto_button {
    display: block;
    width: auto;
    margin: -10px auto;
    width: 100px;
}
.area_gral {
    height: 70px;
    padding: 2;
    margin: 0;
    border: 0 inset;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
    width: 270px;
    font-family: 'Lato';
    font-size: 14px;
}
.acerca_bancoppel {
    font-size: 20px;
    background-position: 0 -77px;
    background-repeat: no-repeat;
    padding-left: 45px;
    min-height: 35px;
}
.redes_emp div {
    background-image: url(../images/estructura/pleca_contacto.png);
    background-position: 0 6px;
    height: 16px;
    width: 85px;
    float: right;
}
.bull_contacto {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    font-size: 12px;
    *line-height: 13px;
}
.txt_chico {
    line-height: 11px;
    height: 14px;
    font-size: 13px;
}
.txt_mediano {
    line-height: 23px;
    font-size: 23px;
    height: 25px;
}

.app_ul,
.redes_ul {
    width: 40%;
    height: 50px;
    margin-top: 15px;
    list-style-type: none;
    margin-left: 28px;
}

.redes_ul{
    margin-left: 17%;
}
.app_ul li {
    /*float: left;
    margin-right: 55px;*/
}
.app_ul li a {
    height: 27px;
    width: 75px;
    display: block;
}
.app_ul li a.and {
    background-position: 0 0;
}
.app_ul li a.ios {
    background-position: 0 -38px;
}
.sprite_redes {
    background-image: url(../images/botones/sprite_redes.png);
}
.redes_ul li {
    float: left;
    margin-right: 15px;
}
.redes_ul li a {
    width: 69px;
    height: 61px;
    display: block;
   /* margin-left: 230px;*/
}
.redes_ul li a.tw {
    background-position: 0 -34px;
}
.redes_ul li a.yt {
    background-position: 0 -68px;
}
.bull_contacto li {
    padding-bottom: 6px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: -11px -255px;
}
.bull_contacto li a {
    color: #183f75;
}
.bull_contacto li a:hover {
    color: #3B9CE9;
}
.footer_movil {
    display: none;
}
.footer {
    height: auto;
    font-size: 12px;
    color: #636464;
    background-color: #FFF;
    padding-top: 16px;
    padding-bottom: 30px;
}
.footer_pleca {
    width: 100%;
    height: 3px;
    display: block;
    background-color: #f1f1f1;
}
.amarillo {
    color: #ffdd33;
}
.gris {
    color: #636363;
}
.clear {
    clear: both;
    display: block;
}
.contenido {
    padding: 25px 0 25px 0;
}
.content_tabs {
    width: 716px;
    float: left;
    font-size: 14px;
    color: #636464;
    *width: 806px;
}
.content_tabs h1.titulo_general_movil {
    font-size: 16.38px;
    margin: 16px 0;
}
.content_tabs .descripcion-seccion {
    font-size: 13px;
    color: #636464;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 17px 0;
    float: left;
    width: 716px;
}
.content_tabs_2 h1.titulo-seccion {
    font-size: 24px!important;
}
.content_tabs span.wfix,
div.wfix {
    *width: 716px;
    *display: block;
}
.content_tabs_2 {
    width: 716px;
    font-size: 14px;
    color: #636464;
    margin: 0 auto !important;
}
.fix_map {
    width: 850px;
    height:600px;
}
.info_ext {
    float: right;
    width: 45%;
}
.panel_left {
    width: 43%;
    float: left;
}
.box-edos {
    background: url('../images/botones/arrow_down.png')no-repeat;
    background-position: 300px 12px;
    color:#225aa8;
    width: 325px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: solid 1px #225aa8;
    border-radius: 6px;
    height: 34px;
    margin-bottom: 40px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
}
/*.content_tabs h2 {
    font-size:24px!important;
    font-weight:normal;
    font-style:normal;
    margin:0 0 17px 0;
    float:left;
    width:630px;
}
.content_tabs_2 h2 span {
    font-size: 24px!important;
}
.content_tabs_2 h1 {
    font-size: 16px;
    color: #636464;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 17px 0;
    float: left;
    width: 630px;
}
h1 {
    text-align: justify;
    font-size: 13px !important;
}*/
.content_tabs_j {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #636464;
}
.content_tabs_j .titulo-seccion {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 17px 0;
    float: left;
    width: 630px;
}
/*.content_tabs_j h2 {									  
    font-size: 24px!important;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 17px 0;
    float: left;
    width: 630px;
}
.content_tabs_j h2 span {
    font-size: 24px!important;
}
.content_tabs_j h1 {
    font-size: 16px;
    color: #636464;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 17px 0;
    float: left;
    width: 630px;
}*/
.tools_empresas {
    float: left;
    margin-left: 90px;
    *margin-left: 0;
    width: 248px;
    margin-top: -16px;
}
.tools_print {
    float: right;
    height: 19px;
    position: absolute;
    *position: absolute;
    width: 72px;
    z-index: 50;
    right: 370px;
    /*top 10px;*/
}
#notIE {
    margin-top: 14px !important;
}
.a_print {
    background-position: -7px -427px;
    width: 19px;
    height: 19px;
    display: block;
}
.a_menos {
    font-size: 10px;
    text-decoration: none;
    color: #c6c6c6;
}
.a_mas {
    font-size: 16px !important;
    text-decoration: none;
    color: #c6c6c6;
}
.promociones_movil {
    display: none;
    *display: none;
}
.mobile-promotions,
.custom-promo {
    display: none;
}
.informacion_adicional {
    padding-top: 25px;
    color: #636464;
}
.info_adicional_bmovil {
    text-align: center;
}
.p_16 {
    font-size: 16px;
}
span.error {
    padding-top: 5px;
    color: #FFD829;
    font-size: 11px;
    display: block;
    text-align: center;
}
.validar2 span.error {
    padding-top: 5px;
    color: #F00;
    font-size: 11px;
    display: block;
    text-align: center;
}
.table_kit_apertura {
    width: 100%;
    border: solid 1px #225aa8;
}
.table_kit_apertura td {
    padding: 5px;
    border: solid 1px #225aa8;
}
.table_kit_apertura .table_tit {
    text-align: center;
    font-weight: bold;
}
.info_extra {
    padding: 65px 0;
}
div.dfix {
    width: 100%;
    display: inline-block;
}
div.dfix table#cat_print {
    text-align: right;
}
.inf_corp_link {
    color: #225aa8;
    background-image: url(../images/botones/btn_colapsa.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.inf_corp_link_over {
    color: #225aa8;
    background-image: url(../images/botones/btn_colapsa_over.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.btn_corp {
    padding-bottom: 10px;
}
.inf_corp_cont {
    margin-left: 80px;
    text-align: left;
}
.inf_corp_cont .azul {
    font-weight: bold;
    font-size: 18px;
    border-bottom: solid 2px #225AA7;
    padding-bottom: 6px;
    text-align: left;
    width: 93%;
}
.invisible {
    display: none;
}
.invisible-info-corp {
    display: none;
}
.pdf {
    color: #225aa8;
    background-image: url(../images/botones/ico_pdf_20.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 30px;
}
.tit_corp {
    padding: 10px 0;
}
.recibos_desktop {
    margin-left: -40px;
    padding: 0px;
}
.recibos_movil {
    display: none;
}

/* :::::::::: Quienes Somos :::::::::: */
.cuadro_qs {
    background: #E2E2E2;
    padding: 10px;
    text-align: center;
    margin: 5px 0 10px 0;
    border: solid 1px #D6D6D6;
    border-bottom: solid 1px #BABABA;
    border-right: solid 1px #BABABA;
}
.text_vision_mision {
    color: #666;
    font-size: 14px;
    line-height: 19px;
    border-top: solid 1px #BABABA;
    padding-top: 15px;
    text-shadow: 1px 1px #fff;
}
.tit_qs {
    font-size: 14px;
    font-weight: lighter;
}
.historia {
    padding: 15px 20px;
    margin: 10px 0 25px 0;
    background: #E2E2E2;
    border-bottom: #999 solid 2px;
    text-shadow: 1px 1px #fff;
    font-size: 12px;
}
.historia span {
    font-weight: bold;
}

/*:::::::::::::: MODAL :::::::::::::::*/
#divmod {
    display: none;
    *overflow: hidden;
}
#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
    /*overflow:auto;*/
}
#simplemodal-container a.modalCloseImg {
    width: 25px;
    height: 23px;
    display: inline;
    z-index: 10000;
    position: absolute;
    top: -7px;
    right: -13px;
    cursor: pointer;
}
#simplemodal-container #basicModalContent {
    padding: 8px;
}
.modal_1 {
    height: 200px;
    border-radius: 5px;
}

/*:::::::::::::: MODAL :::::::::::::::*/

/*:::::::::::::: CAROUSEL :::::::::::::::*/
.list_carousel {
    margin: 0 0 30px 60px;
    width: 360px;
    overflow: hidden;
}
.list_carousel ul {
    height: 193px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
}
.fix_span {
    font-size: 13px !important;
    display: inline-block;
}
.fix_car_left {
    margin-left: -6px !important;
}
.fix_car_right {
    margin-left: 6px !important;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
    position: relative;
}
.clearfix {
    float: none;
    clear: both;
}
.prev {
    position: absolute;
    left: 0;
    top: 7px;
    width: 62px;
    height: 62px;
    background-image: url(../images/botones/btn_carousel.png);
    background-position: right;
}
.next {
    position: absolute;
    right: 0;
    top: 7px;
    width: 62px;
    height: 62px;
    background-image: url(../images/botones/btn_carousel.png);
}

/*:::::::::::::: CAROUSEL :::::::::::::::*/
.pin_suc {
    background-repeat: no-repeat;
    background-position: 54px -390px;
    padding: 8px 25px 7px 0;
    font-size: 12px;
}
.pin_caj {
    background-repeat: no-repeat;
    background-position: 37px -357px;
    padding: 8px 25px 7px 0;
    font-size: 12px;
}
h2.sitemap_title {
    display: block;
    position: relative;
    float: left;
    *float:;
    width: 230px !important;
    text-align: right;
    padding-right: 30px;
    margin-left: 70px;
}
.sitemap {
    text-align: left;
    display: block;
    float: right;
    *float:;
    width: 300px;
    border-left: solid 2px #225AA7;
    margin-bottom: 40px;
    padding-left: 40px;
}
.sitemap a:hover {
    color: #2D81EF;
}
.descktop {
    display: block;
}
#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    background: #000;
    background-color: #FFF;
    color: #f1f1f1;
    z-index: 10009;
}
#status {
    width: 364px;
    height: 100px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -50px 0 0 -182px;
    background: url('../images/estructura/cargador.gif') no-repeat center center;
}
@media print {
    .info_extra {
        margin-top: 330px !important;
    }
    .panes,
    .content,
    #content,
    .respuesta {
        display: block !important;
        position: relative;
    }
    .txt_content_interna {
        display: block !important;
        margin-top: 30px;
        border-top: solid 2px gray;
        display: inline-block;
    }
    strong {
        font-weight: normal;
    }
    .contacto,
    .head_inter,
    .content_login_empresas,
    .content_login,
    .header_interna,
    .footer {
        display: none;
    }
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
#wichDiv,
#wichDiv2,
#whichDiv3 {
    width: 299px;
    height: 139px;
}
#wichDiv img#randomImage,
#wichDiv2 img#randomImage2,
#wichDiv3 img#randomImage3 {
    cursor: pointer;
    width: 100%;
    height: auto;
}
#wichDivMobile,
#wichDivMobile1 {
    width: 100%;
}
#wichDivMobile img#randomImageMobile,
#wichDivMobile1 img#randomImageMobile1 {
    cursor: pointer;
}
a.caminando_inactivo {
    background-position: -67px -34px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    *widht: 42px;
    *height: 42px;
    margin: 4px 25px 4px 5px;
    *margin: 2px 10px;
    *padding: 0px 5px;
}
a.auto_inactivo {
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    *width: 42px;
    *height: 35px;
    background-position: -67px -1px;
    background-repeat: no-repeat;
    margin: 4px 5px 4px 5px;
}
.pagination a {
    background: #e3e2de;
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    margin-left: 5px;
    color: #e3e2de;
    text-decoration: none;
    font-size: 1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pagination a.selected {
    background: #ffe502;
    display: block;
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    margin-left: 5px;
    color: #ffe502;
}
.pagination a span {
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer !important;
    *cursor: pointer !important;
    background-color: #e3e2de;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pagination a.selected span {
    color: #ffe502 !important;
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer !important;
    *cursor: pointer !important;
    background-color: #ffe502;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.mchild {
    cursor: pointer;
    *cursor: pointer;
}
.caroufredsel_wrapper {
    *width: 1084px !important;
    height: 153px;
}
.caroufredsel_wrapper ul li {
    *width: 299px !important;
    *margin-right: 62px;
    *float: left;
}
.footer-ligas {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.footer a.liga-comisiones {
    color: #3a99e5;
}
.home-icon {
    background-position: -5px -144px;
    width: 25px;
    height: 25px;
    margin: 0 0 0 35px;
    position: absolute;
    left: 0;
    cursor: pointer;
}
.house_icon {
    background: url('../images/estructura/house_icon.png') no-repeat;
    width: 25px;
    height: 35px;
    margin: 0 0 0 35px;
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 80px;
}
.house_bg {
    background: #225aa8;
    width: 1024px;
    height: 35px;
    margin-top: 5px;
    border-radius: 0 0 3px 3px;
}
.tip-main h3 span {
    cursor: pointer;
}
.tip-main,
.tip-title,
.tip-contents {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}
.tip-contents ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}
.tip-contents ul {
    list-style-image: url('../images/estructura/check_gfx.png');
    list-style-position: inside;
}
.tip-contents ul li {
    margin: 0 0 7px 0;
    text-indent: -24px;
    padding-left: 24px;
}
.tip-contents ul li span.lista2 {}
.tip-contents_bc {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}
.tip-contents_bc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}
.tip-contents_bc ul li {
    margin: 0 0 7px 0;
    background: url(../images/estructura/check_gfx.png) no-repeat left top;
}
.tip-contents_bc ul li span {
    margin: 0 0 0 15px;
    display: block;
}
.disclaimer-nomina {
    width: 100%;
    height: auto;
    padding: 20px 0 10px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: justify;
}
.estilo_bc {
    font-weight: 800;
    color: #225aa8;
}
.estilo_bc2 {
    font-weight: 800;
    color: #225aa8;
    margin-left: 0 !important;
}

/*----------------
.loginDAD
----------------*/
/* .loginDAD,
.loginDAD .set {
    width: 100%;
    height: auto;
}
.loginDAD .set {
    float: left;
    text-align: center;
    padding: 9px 0 9px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loginDAD .set:last-child {
    float: left;
    text-align: center;
    padding: 9px 0 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loginDAD .set a.registro {
    width: 246px;
    height: 34px;
    display: block;
} */

/* ie fix */
/* .setPAD {
    padding: 9px 0 1px 0\9 !important;
} */

/*:::::::::::::: TRUSTEER :::::::::::::::*/
.btnDescargaTrusteer {
    width: 100%;
    height: 78px;
    background: url("../images/trusteer/banner-conoce.png");
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 767px\9;
    height: 87px\9;
}
.boxTrusteer {
    background: url("../images/trusteer/box.png");
    width:16.45196337110042%;
}
.pcTrusteer {
    background: url("../images/trusteer/pc.png");
    width:18%;
}
.userTrusteer {
    background: url("../images/trusteer/user.png");
    width:16.45196337110042%;
}
.lineTrusteer {
    background: url("../images/trusteer/line.png");
    width:23.43628744373739%;
}
.boxTrusteer,
.pcTrusteer,
.userTrusteer,
.lineTrusteer {
    float: left;
    height: 109px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100%;
}
.imagenesTrusteer {
    width: 90%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    margin-bottom: 45px;
}
.trusteerBanner {
    width: 100%;
    background: url("../images/trusteer/banner-desk.png");
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    height: 78px;
    cursor: pointer;
    margin-top: 25px;
}
.winlist {
    width: 50%;
    height: 430px;
    float: left;
    margin-bottom: 10px;
}
.maclist {
    width: 45%;
    height: 430px;
    float: left;
    margin-bottom: 10px;
    margin-left: 5%;
}
.droidlist {
    width: 50%;
    height: 150px;
    float: left;
}
.ioslist {
    width: 45%;
    height: 150px;
    float: left;
    margin-left: 5%;
}

/*Simulador Prestamo Personal*/
.tit-cont {
    width: 100%;
    height: auto;
    float: left;
    *display: inline-block;
}
.tit {
    width: 17.63%;
    height: auto;
    float: left;
    font-size: 12px;
    background-color: #225aa8;
    color: white;
    padding: 5px 0;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    *display: inline-block;
}
.cont0 {
    width: 10%;
}
.data_tab {
    float: left;
    width: 99.8%;
    height: auto;
    *display: inline-block;
}
.cont-data {
    width: 17.63%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #225aa8;
    padding: 10px 0;
    border: 1px solid #225aa8;
    *display: inline-block;
}
.mes0 {
    width: 10%;
}
.generales-prestamo {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 auto;
    *display: inline-block;
}
.blue-ball {
    float: left;
    width: 16%;
    height: 111px;
    border-radius: 50%;
    margin: 5px 14px;
    background-color: #225aa8;
    *display: inline-block;
}
.gen-a,
.gen-b {
    width: 84%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: white;
    padding-top: 21px;
    line-height: 16px;
}
.gen-b {
    padding-top: 10px;
    font-size: 18px;
}
.tabla-tit {
    float: left;
    margin: 20px auto 0;
    width: 100%;
    height: 29px;
    font-size: 25px;
    color: #225aa8;
    *display: inline-block;
}
.tazawrap {
    width: 100%;
    height: 200px;
    margin: 24px auto;
}
.table-set {
    width: 95%;
    float: left;
    margin: 20px 18px;
}

#limites_movil {
    display: none;
}

/*cssestilos cajeros*/

.wide-banner {
    width: 1024px;
    height: 319px;
    margin: 0 auto;
}
.contenido_fix {
    padding-top: 0px;
}

.selector {
    width: 100%;
    height: auto;
    margin: 3% auto 1%;
}
.selector ul {
    width: 90%;
    height: 60px;
    padding: 0;
    margin: 0 auto;
}
.selector ul li {
    list-style: none;
    float: left;
    margin-right: 2%;
    cursor: pointer;
}
.selector-line {
    width: 90%;
    height: 17px;
    margin: 0 auto;
    border-bottom: 1px solid #B6B5B5;
}
.logo-af {
    width: 186px;
    height: 50px;
    background: url(../images/cajeros/afirme_logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.logo-scot {
    width: 186px;
    height: 50px;
    background: url(../images/cajeros/scotia_logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.logo-bbaj{
    width: 186px;
    height: 50px;
    background: url(../images/cajeros/banbajio_logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.panelleft,
.panelright {
    float: left;
    width: 50%;
}
.cajero-tit {
    color: #225aa8;
    width: 100%;
    text-align: left;
    line-height: 30px;
    font-size: 23px;
    margin-bottom: 2%;
}
.carero-sub {
    color: #636464;
    width: 90%;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}
.list-cajeros {
    width: 67%;
    margin: 0 16.5%;
}
.map_cajeros {
    width: 90%;
    height: 520px;
    margin-top: 3%!important;
}
.map-cajero {
    float: right;
    width: 85%;
    margin: 0 12.5%;
}
.caj_pointer {
    -webkit-transition: all 1s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    left: 13%;
}

.rtm {
    font-size: 10px;
    line-height: 0;
}
.hide-cajero {
    display: none;
}
.logo-off {
    opacity: 0.2
}
/*terminan cssestilos cajeros*/

.tabla-contratos {
    margin-top: 24px;
    width: 100%;
}
.tabla-contratos tr td:nth-child(1) {
    width: 61.5%;
    
}
/* esconde tutoriales en movil */

@media screen and (max-width: 768px) {
    #escondeTutorial {
        display: none;
    }

    .landing-experiencias {
        width: 768px;
        height: 1024px;

    }
    
    .texto-landing-experiencias  {
        width: 80%;
    }
    
    .logo-landing-experiencias  {
        padding-top: 50px;
        padding-left: 370px;
    }
}

/*footer nuevo*/

/*footer logos*/
.footer {
    height: 120px;
    font-size: 12px;
    color: #636464;
    background-color: #FFF;
    padding-top: 16px;
    padding-bottom: 30px;
}
#foot {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #636464;
}
.footer-cont {
    margin: 0 auto;
}
.clear {
    clear: both;
    display: block;
}
.txt-blue {
    color: #225aa8;
}
#foot .footer-logos {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-top: 3px solid #f1f1f1;
    border-bottom: 3px solid #f1f1f1;
}
#foot .logo {
    width: 32%;
    float: left;
    text-align: center;
    margin: 5px 0%;
}
.footer a {
    color: #636464;
}
.logos-sprite {
    background-image: url(../images/botones/sprite_logos.png);
    cursor: pointer;
}
.ipab {
    background-position: -11px 147px;
    width: 83px;
    height: 47px;
    margin-top: -3px
}
.coppel {
    background-position: -338px -8px;
    width: 141px;
    height: 28px;
    margin-top:7px;
	margin-left:0;
}
.afore {
    background-position: -512px -8px;
    width: 213px;
    height: 28px;
    margin: 7px auto 0;
}
.bolsa {
    background-position:-749px 0;width:143px;height:47px;margin-left:33%;
}
.buro {
    background-position: -123px -1px;
    width: 47px;
    height: 46px;
	margin-left:55%;
}
.ampici {
    background-position: -200px -1px;
    width: 110px;
    height: 46px;
    margin-top: .5px;
}
.footA {
    width: 55%;
    margin: 0;
    padding: 0;
    float: left;
}
.footB {
    width: 45%;
    margin: 0;
    padding: 0;
    float: right;
}

#foot .mobile-logos {
    display: none;
}
.footer-copy {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    text-align: center;
    color: #636464;
    font-size: 12px;
}

/*************Login****************/
.content_login {
    position: absolute;
    width: 248px;
    height: 228px;
    z-index: 9;
    right: 30px;
    top: 115px;
    overflow: hidden;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 4px;
}

/***************contacto********************/

/*------------------Footer Contact--------------*/

.contacto {
    width: 100%;
    float: left;
    background-image: linear-gradient(-180deg, #DDDDDD 0%, #F1F1F1 5%);
    padding: 20px 0 20px 0;
    box-sizing: border-box;
}

.contacto p,
.contacto div,
.contacto h2,
.contacto h3,
.contacto ul,
.contacto a,
.contacto li,
.contacto img {
    margin: 0 auto;
}

.contacto img {
    display: inline-block;
}

.contacto .col-acerca {
    width: 33.33%;
    float: left;
}

.contacto .box-acerca {
    padding-left: 20px
}

.contacto .col-contacto {
    width: 66.66%;
    float: left;
}

.contacto .col-contacto > div {
    width: 50%;
    float: left;
    padding-right: 20px;
    padding-left: 15px;
    box-sizing: border-box;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.contacto h2 {
    font-size: 20px;
    color: #006FB9;
    position: relative
}

.contacto h2:before,
.contacto h3:before {
    margin-right: 10px;
    position: relative;
    top: 5px;
    font-family: 'bancoppel-icons';
}

.contacto h2:before {
    font-size: 33px;
}

.contacto h3:before {
    font-size: 31px;
}

.contacto h3 {
    display: inline-table;
    white-space: nowrap;
    color: #006FB9;
    font-size: 20px;
    font-weight: normal;
    position: relative
}

.contacto h3:after {
    border-top: 2px solid #006FB9;
    content: '';
    display: table-cell;
    position: relative;
    top: 1.15em;
    width: 100%;
}

.contacto h3:after {
    left: 1.5%;
}

.contacto .box-acerca h2:before {
    content: "\e900";
}

.contacto .box-contacto h3:before {
    content: "\e903";
}

.contacto .bolsa-trabajo h3:before {
    content: "\e90a";
}

.contacto .redes h3:before {
    content: "\e909";
}

.contacto .descargas h3:before {
    content: "\e904";
}

.contacto .box-acerca ul {
    margin: 12px 0 0 60px;
    list-style: none;
}

.contacto .box-acerca ul li {
    font-size: 13px;
    text-align: left;
    line-height: 19px;
    position: relative
}

.contacto .box-acerca ul li a {
    color: #225AA7;
    text-decoration: underline;
}

.contacto .box-acerca ul li:before {
    content: "\e905";
    color: #FDD614;
    font-family: 'bancoppel-icons';
    text-decoration: none;
    position: absolute;
    left: -7px;
    font-size: 9px;
}

.contacto .lada-mx {
    padding-top: 10px;
    position: relative
}

.contacto .lada-mx:before {
    content: "\e902";
    font-family: 'bancoppel-icons';
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 30px;
    color: #225AA7;
}

.contacto .lada-mx,
.contacto .lada-us {
    width: 170px;
    padding-left: 50px;
}

.contacto .lada-mx p,
.contacto .lada-us p {
    color: #006FB9;
    text-align: left;
    font-size: 18px;
}

.contacto .lada-mx p:nth-child(1),
.contacto .lada-us p:nth-child(1) {
    font-size: 10px;
}

.contacto .lada-mx p:nth-child(2),
.contacto .lada-us p:nth-child(2) {
    margin-left: 15px;
}

.contacto .lada-mx p:nth-child(3) {
    text-align: right;
    letter-spacing: 1px;
}

.contacto .lada-mx p span {
    color: #636363;
}

.contacto .bolsa-trabajo {
    text-align: center
}

.contacto .bolsa-trabajo a img {
    padding: 20px 0;
}

.contacto .redes,
.contacto .descargas {
    text-align: center
}

.redes a{
    text-decoration: none
}

.contacto .redes a img {
    margin: 20px 5px 0;
}

.contacto .descargas .box-express,
.contacto .descargas .box-apps {
    width: 50%;
    float: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contacto .descargas .box-express {
    text-align: center;
}

.contacto .descargas .box-express img {
    margin-right: 5px; 

}

.contacto .descargas .box-apps {
    text-align: left;
}

.contacto .descargas .box-apps a {
    display: block;
    margin-left: 5px;
}

/*------------------Footer Logos----------------*/

.footer-logos {
    width: 100%;
    float: left;
    padding: 15px 0 30px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 3px solid #F1F1F1;
    border-bottom: 3px solid #F1F1F1;
    position: relative;
    min-height: 33px;
}

.footer-logos> div {
    margin: 5px 0 5px 5px;
    align-self: center;
}

.footer-logos > div:last-child {
    margin: 5px;
}

.footer-logos a {
    background-image: url(../images/botones/sprite_logos.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px auto;
}

.footer-logos > a:nth-of-type(1) {
    order: 1;
    margin: 5px auto 5px 0;
}

.footer-logos > a:nth-of-type(2) {
    order: 2;
}

.footer-logos > a:nth-of-type(3) {
    order: 3;
}

.footer-logos > a:nth-of-type(4) {
    order: 6;
    margin: 5px 0 5px auto;
}

.footer-logos > a:nth-of-type(5) {
    order: 4;
}

.footer-logos > a:nth-of-type(6) {
    order: 5;
}

.logo-afore {width: 235px; height: 47px; background-position: 23.8095% 2.39234%; background-size: 108.936%; }
.logo-buro {width: 59px; height: 47px; background-position: 2.53807% 27.2727%; background-size: 433.898%; }
.logo-coppel {width: 171px; height: 47px; background-position: 81.1765% 27.2727%; background-size: 149.708%; }
.logo-fintech {width: 56px; height: 46px; background-position: 2.50000% 76.6667%; background-size: 457.143%; }
.logo-ipab {width: 94px; height: 47px; background-position: 3.08642% 52.1531%; background-size: 272.340%; }
.logo-ampici {width: 115px; height: 47px; background-position: 73.7589% 52.1531%; background-size: 222.609%; }
.logo-fundacion-coppel {width: 152px; height: 47px; background-position: 65.1765% 80.2727%; }

/*------------------Copyright----------------*/

.copyright {
    width: 100%;
    float: left;
    margin: 20px 0;
    color: #636464;
    font-size: 12px;
    text-align: center
}

.txt-blue {
    color: #225aa8;
}

.liga-comisiones {
    color: #3a99e5;
    text-decoration: underline;
}

.terminos a {
    color: #636464;
    text-decoration: underline;
}

.terminos a:after {
    content: "|";
    margin: 0 0 0 3px;
}

.terminos a:after::last-child {
    content: none;
}
.anuncio-cajeros {
    width: 100%;
    float: left;
    text-align: center;
    background: linear-gradient(to right, #4A90E2 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#4A90E2 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #4A90E2 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#4A90E2 50%, rgba(255, 255, 255, 0) 0%);
    background-position: top, right, bottom, left;
    background-repeat: repeat-x, repeat-y;
    background-size: 20px 1px, 1px 20px;
    margin: 20px 0 0 0;
    padding: 5px 20px;
    box-sizing: border-box;
    font-size: 15px;
}

.anuncio-cajeros span {
    color: #164695;
    font-weight: 700;
}

.anuncio-cajeros img {
    display: inline-block;

}
.anuncio-cajeros p a {
    line-height: 10px;
    display: inline-block;
}

.anuncio-cajeros .link-afirme, .link-scotiabank{
    margin: 0 40px 0 0;
}

.anuncio-cajeros .link-afirme img {
    padding: 0 0 3px 0;
}

/*-----------------------------------Grid--------------------------------------------*/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {
    float: left;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1 {
    width: 8.33333333%;
}

.row {
    width: 100%;
    float: left;
}

.block-logos-pago-servicios  {
    text-align: center;
}

.block-logos-pago-servicios .azul  {
    background-color:  #F7F7F7;
    margin-bottom: 20px;
}

.block-logos-pago-servicios img {
    width: 130px;
    height: 70px;
    margin: 0 auto;
    margin-top: 8px;
    margin-right: 12px;
}

.estilo_pago {
    font-weight: 800;
    font-size: 14px;
    color: #225aa8;
    margin-top: 36px;
}

.estilo_seguro {
    font-weight: 800;
    font-size: 14px;
    color: #225aa8;
    margin-top: 0px;
}



/* .block-logos-pago-servicios .row:last-child img {
    height: 85px;
} */

.block-logos-pago-servicios .item-selecciones img {
    height: 67px !important;
}

.sprite-remesas {
    background: url("../images/avisos/remesas_logo.png") no-repeat center center;
    display: inline-block;
}

.block-logos-remesas {
    text-align: center;
}

.intermex {
    background-position: -8px -25px;
    width: 159px;
	height: 45px;
}

.intercambio-express {
    background-position: -213px -23px;
    width: 153px;
	height: 44px;
}

.western-union {
    background-position: -414px -29px;
    width: 175px;
	height: 35px;
}

.vigo{
    background-position: -640px -27px;
    width: 78px;
	height: 40px;
}

.dolex {
    background-position: -120px -82px;
    width: 116px;
	height: 58px;
}

.orlandi-valuta {
    background-position: -306px -88px;
    width: 107px;
	height: 40px;
}

.maxi {
    background-position: -476px -74px;
    width: 129px;
	height: 66px;
}

.float-left {
    float: left;
}

.block-logos-remesas .row div {
    line-height: 70px;
}

.block-logos-remesas .row div .sprite-remesas {
    vertical-align: middle;
}

#contentSolicitudAcl {
    width: 404px;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    height: 50px;
}

/* Preguntas Frecuentes */
.collapse-preguntas {
    width: 80%;
    display: block;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #e3e2de;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(189,189,189,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(189,189,189,1);
    box-shadow: 0px 2px 5px 0px rgba(189,189,189,1);
}
.collapse-preguntas::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../images/estructura/mas.png) no-repeat 0 0 transparent;
    margin-left: 2px;
}
.collapse-preguntas .texto-pregunta-collapse {
    margin-left: 5%;
}

/* Preguntas Frecuentes Guías rápidas */
.collapse-preguntas-guias {
    width: 90%;
    display: block;
    text-decoration: none;
}
.collapse-preguntas-guias::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    margin-left: 2px;
}


.collapse-clientes-cont {
    width: 78%;
}
p.collapse-clientes-cont {
    margin: 0;
}
/* Listas */
.lista-numero {
    list-style-image: none;
    padding-left: 20px;
}
.col-encuesta {
    text-align: center;
}
.col-encuesta h3{
    display: flex;
    align-items: center;
    margin-top: -30px;
}
.col-encuesta h3::after {
    top: 0.15em;
}
.col-encuesta h3 img {
    margin-right: 10px;
}
.col-encuesta .img-encuesta {
    padding: 20px 0;
    width: 60px;
}
#nav li:hover ul.sub li.submenu-concurso-2023 {
    display: none;
}
@media screen and (max-width: 1920px) {
    .contacto .descargas .box-apps {
        display: none;
    }

    .box-apps {
        display: none;
    }
    .banner-new-topper{
        padding-top: 300px;
    }
    .minibanner-new-topper{
        padding-top: 330px;
    }
}

@media screen and (max-width: 1023px) {
    .contacto .col-acerca{
        display: none;
    }
    .contacto .col-contacto{
        width: 100%
    }
	.content_tabs .descripcion-seccion {
        width: 100%;
    } 
    .landing-experiencias {
        width: 1023px;
        height: 1130px;

    }
    
    .texto-landing-experiencias  {
        width: 60%;
    }
    
    .logo-landing-experiencias  {
        padding-top: 50px;
        padding-left: 280px;
        width: 60%;
        
    }
    .banner-new-topper{
        padding-top: 300px;
    }
    .minibanner-new-topper{
        padding-top: 330px;
    }
    
}

@media screen and (max-width: 660px) {
    .footer-logos > a:nth-of-type(1) {
        order: 1;
        margin: 5px auto;
    }
    
    .footer-logos > a:nth-of-type(2) {
        order: 2;
    }
    
    .footer-logos > a:nth-of-type(3) {
        order: 3;
    }
    
    .footer-logos > a:nth-of-type(4) {
        order: 4;
        margin: 5px auto;
    }
    
    .footer-logos > a:nth-of-type(5) {
        order: 5;
    }
    
    .footer-logos > a:nth-of-type(6) {
        order: 6;
    }
	/*Preguntas Frecuentes */
    .collapse-preguntas {
        width: 95%;
    }
    .collapse-clientes-cont {
        width: 85%;
    }
    .collapse-preguntas .texto-pregunta-collapse {
        margin-left: 20px;
    }
    .tabs em {
        display: inline-block;
    }

    .landing-experiencias {
        width: 660px;
        height: 914px;

    }
    
    .texto-landing-experiencias  {
        width: 60%;
    }
    
    .logo-landing-experiencias  {
        padding-top: 50px;
        padding-left: 150px;
        width: 60%; 
        
    }
    .banner-separator{
        padding-top: 0px !important;
    }
    .block-logos-pago-servicios img {
        width: 90px !important;
        height: 50px !important;
        margin: 0 auto;
        margin-top: 8px;
        margin-right: 12px;
    }
    .service-top-up{
        margin-top: 14px !important;
    }
    .service-top-down{
        margin-bottom: 14px !important;
    }
    .banner-new-topper{
        padding-top: 0px !important;
    }
    .minibanner-new-topper{
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 599px) {
    #contentSolicitudAcl { 
        width: 100%;
    }
	.content_tabs h1.titulo_general_movil {
		font-weight: 400;
		font-style: normal;
		font-size: 18px !important;
	}
    .contacto .col-contacto > div {
        width: 100%;
        padding-right: 15px;
    }

    .footer-contacto .lada-us {
        margin-bottom: 20px
    }
	.block-logos-pago-servicios .col-3 {
        width: 50%;
    }
    .logo-scot, .logo-af, .logo-bbaj  {
        width: 46%;
        margin: 0 2% !important;
    }
    .panel_left_cajeros {
        width: 100% !important;
    }
    .map-cajero img {
        width: 100%;
        margin: 0 auto;
    }

    .block-logos-remesas .row div, .block-logos-remesas .row div {
        width: 50%;
    }

    .tabla-contratos tr td:nth-child(1) {
        font-size: 11px;
    }
    .contacto .descargas .box-express img  {
        display: none;
    }
    .contacto .descargas .box-apps {
        display:flex;
    }
    .box-express  {
        display: none;
    }
    .box-apps {
        display: flex;
    }
    .banner-separator{
        padding-top: 0px !important;
    }
    .block-logos-pago-servicios img {
        width: 90px !important;
        height: 50px !important;
        margin: 0 auto;
        margin-top: 8px;
        margin-right: 12px;
    }
    .service-top-up{
        margin-top: 14px !important;
    }
    .service-top-down{
        margin-bottom: 14px !important;
    }
    .banner-new-topper{
        padding-top: 0px !important;
    }
    .minibanner-new-topper{
        padding-top: 0px !important;
    }

    
}

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

    .landing-experiencias {
        width: 375px;
        height: 665px;

    }
    
    .texto-landing-experiencias  {
        width: 80%;
    }
    
    .logo-landing-experiencias  {
        padding-top: 50px;
        padding-left: 100px;
        width: 80%; 
        
    }
    .banner-separator{
        padding-top: 0px !important;
    }

    .block-logos-pago-servicios img {
        width: 90px !important;
        height: 50px !important;
        margin: 0 auto;
        margin-top: 8px;
        margin-right: 12px;
    }
    .service-top-up{
        margin-top: 14px !important;
    }
    .service-top-down{
        margin-bottom: 24px !important;
    }
    .banner-new-topper{
        padding-top: 0px !important;
    }
    .minibanner-new-topper{
        padding-top: 0px !important;
    }
    
    
}

.banner-separator{
    padding-top: 300px;
}

.footer-blue-fix{
    padding-bottom: 570px !important;
}

.banner-new-topper{
    padding-top: 300px;
}
.minibanner-new-topper{
    padding-top: 330px;
}