body{margin: 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif;} table{} td{} h1{} h2{font: bold 25px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; padding: 0px;} h3{font: bold 16px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; padding: 0px; overflow: hidden;} h4{font: bold 16px Arial, Helvetica, sans-serif; color: #CCC; margin: 0px; padding: 0px 0px 10px 0px;} h5{} h6{} h2.encabezadoTitulo{padding: 20px 0px 0px 15px;} .botones{margin: 0px !important; padding: 0px 0px 3px 0px !important; text-align: center !important; clear: both !important;} .botones_float { float: left; clear: none; margin-top: 19px !important; } .bot_01 { background: url(/resources/Webbci/pyme/images/botones/bot_accion_cancelar.jpg) no-repeat 2px 3px; text-align: center; width: 113px; height: 35px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #666; } .bot_02 { background: url(/resources/Webbci/pyme/images/botones/bot_100.png) no-repeat 2px 3px; text-align: center; width: 114px; height: 35px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px/26px Arial, Helvetica, sans-serif; color: #FFF; } .bot_02.bot_150 { background: url(/resources/Webbci/pyme/images/botones/bot_150.png) no-repeat 0px 0px; text-align: center; width: 150px; height: 34px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; } .bot_02.bot_200 { background: url(/resources/Webbci/pyme/images/botones/bot_200.png) no-repeat 0px 0px; text-align: center; width: 204px; height: 34px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; } .bot_eliminar{background: url(../images/botones/bot_eliminar.gif) no-repeat 0px 0px; width: 12px; height: 12px; font-size: 1px; letter-spacing: -1px; text-indent: -9999px; margin: 4px 0px 0px 0px;} .bot_02{background: url(/resources/Webbci/pyme/images/bot_accion_aceptar.jpg) no-repeat 0px 0px; text-align: center; width: 105px; height: 30px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} .bot_02.width_70{background: url(/resources/Webbci/pyme/images/bot_aceptar.png) no-repeat 0px 0px; width: 73px; height: 30px; } .bot_02.width_100{background: url(/resources/Webbci/pyme/images/bot_100.png) no-repeat 0px 0px; text-align: center; width: 104px; height: 30px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} .bot_02.width_130{background: url(/resources/Webbci/pyme/images/bot_130.jpg) no-repeat 0px 0px; text-align: center; width: 133px; height: 30px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} .bot_02.width_170{background: url(/resources/Webbci/pyme/images/bot_170.jpg) no-repeat 0px 0px; text-align: center; width: 173px; height: 30px; margin: 0px; padding: 0px; border: none; cursor: pointer; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} #content {margin: 10px 0;width: 738px;} #content .fondo_content_gris { background: url(../images/html/fondo_content_gris.jpg) repeat-y 0px 0px; width: 710px; margin: 0px; padding: 10px 12px 7px 16px; overflow: hidden; font-size: 12px; color: #333;} #content .fondo_content_gris_top { background: url(../images/html/fondo_content_gris_top.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; clear: both; height: 12px; font-size: 1px; } #content .fondo_content_gris_bottom { background: url(../images/html/fondo_content_gris_bottom.jpg) no-repeat 0px 0px; margin: 0px 0px 5px 0px; padding: 0px; clear: both; height: 10px; font-size: 1px; } #content h2 {line-height:54px;padding-left:10px;} #content .fondo{background: url(/resources/Webbci/Bci/images/fondo_content.jpg) repeat-y 0px 0px; width: 710px; margin: 0px; padding: 10px 12px 7px 16px; overflow: hidden;} #content .fondo_bottom{background: url(/resources/Webbci/Bci/images/fondo_content_bottom.jpg) no-repeat 0px 0px; margin: 0px 0px 5px 0px; padding: 0px; clear: both; height: 10px; font-size: 1px;} .cont_servicios .top_servicios{background: url(/resources/Webbci/Bci/images/fondo_top_cont_servicios.jpg) no-repeat 0px 0px; height: 13px; margin: 0px; padding: 0px; font-size: 1px;} .cont_servicios h3{background: url(/resources/Webbci/Bci/images/tit_encabezado.jpg) no-repeat 0px 0px; height: 31px; margin: 5px 0px 0px 0px; padding: 8px 12px 0px 16px; color: #FFF;} .cont_servicios .colapsar{background: url(/resources/Webbci/Bci/images/ico_colapsar.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .cont_servicios .expandir{background: url(/resources/Webbci/Bci/images/ico_expandir.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .cont_servicios{clear: both;} .cont_servicios h3 label{float: left; margin: 0px; padding: 0px 10px 0px 0px;} .cont_servicios h3 select{background: #F4F4F4; margin: 2px 0px 0px 0px; width: 130px; height: 22px; font-size: 12px; font-weight: bold; color: #666; border: 1px solid #AFAFAF;} .cont_servicios p{clear: left; margin: 0px; padding: 0px 0px 10px 0px;} .cont_servicios img{border: none;} .logo-header-seleccionConvenio{ background: url("/resources/Webbci/pyme/images/logo_bci_empresarios.jpg") no-repeat scroll 16px 19px transparent; float: left; height: 56px; margin: 0; padding: 22px 0 0 16px; width: 317px; } /* si el canal es 132(PYME)*/ #fondo_multicanal{background-color: yellow;} /*TEXTO SERVICIO MOBILE*/ .servicio_mobile{background: url(/resources/Webbci/Bci/images/ico_servicios.png) no-repeat 0px 0px; padding: 3px 0px 2px 21px; margin: 0px 0px 0px 14px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;} .alertas_automovil{background: url(/resources/Webbci/pyme/images/html/fondo_alertas_bottom.gif) no-repeat left bottom #FFFFC6; margin: 0px 0px 10px 0px; width: 670px; clear: both; font: 12px/140% Arial, Helvetica, sans-serif; color: #666;} .alertas_simuladorauto{background: url(/resources/Webbci/pyme/images/html/ico_alertas.gif) no-repeat 10px 7px #FFFFC6;clear: both; border-radius: 10px; color: #666;font: 12px/140% Arial, Helvetica, sans-serif; margin: 10px 0px 8px 0px; padding: 15px 10px 10px 60px; height:30px;} .mensaje_contenidoact{background: url(/resources/Webbci/pyme/images/html/ico_informacion.gif) no-repeat 10px 10px #F5F5F5; clear: both; margin: 0px 0px 5px 0px; border-radius: 10px; padding: 13px 10px 13px 60px; font-size: 12px; color: #666; min-height:40px;} .mensaje_contenidoact_check{background: url(/resources/Webbci/pyme/images/html/ico_check.gif) no-repeat 10px 10px #F5F5F5; clear: both; margin: 0px 0px 5px 0px; border-radius: 10px; padding: 13px 10px 13px 60px; font-size: 12px; color: #666; min-height:40px;} /*MONTOS*/ .montos{background: #F5F5F5; float: left; width: 220px; min-height: 42px; font-size: 12px; color: #666; margin: 0px 6px 3px 0px; padding: 8px 0px 0px 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .montosGris{background: #F5F5F5; float: left; width: 220px; min-height: 42px; font-size: 12px; color: #666 !important; margin: 0px 6px 3px 0px; padding: 8px 0px 0px 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .montos.width_120{width: 110px; min-height: 55px; margin: 0px 4px 11px 0px; line-height: 120%;} .montos.width_120.activo, .montos.width_120.activo:hover{background: url(/resources/Webbci/Bci/images/fondo_activo_solicitudes.jpg) no-repeat 0px 0px; width: 114px; min-height: 55px; margin: 0px 4px 11px 0px; color: #FFF;} .montos.width_135 {margin: 0 4px 11px 0;min-height: 55px;width: 125px;} .montos.width_190{width: 180px; min-height: 55px; margin: 0px 4px 11px 0px;} .montos.width_170{width: 163px; min-height: 55px; margin: 0px 4px 11px 0px;} .montos.width_350{width: 340px; min-height: 55px; margin: 0px 4px 11px 0px;} .montos.width_140{width: 130px; min-height: 55px; margin: 0px 4px 11px 0px; line-height: 120%;} .montos.width_140.activo, .montos.width_140.activo:hover{background: url(/resources/Webbci/Bci/images/fondo_activo_solicitudes_140.jpg) no-repeat 0px 0px; width: 134px; min-height: 55px; margin: 0px 4px 11px 0px; color: #FFF;} .montos.width_210 { width: 200px; min-height: 55px; margin: 0px 4px 11px 0px; } .montosGris.width_210 { width: 200px; min-height: 55px; margin: 0px 4px 11px 0px; } .montos.width_230{width: 220px; min-height: 55px; margin: 0px 4px 11px 0px;} .montos.width_540{width: 525px; min-height: 55px; margin: 0px 0px 2px 0px; line-height: 180%;} .montos.width_570{width: 568px; min-height: 55px; margin: 0px 0px 2px 0px; line-height: 180%;} .montos.width_570 strong, .montos.width_570 b{margin: 0px 20px 0px 0px;} .montos.width_580 { width: 570px !important; min-height: 55px; margin: 0px 0px 11px 0px; padding: 10px; } .montos.width_580 strong, .montos.width_580 b { font-size: 1em; color: #000; } .montos.width_610 { width: 610px !important; min-height: 55px; margin: 0px 0px 11px 0px; padding: 10px; } .montos.width_610 strong, .montos.width_610 b { font-size: 1em; color: #000; } .montos.width_670 {background: url(/resources/Webbci/pyme/images/html/fondo_montos.jpg) repeat 0px 0px #F5F5F5; width: 670px; float: none; margin: 0px 0px 11px 0px; padding: 10px 10px 10px 10px; clear: both;} .montos.width_680 {background: url(/resources/Webbci/pyme/images/html/fondo_montos.jpg) repeat 0px 0px #F5F5F5; width: 680px; float: none; margin: 0px 0px 11px 0px; padding: 10px 10px 10px 10px; clear: both;} .montos.width_700{width: 700px; min-height: 55px; margin: 0px 0px 11px 0px;} .montos.width_700 strong, .montos.width_700 b{font-size: 12px; color: #000;} .caja_220 { width: 230px !important; } .caja_180 { width: 180px !important; } .caja_100 { width: 100px !important; } .caja_350 { width: 350px !important; } .valor { font-size: 15px; font-weight: bold; } .montos.width_700 p{margin: 0px 0px 11px 0px; padding: 0px;} .montos p{margin: 0px; padding: 0px !important;} .montos strong, .montos b{font-size: 15px;} .montosGris strong, .montos b{font-size: 15px;} .montos .destacado{color: #000;} .montosGris .destacado{color: #000;} .montos .varios_en_montos2 {width:230px; float:left; margin:0px; padding:4px 0px 0px 0px;} .montos.fondo_gris_cajas{margin-top: 0px; margin-bottom: 3px; background: #F5F5F5;} a:link{color: #3077B8; text-decoration: none;} a:visited{color: #3077B8; text-decoration: none;} a:hover{color: #3077B8; text-decoration: underline;} a:active{color: #3077B8; text-decoration: underline;} .bottom_abono_cargo .abono { background: url(/resources/Webbci/Bci/images/ico_mas.gif) no-repeat scroll 0 9px transparent; padding: 6px 25px 7px 12px; } .bottom_abono_cargo .cargo { background: url(/resources/Webbci/Bci/images/ico_menos.gif) no-repeat scroll 0 9px transparent; padding: 6px 0 7px 12px; } .bottom_abono_cargo { color: #666666; font: 11px Arial,Helvetica,sans-serif; margin: 0 0 5px; padding: 0; text-align: right; } .colapsar{background: url(/resources/Webbci/Bci/images/ico_colapsar.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .expandir{background: url(/resources/Webbci/Bci/images/ico_expandir.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .alertas_simulador{background: url(/resources/Webbci/pyme/images/html/ico_alertas_mi_perfil.gif) no-repeat 10px 7px #FFFFC6; clear: both; border-radius: 10px; color: #666; font: 12px/140% Arial, Helvetica, sans-serif; margin: 10px 0px 8px 0px; padding: 8px 10px 10px 60px; webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; behavior:url(border-radius.htc); } .alertas_simulador p{margin: 0px; padding: 0px;} .tooltip_clave { background-image:url(/resources/Webbci/pyme/images/html/ico-info-ffmm.png) no-repeat; } *Estilos Css mas usados*/ .align_left { text-align: left !important; } .align_right { text-align: right; } .align_center { text-align: center !important; } .float_left { float: left !important; } .float_right { float: right !important; } .no_clear{clear: none !important;} .overflow_auto { overflow:auto; } .clear_both{clear: both !important; font-size: 1px; letter-spacing: -1px;} .invisible { display:none; } .texto_bajada { font-size:11px; line-height:14px; } .margen_left_80{margin-left: 80px !important;} .padding_left_100{padding-left: 100px !important;} .servicios_cliente .padding_left_100 table {margin: 0px 0px 10px 0px;} .no_margen_right{margin-right: 0px !important;} .altura_auto{min-height: 100% !important;} /*REDEFINE ESTILOS FORMULARIOS*/ .caja_170{width: 170px !important;} .caja_200{width: 200px !important;} .caja_220{width: 230px !important;} /*HEADER*/ #header{clear: both; width: 986px; margin: 0px; height: 152px; padding: 0px;} #header h1 a:link, #empresas #header h1 a:visited{width: 292px; height: 56px; position: absolute; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; display: block; text-decoration: none;} #header .nav{background: url(/resources/Webbci/empresa/images/fondo_menu_header.jpg) no-repeat 0px 0px; clear: both; margin: 0px; padding: 0px; list-style: none; height: 49px; font: normal 16px Arial, Helvetica, sans-serif;} #header .nav li{background: url(/resources/Webbci/empresa/images/linea_menu_header.jpg) no-repeat right center; margin: 0px; padding: 0px; float: left; height: 49px; text-align: center; color: #000;} #header .nav li a:link, #empresas #header .nav li a:visited{margin: 0px; padding: 15px 0px 0px 0px; height: 34px; display: block; position: relative; z-index: 9999; text-decoration: none; color: #666;} #header .nav li a:hover, #empresas #header .nav li a:active{text-decoration: none; color: #000;} #header .nav #bot_h_0{width: 118px;} #header .nav #bot_h_0.current, #empresas #header .nav #bot_h_0.current a{background: url(/resources/Webbci/empresa/images/bot_menu_h_home_over.jpg) no-repeat 0px 0px !important;} #header .nav a.activo_first{background: url(/resources/Webbci/empresa/images/bot_menu_h_home_over.jpg) no-repeat 0px 0px;} #header .nav a.activo_last{background: url(/resources/Webbci/empresa/images/bot_menu_h_last_over.jpg) no-repeat right top;} #header .nav .current{background: url(/resources/Webbci/empresa/images/bot_menu_h_over.jpg) no-repeat 0px 0px;} #header .nav .current a{background: url(/resources/Webbci/empresa/images/bot_menu_h_02_over_right.jpg) no-repeat right top;} #header .nav #bot_h_1{width: 162px;} #header .nav #bot_h_2{width: 143px;} #header .nav #bot_h_3{width: 173px;} #header .nav #bot_h_4{width: 135px;} #header .nav #bot_h_5{width: 135px;} #header .nav #bot_h_6{width: 120px;} #header .nav #bot_h_6.current, #empresas #header .nav #bot_h_6.current a{background: url(/resources/Webbci/empresa/images/bot_menu_h_last_over.jpg) no-repeat 0px 0px !important;} #header li.back {background: url(/resources/Webbci/empresa/images/bot_menu_h_over.jpg) no-repeat 0px 0px; color: #000; position: absolute; cursor: pointer; z-index: 9;} #header li.back .left{background: url(/resources/Webbci/empresa/images/bot_menu_h_02_over_right.jpg) no-repeat right top; height: 49px;} #header li.back.activo_first .left{background: url(/resources/Webbci/empresa/images/bot_menu_h_home_over.jpg) no-repeat 0px 0px !important;} #header li.back.activo_last .left{background: url(/resources/Webbci/empresa/images/bot_menu_h_last_over.jpg) no-repeat right top !important;} /*HEADER: HERRAMIENTAS USUARIOS*/ #header #cont_usuario{text-align: right; padding: 4px 0px 0px 0px; width: auto; z-index:3; position:relative;} #header #cont_usuario p{margin: 0px; padding: 0px 0px 6px 0px; font: bold 13px Arial, Helvetica, sans-serif; color: #333; clear: both;} #header #cont_usuario p a:link, #header #cont_usuario p a:visited { color: #666666; text-decoration: none; } #header #cont_usuario p a:hover, #header #cont_usuario p a:active{color: #036; text-decoration: underline;} #header #cont_usuario .linea { background: url(/resources/Webbci/common/images/linea_usuarios.gif) no-repeat 0px 4px; float: right; margin: 0px 7px; padding: 6px 0px 0px 7px; } #header #cont_usuario .usuario{padding: 0px 0px 3px 0px; float: right;} #header #cont_usuario .usuario img{margin: 0px 3px 0px 0px; padding: 0px;} #header #cont_usuario .mis_datos { background: url(/resources/Webbci/common/images/bullet_01.gif) no-repeat 0px 10px; padding: 6px 10px 0px 10px; margin: 0px 0px 0px 7px; float: right; } #header #cont_usuario ul{margin: 10px -14px 10px 10px; padding: 0px 17px 17px -1px; float: right; height: 39px; list-style: none; font: bold 12px Arial, Helvetica, sans-serif; color: #666; clear: both;} #header #cont_usuario ul li{margin: 0px; padding: 16px 13px 11px 44px; float: left;} #header #cont_usuario ul li a:link, #header #cont_usuario ul li a:visited{color: #666; text-decoration: none;} #header #cont_usuario ul li a:hover, #header #cont_usuario ul li a:active{color: #000; text-decoration: none;} #header #cont_usuario ul li strong{padding:7px 0px 0px 7px; float:left;} #header #cont_usuario ul .acceso_seguridad { background: url(/resources/Webbci/common/images/ico_seguridad.jpg) no-repeat 0px 0px;float:right; } #header #cont_usuario ul .acceso_emergencias { background: url(/resources/Webbci/common/images/ico_emergencias.jpg) no-repeat 0px 0px; float:right;} #header #cont_usuario ul .acceso_solicitudes { background: url(/resources/Webbci/common/images/ico_reclamos.jpg) no-repeat 0px 0px; float:right; } #header #cont_usuario ul .acceso_ejecutivo { background: url(/resources/Webbci/common/images/ico_ejecutivo.jpg) no-repeat 0px 0px;padding-right: 0px; float:right; } #header #cont_usuario .fecha{font: normal 11px Arial, Helvetica, sans-serif; color: #666; clear: both; margin-top: 37px; padding: 0px;} #header #cont_usuario .fecha strong, #header #cont_usuario .fecha b{color: #000;} #header #cont_usuario .cerrar_sesion { background: url(/resources/Webbci/common/images/ico_cerrar_sesion.jpg) no-repeat right top; padding: 5px 0px 0px 0px; margin: 0px; position: relative; top: -5px; float: right; width: 95px; font-size: 10px; color: #D30903; font-weight: bold; } #header #cont_usuario .cerrar_sesion a:link, #header #cont_usuario .cerrar_sesion a:visited { text-decoration: none; display: block; width: 23px; height: 19px; font-size: 1px; text-indent: -9000px; letter-spacing: -1px; color: #FFF; float: right; } #header #cont_usuario ul li strong { padding: 7px 0px 0px 7px; float: left; } /*MAIN*/ #main, #mainFrame{clear: both; width: 986px; margin: 0px auto; padding: 15px 0px 0px 0px;} /*BOTON PEDIDOS Y RECLAMOS*/ #bot_pedidos_reclamos{width:215px; height:34px; padding:5px 0px 10px 2px;} #bot_pedidos_reclamos a{color:#FFF; text-decoration:none; padding:10px 0px 0px 20px; width:195px; height:24px; display:block;} #bot_pedidos_reclamos a:link, #bot_pedidos_reclamos a:visited{background:url(/resources/Webbci/empresa/images/bot_pedidos_reclamos.jpg) 2px 0px no-repeat;} #bot_pedidos_reclamos a:hover, #bot_pedidos_reclamos a:active{background:url(/resources/Webbci/empresa/images/bot_pedidos_reclamos_over.jpg) 2px 0px no-repeat;} /*MENU CONTENIDOS*/ #menu_secciones{background: url(/resources/Webbci/empresa/images/fondo_menu_secciones_bottom.jpg) no-repeat left bottom; width: 220px; margin: 0px; padding: 0px 0px 26px 0px; font: normal 14px Arial, Helvetica, sans-serif; color: #B4B4B4;} #menu_secciones p{margin: 0px; padding: 0px 6px 10px 8px; clear: both;} #menu_secciones select{width: 158px; border: 1px solid #EAEAEA; margin: 0px; padding: 0px; height: 23px;} #menu_secciones select.tdc{margin: 10px;} #menu_secciones ul{margin: 0px; padding: 0px; list-style: none; clear: both;} #menu_secciones ul li{margin: 0px; padding: 0px; clear: both;min-height: 20px;} #menu_secciones ul li a:link, #menu_secciones ul li a:visited{background: url(/resources/Webbci/empresa/images/bullet_menu_contenidos.jpg) no-repeat 198px 15px; color: #666; text-decoration: none; display: block; width: 193px; padding: 10px 10px 7px 10px; border-bottom: 1px solid #EEE; margin: 0px 6px 0px 4px; cursor: pointer;} #menu_secciones ul li a:hover, #menu_secciones ul li a:active{color: #000; text-decoration: none;} #menu_secciones ul li.bot_destacado{margin: 0px; padding: 0px; clear: both;} #menu_secciones ul li.bot_destacado a:link, #menu_secciones ul li.bot_destacado a:visited{background: url(/resources/Webbci/empresa/images/bot_menu_left_destacado.jpg) no-repeat 0px 0px; color: #FFF; text-decoration: none; display: block; width: 183px; padding: 10px 20px 7px 10px; height: 20px; border-bottom: 1px solid #EEE; margin: 0px 6px 0px 4px; cursor: pointer;} #menu_secciones ul li.bot_destacado a:hover, #menu_secciones ul li.bot_destacado a:active{color: #CCC; text-decoration: none;} #menu_secciones ul li span{background: url(/resources/Webbci/empresa/images/bullet_menu_contenidos.jpg) no-repeat 198px 15px; color: #666; text-decoration: none; display: block; width: 193px; padding: 10px 10px 7px 10px; border-bottom: 1px solid #EEE; margin: 0px 6px 0px 4px; cursor: pointer;} #menu_secciones ul li.collapsable span{background: url(/resources/Webbci/empresa/images/fondo_menu_left_nivel_01_over.jpg) no-repeat -4px 0px; color:#000;} #menu_secciones ul li .hover{background: url(/resources/Webbci/empresa/images/fondo_menu_left_nivel_01_over.jpg) no-repeat -4px 0px; position: relative; z-index: 999;} #menu_secciones ul ul{background: url(/resources/Webbci/empresa/images/fondo_menu_left_nivel_01_bottom.jpg) no-repeat left bottom; margin: 0px 4px 0px 1px; padding: 4px 0px 10px 10px;} #menu_secciones ul ul li{font-size: 14px; margin: 0px; padding: 0px; min-height: auto;} #menu_secciones ul ul li a:link, #menu_secciones ul ul li a:visited{background: none; color: #000; text-decoration: none; width: 193px; padding: 3px 13px 3px 0px; margin: 0px; border: none;} #menu_secciones ul ul li a:hover, #menu_secciones ul ul li a:active{color: #999; text-decoration: none;} #menu_secciones ul ul li span, #menu_secciones ul ul li.expandable span, #menu_secciones ul ul li.collapsable span{background: url(/resources/Webbci/empresa/images/bullet_down_off.jpg) no-repeat 188px 10px; width: 190px; color: #000; padding: 3px 13px 3px 0px; margin: 0px; border: none;} #menu_secciones.align_left ul ul li span, #menu_secciones.align_left ul ul li.expandable span, #menu_secciones ul ul li.collapsable span{padding: 3px 13px 3px 0px;} #menu_secciones ul ul li .hover{background: url(/resources/Webbci/empresa/images/bullet_down.gif) no-repeat 164px 12px; color: #999;} #menu_secciones ul ul ul{background: none; color: #666; margin: 0px; padding: 4px 5px;} #menu_secciones ul ul ul li{width: 203px; overflow: hidden; font-size: 12px;} *:first-child+html #menu_secciones ul ul ul li{width: 203px; overflow: hidden; font-size: 11px;} *>#menu_secciones ul ul ul li{width: auto; overflow: inherit;} #menu_secciones ul ul ul a:link, #menu_secciones ul ul ul a:visited{background: url(/resources/Webbci/empresa/images/bullet_03.gif) no-repeat 188px 8px; color: #666; width: auto; padding: 2px 12px 2px 0px; border-bottom: none; margin: 0px;} #menu_secciones ul ul ul a:hover, #menu_secciones ul ul ul a:active{color: #999;} #menu_secciones .menos{background: url(/resources/Webbci/empresa/images/bullet_menos.gif) no-repeat 0px 0px; width: 16px; height: 16px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none; margin-right: 7px;} #menu_secciones .mas{background: url(/resources/Webbci/empresa/images/bullet_mas.gif) no-repeat 0px 0px; width: 16px; height: 16px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;margin: 0px; clear: none;} #menu_secciones .url{text-align: left;vertical-align:middle;font:12px Arial, Helvetica, sans-serif;float: left; padding: 0px 2px 0px 0px;margin-left: 13px; color: #666;} #menu_secciones .fono{text-align: left;vertical-align:middle;font:12px Arial, Helvetica, sans-serif;float: left; padding: 0px 6px 0px 0px; color: #666;} #menu_secciones .imgFono{float: left; border:0px; padding: 0px 4px 0px 0px;} #menu_secciones #treecontrol{background: url(/resources/Webbci/empresa/images/fondo_menu_secciones_top.jpg) no-repeat 0px 0px; height:23px; padding: 14px 14px 0px 0px;} #menu_secciones #treecontrol .botones{float: right;} #menu_secciones #menu_secciones_fondo{background: url(/resources/Webbci/empresa/images/fondo_menu_secciones.jpg) repeat-y 0px 0px;} #menu_secciones .contenedor_menu_colapsable {background: #FFF; position: relative; border: 1px solid #EAEAEA; width: 160px; margin:0px 0px 0px 10px; z-index: 1000} #menu_secciones .menu_colapsable {background:#FFF; color: #000; margin:0px; padding:5px; margin: 0px; font-size: 14px;} #menu_secciones .menu_colapsable_links {background:#FFF; position:absolute; list-style-type:none; margin:-2px 0px 0px -1px; padding: 0px; border: 1px solid #EAEAEA; border-top: none;} #menu_secciones .menu_colapsable_links li {background:#FFF; margin: 0px; width: 160px; padding: 0px 0px 3px 0px;} #menu_secciones #menu_secciones_fondo .collapsable-hitarea{background: url(/resources/Webbci/empresa/images/fondo_menu_left_nivel_01_over.jpg) no-repeat 0px 0px; display: none; height: 35px; left: 0px; z-index: 9; width: 186px;} #menu_secciones #menu_secciones_fondo li li .collapsable-hitarea{background: url(/resources/Webbci/empresa/images/bullet_down.gif) no-repeat 0px 0px #FCFCFC; display: none; height: 10px; z-index: 999; width: 12px; margin: 10px 0px 0px 200px;} *>.currentItemMenu{color: #0066CC !important;} *>.botonEnlace{!important;}; *>.botonEnlace a:active {color: #0066CC !important;} /*HERRAMIENTAS TOP: NO HEREDADO*/ .herramientas_fondosDetalle{min-height: 30px; float: left; width: 60px; padding:0px 0px 0px 0px;} .herramientas_fondosDetalle span{float: left; position: relative; margin: 0px 2px;} .herramientas_top{float: right; margin: 0px; padding: 0px 10px 0px 0px; width: 200px;} .herramientas_top.e_cartola{margin-top: -6px;} .herramientas_top span{margin: 0px 0px 0px 3px;} .herramienta_mensajes_on{background: url(/resources/Webbci/empresa/images/ico_top_mensajes_on.gif) no-repeat center top; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 50px; width: 42px;} .herramienta_mensajes_on a{width: 38px; height: 39px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} . {background: url(/resources/Webbci/empresa/images/ico_top_mensajes.png) no-repeat center top; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 50px; width: 42px;} .herramienta_mensajes a{width: 38px; height: 39px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_enviar{background: url(/resources/Webbci/empresa/images/ico_top_enviar.jpg) no-repeat 3px 9px; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_enviar a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_excel{background: url(/resources/Webbci/empresa/images/ico_top_excel.jpg) no-repeat 3px 9px; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_excel a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .pasos_transferencia { clear: both; margin: 0px; padding: 0px 0px 0px 13px; font: bold 16px Arial, Helvetica, sans-serif; color: #CCC; list-style: none; } .pasos_transferencia li { float: left; width: 33%; margin: 0px 12px 5px 0px; padding: 0px; } .pasos_transferencia .bot_tf_03 { margin: 0px; width: 20%; } .herramienta_imprimir{background: url(/resources/Webbci/empresa/images/ico_top_imprimir.jpg) no-repeat 3px 9px; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_imprimir a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_e_cartola{background: url(/resources/Webbci/empresa/images/ico_cartola_e.gif) no-repeat 3px -3px; font: normal 9px Arial, Helvetica, sans-serif; color: #666; text-align: center; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_e_cartola a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_e_cartola.on{background: url(/resources/Webbci/empresa/images/ico_cartola_e_on.gif) no-repeat 3px -3px; font: normal 9px Arial, Helvetica, sans-serif; color: #666; text-align: center; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_e_cartola.on a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_historicas{background: url(/resources/Webbci/empresa/images/ico_top_historicas.jpg) no-repeat 3px 9px; font: normal 9px Arial, Helvetica, sans-serif; color: #666; text-align: center; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_historicas a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_cerrar{background: url(/resources/Webbci/empresa/images/bot_cerrar.gif) no-repeat 3px 9px; font: normal 9px Arial, Helvetica, sans-serif; color: #666; text-align: center; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_graficar{background: url(/resources/Webbci/empresa/images/ico_top_graficar.gif) no-repeat 3px 9px; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_graficar a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_pdf2{background: url(/resources/Webbci/empresa/images/ico_top_pdf.jpg) no-repeat 3px 9px; text-align: center; font: normal 9px Arial, Helvetica, sans-serif; color: #666; display: block; float: right; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_pdf2 a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} .herramienta_pdf{background: url(/resources/Webbci/empresa/images/ico_top_pdf.jpg) no-repeat 3px 9px; margin: -14px 0px 0px 595px; position: absolute; font: normal 9px Arial, Helvetica, sans-serif; color: #666; text-align: center; display: block; height: 41px; width: 35px; padding: 9px 0px 0px 0px;} .herramienta_pdf a{width: 35px; height: 30px; display: block; float: left; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} /*TEXTO SERVICIO MOBILE*/ .servicio_mobile{background: url(/resources/Webbci/empresa/images/ico_servicios.png) no-repeat 0px 0px; padding: 3px 0px 2px 21px; margin: 0px 0px 0px 14px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;} /*CONTENIDOS*/ #content{width: 738px; margin: 10px 0px;} #content .fondo{background: url(/resources/Webbci/empresa/images/fondo_content.jpg) repeat-y 0px 0px; width: 710px; margin: 0px; padding: 10px 12px 7px 16px; overflow: hidden;} #content .fondo .clear{clear: both; font-size: 1px; letter-spacing: -1px; height: 1px;} #content .fondo_bottom{background: url(/resources/Webbci/empresa/images/fondo_content_bottom.jpg) no-repeat 0px 0px; margin: 0px 0px 5px 0px; padding: 0px; clear: both; height: 10px; font-size: 1px;} /*SERVICIOS*/ .cont_servicios{clear: both;} .cont_servicios .top_servicios{background: url(/resources/Webbci/empresa/images/fondo_top_cont_servicios.jpg) no-repeat 0px 0px; height: 13px; margin: 0px; padding: 0px; font-size: 1px;} .cont_servicios h3{background: url(/resources/Webbci/empresa/images/tit_encabezado.jpg) no-repeat 0px 0px; height: 31px; margin: 5px 0px 0px 0px; padding: 8px 12px 0px 16px; color: #FFF;} .cont_servicios h3 label{float: left; margin: 0px; padding: 0px 10px 0px 0px;} .cont_servicios h3 select{background: #F4F4F4; margin: 2px 0px 0px 0px; width: 130px; height: 22px; font-size: 12px; font-weight: bold; color: #666; border: 1px solid #AFAFAF;} .cont_servicios p{clear: left; margin: 0px; padding: 0px 0px 10px 0px;} .cont_servicios .colapsar{background: url(/resources/Webbci/empresa/images/ico_colapsar.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .cont_servicios .expandir{background: url(/resources/Webbci/empresa/images/ico_expandir.png) no-repeat 0px 0px; text-decoration: none; font-size: 1px; margin: 3px; width: 15px; height: 15px; float: right;} .cont_servicios img{border: none;} #header h1.logo_empresas{text-indent:-9999px; background:url(/resources/Webbci/empresa/images/logo_bci_empresas.jpg) no-repeat 0px 0px; margin:20px; height:59px; float:left; width:40%;} #header #cont_usuario{margin-right:10px;} #header #cont_usuario .datos_cliente{ float:right; height:auto; clear:both;} #header #cont_usuario .datos_cliente .ejecutivo{padding: 0px 5px 3px 20px; height:20px; float: right; font-size:11px; background:url(/resources/Webbci/common/images/ico_ejecutivo.jpg) no-repeat top left; border-right:1px solid #c5c5c5;} #header #cont_usuario .datos_cliente .sucursales{padding: 0px 0px 3px 20px; height:20px; float: right; font-size:11px; background:url(/resources/Webbci/common/images/ico_sucursal.jpg) no-repeat top left; margin:0px 0px 10px 10px;clear:right;} #header #cont_usuario .datos_cliente .usuario { color:#333; padding: 5px 5px 3px 20px; float: right; background:url(/resources/Webbci/common/images/ico_usuario02.jpg) no-repeat top left; margin:0px 0px 0px 10px; text-transform:uppercase; font-size:12px; border-right:1px solid #c5c5c5; font-weight:bold;} #header #cont_usuario .datos_cliente .correo{color:#003366 !important; padding: 2px 5px 3px 30px; float: right; background:url(/resources/Webbci/common/images/ico_correo.jpg) no-repeat top left; margin:3px 0px 0px 10px; text-transform:uppercase; font-size:12px; border-right:1px solid #c5c5c5; font-weight:bold;} #header #cont_usuario .datos_cliente .telefono {color:#003366 !important;; padding: 5px 5px 8px 20px; float: right; background:url(/resources/Webbci/common/images/ico_telefono.gif) no-repeat top left; margin:0px 0px 0px 10px; text-transform:uppercase; font-size:12px; border-right:1px solid #c5c5c5; font-weight:bold;} #header #cont_usuario .datos_cliente .logout { padding: 5px 5px 8px 20px; float: right; background:url(/resources/Webbci/common/images/ico_header_cerrar_sesion.jpg) no-repeat top left; margin:0px 0px 0px 5px; text-transform:uppercase; font-size:12px; height:22px;} #header #cont_usuario .datos_cliente .find { padding: 5px 5px 8px 20px; float: right; background:url(/resources/Webbci/common/images/ico_header_buscar.jpg) no-repeat top left; margin:0px 0px 0px 5px; text-transform:uppercase; font-size:12px; border-right:1px solid #c5c5c5;} #header #cont_usuario .btn_find {float: right; background:url(/resources/Webbci/common/images/btn_buscar.jpg) no-repeat top left; width:140px; height:35px; margin:5px 0px 0px 0px; } #header #cont_usuario ul li.cerrar_sesion02 { background: url(/resources/Webbci/common/images/ico_cerrar_sesion.jpg) no-repeat right top; padding: 5px 20px 0px 0px; float: right; width: 80px; font-size: 10px; color: #D30903; font-weight: bold; } #header #cont_usuario ul li.cerrar_sesion02 a{width:80px; } #header #cont_usuario ul li.cerrar_sesion02 a:hover, #header #cont_usuarioul .cerrar_sesion02 a:visited { color:#F00;} #header #cont_usuario ul li.fecha_cenefa{font-size:11px;} #header #cont_usuario .cerrar_sesion{background: url(/resources/Webbci/common/images/ico_cerrar_sesion.jpg) no-repeat right top; padding: 5px 26px 4px 0px; margin: 0px 0px 0px 7px; position: relative; top: -5px; float: right; font-size: 10px; color: #D30903; font-weight: bold;} #header #cont_usuario .cerrar_sesion a:hover, #header #cont_usuario .cerrar_sesion a:active{color: #D30903; text-decoration: underline;} .pasos_transferencia .bot_tf_02 { margin: 0px 20px 0px 20px; padding:0px 0px 0px 5px; width: 34% !important;} .pasos_transferencia .activo { color: #999; } .pasos_transferencia span { background: url(/resources/Webbci/pyme/images/botones/bot_menu_pasos.gif) no-repeat 0px 0px; float: left; margin: 0px 5px 0px 0px; padding: 4px 8px 0px 8px; width: 11px; height: 27px; color: #FFF; line-height: 100%; } .pasos_transferencia span.activo { background: url(/resources/Webbci/pyme/images/botones/bot_activo_menu_pasos.gif) no-repeat 0px 0px; color: #FFF; } .datos_cliente .cont_select_mostrar_header{padding:5px 0px 0px 20px!important;background-image:url(../images/html/herramienta_header.jpg); background-position:top left; background-repeat:no-repeat; float:left;} .datos_cliente .cont_select_mostrar_header a, .datos_cliente .cont_select_mostrar_header a:hover{text-decoration:underline;} .datos_cliente select{margin:10px 0px 0px 0px; width:300px;} .servicio_mobile { background: url(/resources/Webbci/pyme/images/html/ico_servicios.png) no-repeat 0px 0px; padding: 3px 0px 2px 21px; margin: 0px 0px 0px 14px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; } .servicio_multipass { background: url(/resources/Webbci/pyme/images/html/ico_servicios_multipass.png) no-repeat 0px 0px; padding: 3px 0px 2px 21px; margin: 0px 0px 0px 6px; font: normal 11px Arial, Helvetica, sans-serif; color: #333;} .drop { color:#333 !important; margin-right:0px !important; } .dropdown_1column{ margin:-105px auto; float:left; height:auto; position:absolute; /*left:-999em; /* Hides the drop down */ text-align:left; padding:0 700px; width:500px; clear:both; display:none; z-index:999999; font-size: 12px; } .headerTabla{ background-color: #E5E5E5; } .informacion{background: url(/resources/persona/images/html/ico_informacion.jpg) no-repeat 16px 15px #F5F5F5; font-size: 12px; color: #666; clear: both; margin: 0px 0px 10px 0px; padding: 20px 10px 10px 100px; min-height: 65px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .informacion ul { margin: 0px; padding: 0px 0px 0px 10px; } .informacion strong, .informacion b { font-size: 12px; color: #000; } .informacion p { margin: 0px; padding: 0px 0px 10px 0px; }.blanco td{ background-color: #FFFFFF; font-size: 11px; padding: 6px; text-align: left; } .gris td{ background-color: #E5E5E5; font-size: 11px; padding: 6px; text-align: left; } a.drop { color: #003366 !important; font-weight: bold !important; font-size: 12px; } a.linkSelec{ color: #3077B8 !important; font-weight: bold !important; font-size: 12px; } .lista{ background:none repeat scroll 0 0 #CCCCCC; width:570px; padding: 0px 5px 5px 5px; margin-left: -272px; margin-top: -4px; border-radius:8px; z-index:1002; } a.linkConvenio { color: #003366 !important; text-decoration: none; font-weight: bold !important; } .linkConvenio:hover { color: #003366 !important; font-weight: bold !important; text-decoration: underline; } .cerrar_menu {background:url("/resources/Webbci/common/images/bot_cerrar.gif") no-repeat top left;float: right;width:35px; height:28px;margin:0px 0px 0px -6px; border-radius:100px;} .datos_cliente .cont_select_mostrar_header{ padding:5px 0px 0px 20px!important;background-image:url(../images/html/herramienta_header.jpg); background-position:top left; background-repeat:no-repeat; float:left;} .datos_cliente .cont_select_mostrar_header a, .datos_cliente .cont_select_mostrar_header a:hover{text-decoration:underline;} /*MENSAJE ERROR*/ .cont_mensaje_informacion { background: url(/resources/images/ico_error.gif) no-repeat 6px 10px #F5F5F5; text-align: left; min-height: 90px; padding: 11px 0px 8px 56px; border-radius: 10px; font: 12px/140% Arial, Helvetica, sans-serif; color: #000; } .cont_mensaje_informacion p { margin: 0px; padding: 0px 0px 8px 0px; } .cont_fondo_gris { background:#F5F5F5; font-size: 12px; color: #666; margin: 0px 6px 3px 0px; padding: 5px 0px 3px 10px !important; border-radius: 10px;} /* DATOS EJECUTIVO */ #datosejecutivo {font:bold 11px Arial, Helvetica, sans-serif;color:#666; padding:5px;background:#f1f1f1;border:1px solid #666;width:450px; display:none;z-index:1002;position:absolute;left:520px;top:3px;} #datosejecutivo a { color:#0058A1; } #datosejecutivo .nombreejecutivo{ padding:0px 0px 0px 10px;float:left; } #datosejecutivo .telefonoejecutivo{ padding:0px 0px 0px 30px; background:url(/bcinetwls/common/images/html/ico_fonito.gif) no-repeat 15px center; float:left;} #datosejecutivo .correoejecutivo{ padding:0px 0px 0px 30px; background:url(../resources/images/premier/ico_mail.gif) no-repeat 15px center; float:left;} #datosejecutivo #cerrar { margin:-2px -2px 0px 0px; width:20px; height:20px; float:right; } #datosejecutivo #cerrar .btn_cerrar { border:none; } #banquero {background:#ECEFF4; display:block; padding:5px 0px 5px 0px; margin:10px 0px 5px 10px; width:188px; font-size:11px; line-height:150%; border:solid 1px #CCC;} #banquero p {margin:5px 5px 5px 7px; } /*TOOLTIP*/ #tooltip { width: 230px; font: normal 11px Tahoma, Geneva, sans-serif; text-align: left; padding: 0px 0px 8px 0px; margin: 0px 0px 0px -90px; position: absolute; z-index: 999999; } #tooltip .fondo_tooltip { background: #FF9; border: 1px solid #CCC; padding: 6px; } #tooltip .fondo_tooltip strong { float: left; width: 125px; padding: 0px 9px 0px 0px; text-align: right; } #tooltip h3 { font: normal 11px Tahoma, Geneva, sans-serif; margin: 0px; padding: 0px; } #tooltip p { margin: 0px; padding: 0px; } #tooltip.tip_ayuda { padding: 0px 0px 10px 0px; font: normal 11px Arial, Helvetica, sans-serif; color: #666; margin: 0px; } #tooltip.tip_ayuda .fondo_tooltip { background: #FFF; border: 1px solid #999; padding: 6px; } #tooltip.tip_ayuda h1 { padding: 0px 0px 5px 0px; text-align: left; margin: 0px; color: #333; font: bold 12px Arial, Helvetica, sans-serif; } #tooltip.tip_ayuda p { padding: 0px 0px 5px 0px; margin: 0px; color: #666666; font: normal 11px Arial, Helvetica, sans-serif; } #tooltip.tip_ayuda .top { background: url(/resources/Webbci/common/images/bullet_up_ayuda.gif) no-repeat 10px 0px; margin: -20px 0px 0px 0px; font-size: 1px; height: 14px; width: 64px; position: absolute; z-index: 9999; } #tooltip.tip_ayuda .bottom { background: url(/resources/Webbci/common/images/bullet_down_ayuda.gif) no-repeat left bottom; } .volver{ background: url(../resources/images/html/ico_cancelar.jpg) no-repeat right !important; text-align: center; padding-right: 5px !important; } /*SERVICIOS CLIENTES*/ .servicios_cliente {background: url(/resources/Webbci/common/images/fondo_serv_clientes_bottom.png) no-repeat left bottom;position: absolute;width: 486px;padding: 0px 0px 15px 0px; z-index: 999;margin: -10px 0px 0px 247px;font: 11px Arial, Helvetica, sans-serif;color: #333;left: -1px; top: 1px;} .servicios_cliente .top_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente .cerrar { background: url(/resources/Webbci/common/images/bot_cerrar.gif) no-repeat 0px 0px; cursor: pointer; text-align: center; margin: 10px 10px 0px 436px; display: block; position: absolute; font: 10px Tahoma, Geneva, sans-serif; color: #666; letter-spacing: normal; padding: 29px 0px 0px 0px; width: 30px; min-height: 10px; z-index: 999; } .servicios_cliente .cerrar a:link, .servicios_cliente .cerrar a:visited { color: #666; text-decoration: none; } .servicios_cliente .cerrar a:hover, .servicios_cliente .cerrar a:active { color: #666; text-decoration: underline; } .servicios_cliente .cerrar_multipass { background: url(/resources/Webbci/common/images/bot_cerrar.gif) no-repeat 0px 0px; cursor: pointer; text-align: center; margin: 10px 10px 0px 436px; display: block; position: absolute; font: 10px Tahoma, Geneva, sans-serif; color: #666; letter-spacing: normal; padding: 29px 0px 0px 0px; width: 30px; min-height: 10px; z-index: 999; } .servicios_cliente .cerrar_multipass a:link, .servicios_cliente .cerrar_multipass a:visited { color: #666; text-decoration: none; } .servicios_cliente .cerrar_multipass a:hover, .servicios_cliente .cerrar_multipass a:active { color: #666; text-decoration: underline; } .servicios_cliente .fondo_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } .servicios_cliente .fondo_borde { background: #F5F5F5; border-radius: 10px; padding: 14px 5px; margin: 0px 0px 5px 0px; min-height: 50px; } .servicios_cliente .fondo_borde.align_center { text-align: center; } .servicios_cliente .fondo_borde_cartola { background: #F5F5F5; border-radius: 10px; padding: 14px 5px; margin: 0px 0px 5px 0px; min-height: 50px; } .servicios_cliente .fondo_borde_cartola.align_center { text-align: center; } .servicios_cliente .instructivo { background: url(/resources/images/html/ico_link_mas.gif) no-repeat 0px 0px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; } .servicios_cliente h4 { font: bold 16px Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px 0px 5px 0px; } .servicios_cliente h4 select { background: #F4F4F4; margin: 2px 0px 0px 2px; height: 22px; font-size: 12px; font-weight: bold; color: #666; border: 1px solid #AFAFAF; } .servicios_cliente .fondo_top_servicios { background: url(/resources/images/html/fondo_bottom_servicios.jpg) no-repeat left bottom; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; clear: both; } .servicios_cliente .fondo_bottom_servicios { background: url(/resources/images/html/fondo_top_servicios.jpg) no-repeat 0px 0px; padding: 10px 10px 0px 10px; clear: both; } .servicios_cliente .fondo_top_servicios.width_500 { background: url(/resources/images/html/fondo_bottom_servicios_500.jpg) no-repeat left bottom; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; clear: both; } .servicios_cliente .fondo_bottom_servicios.width_500 { background: url(/resources/images/html/fondo_top_servicios_500.jpg) no-repeat 0px 0px; padding: 10px 10px 0px 10px; clear: both; } .servicios_cliente .fondo_top_servicios.width_590 { background: url(/resources/images/html/fondo_bottom_servicios_590.jpg) no-repeat left bottom; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; clear: both; } .servicios_cliente .fondo_bottom_servicios.width_590 { background: url(/resources/images/html/fondo_top_servicios_590.jpg) no-repeat 0px 0px; padding: 10px 10px 0px 10px; clear: both; } .servicios_cliente .fondo_bottom_servicios table { background: url(/resources/images/html/fondo_tabla_servicios.gif) no-repeat 0px 0px; width: 100%; clear: both; padding: 0px; border: none; color: #666; font: 12px Arial, Helvetica, sans-serif; margin: 10px 0px; } .servicios_cliente .fondo_bottom_servicios table .align_left { text-align: left; } .servicios_cliente .fondo_bottom_servicios .float_left { float: left; } .servicios_cliente .fondo_bottom_servicios .herramientas_top { clear: both; width: auto; float: none; } .servicios_cliente .mensaje .fondo_borde { background: url(/resources/images/html/fondo_comprobante_iconos.png) no-repeat 2px 5px #F5F5F5; text-align: center; border-radius: 10px; padding: 14px 5px; margin: 0px 0px 5px 0px; min-height: 65px; } .servicios_cliente .pdf { background: url(/resources/images/html/ico_pdf.gif) no-repeat 0px 0px; padding: 2px 0px 7px 20px; margin: 0px auto; width: 150px; } .servicios_cliente h2 { color: #C6C6C6; font: bold 16px Arial, Helvetica, sans-serif; text-align: center; clear: both; margin: 0px; padding: 5px 0px 15px 0px; } .servicios_cliente input.caja_60 { width: 58px; } .servicios_cliente input.caja_80 { width: 78px; } .servicios_cliente input.caja_100 { width: 98px; } .servicios_cliente input.caja_120 { width: 118px; } .servicios_cliente input.caja_140 { width: 138px; } .servicios_cliente input.caja_160 { width: 158px; } .servicios_cliente input.caja_240 { width: 238px; } .servicios_cliente input.caja_250 { width: 248px; } .servicios_cliente input.caja_280 { width: 278px; } .servicios_cliente select { background: url(/resources/images/html/fondo_input.jpg) no-repeat 0px 0px #FFF; width: 120px; margin: 0px; padding: 0px; height: 25px !important; font: 11px Arial, Helvetica, sans-serif; color: #666; border: 1px solid #AFAFAF; border-radius: 2px; } .servicios_cliente select.caja_50 { width: 50px; margin-right: 4px; } .servicios_cliente select.caja_80 { width: 80px; } .servicios_cliente select.caja_100 { width: 100px; } .servicios_cliente select.caja_120 { width: 120px; } .servicios_cliente select.caja_140 { width: 140px; } .servicios_cliente select.caja_150 { width: 150px; } .servicios_cliente select.caja_160 { width: 160px; } .servicios_cliente select.caja_200 { width: 200px; } .servicios_cliente select.caja_220 { width: 220px; } .servicios_cliente .obligatorio { border: 1px solid #C03; } .servicios_cliente .ico_aviso { background: url(/resources/images/html/ico_aviso.jpg) no-repeat 0px 0px; padding: 5px 0px 0px 40px; } .servicios_cliente .txt_formularios { font-size: 9px; color: #999; line-height: 120%; } .servicios_cliente table { border: none; clear: both; color: #000; font-size: 11px; width: 95%; margin: 0px auto 8px auto; } .servicios_cliente table th { text-align: center; margin: 0px; padding: 2px; font-size: 12px; font-weight: normal; } .servicios_cliente table td { text-align: center; margin: 0px; padding: 2px; vertical-align: top; } .servicios_cliente table .align_left { text-align: left !important; } .servicios_cliente.gr { background: url(/resources/Webbci/common/images/fondo_serv_clientes_gr_bottom.png) no-repeat left bottom; width: 566px; margin: -10px 0px 0px 170px; z-index: 999999; } .servicios_cliente.gr .top_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes_gr_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.gr .cerrar { margin: 10px 10px 0px 510px; } .servicios_cliente.gr .fondo_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes_gr.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } /*MENSAJE ERROR*/ .servicios_cliente .cont_error { background: url(/resources/images/html/ico_error.gif) no-repeat 6px 10px #F5F5F5; text-align: left; min-height: 90px; padding: 11px 0px 8px 56px; border-radius: 10px; font: 12px/140% Arial, Helvetica, sans-serif; color: #000; } .servicios_cliente .cont_error p { margin: 0px; padding: 0px 0px 8px 0px; } .servicios_cliente .destacado_monto { font-size: 1.2em; } .servicios_cliente.width_350 { background: url(/resources/images/html/fondo_serv_clientes_350_bottom.png) no-repeat left bottom; width: 350px; margin: 22px 0px 0px 410px; position: absolute; z-index: 99999; font-size: 12px; color: #666; line-height: 160%; } .servicios_cliente.width_350 .top_cliente { background: url(/resources/images/html/fondo_serv_clientes_350_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_350 .cerrar { margin: 10px 10px 0px 300px; } .servicios_cliente.width_350 .fondo_cliente { background: url(/resources/images/html/fondo_serv_clientes_350.png) repeat-y 0px 0px; padding: 0px 17px; clear: both; margin: 0px auto; } .servicios_cliente.width_390 { background: url(/resources/images/html/fondo_serv_clientes_390_bottom.png) no-repeat left bottom; width: 391px; margin: -10px 0px 0px 350px; font-size: 12px; color: #666; line-height: 160%; } .servicios_cliente.width_390 .top_cliente { background: url(/resources/images/html/fondo_serv_clientes_390_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_390 .fondo_cliente { background: url(/resources/images/html/fondo_serv_clientes_390.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 62px; clear: both; margin: 0px auto; } .servicios_cliente.width_450 { background: url(/resources/images/html/fondo_serv_clientes_450_bottom.png) no-repeat left bottom; width: 453px; margin: -12px 0px 0px 250px; font-size: 12px; color: #666; line-height: 160%; } .servicios_cliente.width_450 .top_cliente { background: url(/resources/images/html/fondo_serv_clientes_450_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_450 .fondo_cliente { background: url(/resources/images/html/fondo_serv_clientes_450.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } .servicios_cliente.width_534 { background: url(/resources/images/html/fondo_serv_clientes_534_bottom.png) no-repeat left bottom; width: 534px; margin: 0px 0px 0px 120px; font-size: 12px; } .servicios_cliente.width_534 .top_cliente { background: url(/resources/images/html/fondo_serv_clientes_534_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_534 .cerrar { margin: 10px 10px 0px 490px; } .servicios_cliente.width_534 .fondo_cliente { background: url(/resources/images/html/fondo_serv_clientes_534.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } .servicios_cliente.width_624 { background: url(/resources/images/html/fondo_serv_clientes_624_bottom.png) no-repeat left bottom; width: 624px; margin: 20px 0px 0px 60px; font-size: 12px; color: #666; line-height: 160%; } .servicios_cliente.width_624 .top_cliente { background: url(/resources/images/html/fondo_serv_clientes_624_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_624 .fondo_cliente { background: url(/resources/images/html/fondo_serv_clientes_624.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } .servicios_cliente.width_624 .cerrar { margin: 10px 10px 0px 570px; } .servicios_cliente.width_624 .texto_ch { font-size: 11px; } .servicios_cliente.width_714 { background: url(/resources/Webbci/common/images/fondo_serv_clientes_714_bottom.png) no-repeat left bottom; width: 714px; margin: 70px 0px 0px 10px; font-size: 12px; } .servicios_cliente.width_714 .top_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes_714_top.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_714 .fondo_cliente_tdc { background: url(/resources/Webbci/common/images/fondo_serv_clientes_714_bottom.png) no-repeat 0px 0px; clear: both; height: 15px; font-size: 1px; letter-spacing: -1px; } .servicios_cliente.width_714 .cerrar { margin: 10px 10px 0px 660px; } .servicios_cliente.width_714 .fondo_cliente { background: url(/resources/Webbci/common/images/fondo_serv_clientes_714.png) repeat-y 0px 0px; padding: 0px 17px; min-height: 132px; clear: both; margin: 0px auto; } .servicios_cliente.width_714 .fondo_cliente .requerido { background: url(/resources/Webbci/common/images/ico_candado.gif) no-repeat 0px 0px; clear: both; margin: 0px; padding: 1px 0px 10px 22px; font-size: 11px; } .servicios_cliente.width_714 p { clear: both; } .servicios_cliente.width_714 .confirmar_tf p { margin: 0px; padding: 0px 0px 10px 0px; clear: both; } .servicios_cliente.width_714 img { border: none; } /*TABLA DATOS*/ table.tabla_datos { border-radius:10px; background: url(/resources/Webbci/Bci/images/fondo_encabezado_montos.gif) no-repeat 0px 0px; clear: both; margin: 0px 0px 5px 0px; padding: 0px; border: none; color: #666; font: 12px Arial, Helvetica, sans-serif; } table.tabla_datos.no_header { background: #CECECE; } table.tabla_datos thead th { border-left: 1px solid #EBEBEB; white-space: nowrap; border-bottom: 1px solid #EBEBEB; padding: 6px 3px 6px 10px; color: #FFF; font: normal 12px Arial, Helvetica, sans-serif; } table.tabla_datos thead th:first-child { border-left: none; } table.tabla_datos.tablesorter thead th { cursor: pointer; } table.tabla_datos.width_480 { background: url(/resources/Webbci/Bci/images/fondo_encabezado_montos_480.gif) no-repeat 0px 0px; width: 480px; } table.tabla_datos.tablesorter thead th .bullet_ordenar { background: url(/resources/Webbci/Bci/images/bullet_ordenar.gif) no-repeat 0px 0px; float: right; width: 10px; height: 10px; font-size: 1px; margin: 5px 2px 0px 0px; } table.tabla_datos.tablesorter thead th.headerSortDown .bullet_ordenar { background: url(/resources/Webbci/Bci/images/bullet_down.gif) no-repeat 0px 0px; } table.tabla_datos.tablesorter thead th.headerSortUp .bullet_ordenar { background: url(/resources/Webbci/Bci/images/bullet_up.gif) no-repeat 0px 0px; } table.tabla_datos td { background: #FFF; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 6px 3px 6px 10px; margin: 0px; vertical-align: top; color:#666666; } table.tabla_datos td:last-child { border-right: 1px solid #EBEBEB; } table.tabla_datos tbody th { background: #DDD; color: #666; border-left: 1px solid #EBEBEB; white-space: normal; border-bottom: 1px solid #EBEBEB; padding: 6px 3px 6px 10px; font: normal 12px Arial, Helvetica, sans-serif; } table.tabla_datos .saldo_mas { background: url(/resources/Webbci/Bci/images/ico_mas.gif) no-repeat 13px 9px #FFF; white-space: nowrap; text-align: right; padding: 6px 15px 6px 28px; } table.tabla_datos .saldo_menos { background: url(/resources/Webbci/Bci/images/ico_menos.gif) no-repeat 13px 9px #FFF; white-space: nowrap; text-align: right; padding: 6px 15px 6px 28px; } table.tabla_datos .saldo_activar { background: url(/resources/Webbci/Bci/images/ico_alerta_servicios.png) no-repeat 10px 5px #FF9; white-space: nowrap; text-align: right; padding: 6px 15px 6px 28px; } table.tabla_datos .disponible { background: url(/resources/Webbci/Bci/images/bullet_disponible.gif) no-repeat 23px 11px #FFF; white-space: nowrap; text-align: left; padding: 6px 15px 6px 32px; width: 77px; } table.tabla_datos .no_disponible { background: url(/resources/Webbci/Bci/images/bullet_no_disponible.gif) no-repeat 23px 11px #FFF; white-space: nowrap; text-align: left; padding: 6px 15px 6px 32px; width: 77px; } table.tabla_datos .align_left { text-align: left; } table.tabla_datos .ui-icon-pencil { background: url(../images/ico_editar.jpg) no-repeat 0px 0px #FFF; cursor: pointer; display: block; float: left; margin: 0px 2px; padding: 0px; width: 11px; height: 12px; } table.tabla_datos .ui-icon-check { background: url(../images/ico_guardar.jpg) no-repeat 0px 0px #FFF; cursor: pointer; display: block; float: left; margin: 0px 2px; padding: 0px; width: 11px; height: 12px; } table.tabla_datos .ui-icon-close { background: url(../images/ico_cancelar.jpg) no-repeat 0px 0px #FFF; cursor: pointer; display: block; float: left; margin: 0px 2px; padding: 0px; width: 12px; height: 12px; } table.tabla_datos .ui-icon-delete { background: url(../images/ico_eliminar.gif) no-repeat 0px 0px #FFF; cursor: pointer; display: block; float: left; margin: 0px 2px; padding: 0px; width: 11px; height: 12px; border: none; } table.tabla_datos .link_editor { display: block; width: 12px; height: 12px; text-decoration: none; font-size: 1px; } table.tabla_datos .noborde_right_td { border-right: none; } table.tabla_datos .noborde_right_left { border-left: none; } table.tabla_datos .no_padding { padding-left: 3px; padding-right: 3px; } table.tabla_datos .destacado { background: #E5E5E5; } table.tabla_datos .pendiente, table.tabla_datos .pendiente td{ background: #FFFFC6; } table.tabla_datos .condiciones{font-size: 9px;} table.tabla_datos .activo_td{background: #0FA00F; color: #FFF;} table.tabla_datos .activo_td a:link, table.tabla_datos .activo_td a:visited{color: #FFF;} .fondo_bottom {background: url(/resources/Webbci/Bci/images/html/fondo_content_bottom.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); clear: both; font-size: 1px; height: 10px; margin: 0 0 5px; padding: 0;} .fondo_bottom_ie8 {background: url(/resources/Webbci/Bci/images/html/fondo_content_bottom.jpg); clear: both; font-size: 1px; height: 10px; margin: 0 0 5px; padding: 0; z-index:1;} .fondo_gris_borde{background: #F5F5F5; overflow: hidden; font-size: 12px; color: #666; margin: 0px 5px 3px 5px; padding: 8px 0px 0px 10px; border-radius: 10px;} .fondo_borde_tdc{ background: #F5F5F5; border-radius: 10px; padding: 14px 5px; margin: 0px 0px 5px 0px; min-height: 50px;} .pasos_transferencia SPAN.activo_ie8{background: url(/resources/Webbci/pyme/images/botones/bot_activo_menu_pasos.png) no-repeat; width: 30px; color: #FFF;} .form_comprobante{background: url(/resources/Webbci/common/images/sello_comprobante.gif) no-repeat 10px 10px #F5F5F5 !important; padding: 15px 0px 20px 140px; width: 510px; min-height: 160px;} .cont_servicios_tdc h3{background: url(/resources/Webbci/pyme/images/tit_encabezado.jpg) no-repeat 0px 0px; height: 31px; margin: 5px 0px 0px 0px; padding: 8px 12px 0px 16px; color: #FFF;} .servicios_cliente.width_714_tdc { background: url(/resources/Webbci/common/images/fondo_serv_clientes_714_bottom.png) no-repeat left bottom; height: 100px; width: 735px; margin: 7px 0px 0px 10px; font-size: 12px; } .width_714_tdc_ie8{ background: url(/resources/Webbci/common/images/fondo_serv_clientes_714_bottom.png) no-repeat ; height: 100px; width: 735px; margin: 7px 0px 0px 10px; font-size: 12px; } .mataAngustiaImagen{z-index: 9999; position: relative !important; background: url(/resources/images/html/shadowbox_loading_transparente.gif) no-repeat !important; width: 57px; height: 58px;} .fondo {background: url(/resources/Webbci/pyme/images/html/fondo_content.jpg) repeat-y scroll 0 0 rgba(0, 0, 0, 0);margin: 0;overflow: hidden;padding: 10px 12px 7px 16px;width: 710px;} .fondo_ie8{background: url(/resources/Webbci/pyme/images/html/fondo_content.jpg); margin: 0;overflow: hidden;padding: 10px 12px 7px 16px;width: 710px; z-index:1;} .cont_servicios .confirmar_pp, .cont_info_cliente .confirmar_pp { background: url(/resources/images/html/ico_informacion.jpg) no-repeat 10px 10px #F5F5F5; padding: 15px 10px 20px 95px; width: 570px; font: 12px Arial, Helvetica, sans-serif; color: #666; margin: 0px 0px 10px 0px;} .cont_servicios .confirmar_pp .pasos, .cont_info_cliente .confirmar_pp .pasos, .cont_mensaje_portalpago .confirmar_pp .pasos { background: url(/resources/Webbci/common/images/bullet_paso.gif) no-repeat 0px 0px; color: #FFF; text-align: center; width: 19px; height: 17px; padding: 2px 0px 0px 0px; float: left; font-weight: bold; margin: 0px 5px 8px 0px; } .cont_form_autorizar_portal .confirmar_pp, .cont_mensaje_portalpago .confirmar_pp { background: url(/resources/images/html/ico_informacion.jpg) no-repeat 10px 10px #F5F5F5; padding: 15px 10px 20px 95px; width: 570px; font: 12px Arial, Helvetica, sans-serif; color: #666; margin: 0px 0px 10px 0px;text-align:justify;} .texto_select{padding: 0px 0px 0px 0px; width: 400px; position: relative; top: -25px; height: 20px; font: bold 12px arial, helvetica, sans-serif;} .texto_select .texto_01{margin: 0px; position: relative; left: 270px;} .texto_select .texto_02{margin: 0px; position: relative; left: 330px;} *:first-child+html .texto_select{padding: 0px 0px 0px 0px; width: auto; position: static !important; top: 0px; margin-top: -25px; height: 20px; font: bold 12px arial, helvetica, sans-serif;} *:first-child+html .texto_select .texto_01{margin: 0px; position: static; left: 0px; padding: 10px 0px 0px 265px;} *:first-child+html .texto_select .texto_02{margin: 0px; position: static; left: 0px; padding: 10px 0px 0px 70px;} .QSIPopOver { left: 122px !important; top: 115px !important; } .QSIPopOver > div:first-child { overflow: hidden; box-shadow: 0 24px 32px 0 rgba(55,71,79,.2); border-radius: 6px !important; } /*Estilo para cambio de clave Internet */ :focus{outline: none;} .bci-wk-col-desk_1, .bci-wk-col-desk_10, .bci-wk-col-desk_11, .bci-wk-col-desk_12, .bci-wk-col-desk_2, .bci-wk-col-desk_3, .bci-wk-col-desk_4, .bci-wk-col-desk_5, .bci-wk-col-desk_6, .bci-wk-col-desk_7, .bci-wk-col-desk_8, .bci-wk-col-desk_9, .bci-wk-col-mobi_1, .bci-wk-col-mobi_10, .bci-wk-col-mobi_11, .bci-wk-col-mobi_12, .bci-wk-col-mobi_2, .bci-wk-col-mobi_3, .bci-wk-col-mobi_4, .bci-wk-col-mobi_5, .bci-wk-col-mobi_6, .bci-wk-col-mobi_7, .bci-wk-col-mobi_8, .bci-wk-col-mobi_9 { width: 100%; display: block; float: left; margin: 0; box-sizing: border-box; } .bci-wk-col-mobi_12 { margin-top: 10px; padding-top: 0px; } .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50% } .dot:not(:first-child) { margin-left: 10px } .wk-bg-green-500 { background-color: #28892b; } .wk-bg-red-500 { background-color: #ed0c19; } .wk-bg-blue-500 { background-color: #2772cc; } .wk-bg-yellow-500 { background-color: #ffe300; } .puntos_bci { margin-top: -10px; } h1.encabezado_clave { font-weight: 400; font-size: 34px; color: #37474F; margin: 0; padding-top: 21px; } h1.encabezado_error_destinatarios{ font-weight: 400; font-size: 34px; color: #37474F; margin: 0; padding-top: 21px; } p.recuerda { height: 24px; width: 644px; color: #546E7A; font-family: Overpass; font-size: 16px; letter-spacing: -0.03px; line-height: 24px; position: relative; top: 15px; } .background-resting-1 { position: relative; right: 88px; box-sizing: border-box; color: #37474F; font-family: Overpass; height: 51px; width: 290px; border: 1px solid #BBC5CA; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-1:focus { position: relative; right: 88px; box-sizing: border-box; color: #37474F; font-family: Overpass; height: 51px; width: 290px; border: 2px solid #2772CC; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-2 { position: relative; right: 88px; box-sizing: border-box; height: 51px; width: 290px; border: 1px solid #BBC5CA; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-2:focus { position: relative; right: 88px; box-sizing: border-box; height: 51px; width: 290px; border: 2px solid #2772CC; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-3 { position: relative; right: 169px; box-sizing: border-box; height: 51px; width: 290px; border: 1px solid #BBC5CA; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-3:focus { position: relative; right: 169px; box-sizing: border-box; height: 51px; width: 290px; border: 2px solid #2772CC; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-4 { position: relative; right: 198px; box-sizing: border-box; height: 51px; width: 290px; border: 1px solid #BBC5CA; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .background-resting-4:focus { position: relative; right: 198px; box-sizing: border-box; height: 51px; width: 290px; border: 2px solid #2772CC; border-radius: 6px; background-color: #FFFFFF; font-size: 16px; font-weight: 600; letter-spacing: -0.03px; line-height: 25px; } .clave_1 { position: relative; bottom: 24px; left: 22px; background: white; padding: 0 5px 0 5px; z-index: 1; font-size: 15px; color: #37474F; } .clave_2 { position: relative; bottom: 24px; left: 22px; background: white; padding: 0 5px 0 5px; z-index: 1; font-size: 15px; color: #37474F; } .clave_3 { position: relative; bottom: 24px; left: 22px; background: white; padding: 0 5px 0 5px; z-index: 1; font-size: 15px; color: #37474F; } .clave_4 { position: relative; bottom: 24px; left: 22px; background: white; padding: 0 -5px 0 5px; z-index: 1; font-size: 15px; color: #37474F; } .tabla_clave_1 { position: fixed; top: 135px; } .tabla_clave_2 { position: fixed; top: 218px; } .tabla_clave_3 { position: fixed; top: 285px; right: 464px; left: -10px; } .tabla_clave_4 { position: fixed; top: 300px; } .tabla_clave_5 { position: fixed; top: 383px; } .validacion_1 { width: 304px; color: #ED0C19; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacion_2 { width: 304px; color: #ED0C19; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacion_3 { width: 304px; color: #ED0C19; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacion_4 { width: 304px; color: #ED0C19; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacion_5 { width: 304px; color: #ED0C19; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacionok_1 { width: 304px; color: #28892B; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacionok_2 { width: 304px; color: #28892B; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacionok_3 { width: 304px; color: #28892B; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacionok_4 { width: 304px; color: #28892B; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } .validacionok_5 { width: 304px; color: #28892B; font-family: Overpass; font-size: 13px; letter-spacing: -0.03px; } li.fa.fa-close:before { color: #ED0C19 !important; } li.fa.fa-check:before { color: green !important; } .ok4 { position: relative; bottom: 102px; } .error2 { position: relative; bottom: 30px; } .error3 { position: relative; bottom: 61px; } .error4 { position: relative; bottom: 93px; } .error5 { position: relative; bottom: 125px; } ul.lista { list-style: none; } ul.listaValidaciones { width: 550px; list-style: none; } li::before { display: inline-block; margin-left: -1.3em; width: 1.3em; } .bot_clave { height: 36px; width: 290px; border-radius: 24px; border: none; background-color: #28892B; position: fixed; left: 7px; top: 382px; font-family: Overpass; color: #FFFFFF; font-size: 15px; font-weight: 600; } input[type=password] { padding-left:10px; padding-right: 10px; } input[type=text] { padding-left:10px; padding-right: 10px; } .ojoCerrado1 { position: relative; right: 130px; top: 13px; } .ojoCerrado2 { position: relative; right: 129px; top: 13px; } .ojoCerrado3 { position: relative; right: 209px; top: 13px; } /*Pantalla exito cambio de clave*/ .exito { position:relative; left: 285px; top:50px; } .cambio_exitoso { position: relative; top: 68px; left: 212px; width: 326px; font-family: 'Overpass'; font-size: 26px; font-weight: initial; color: #37474F; } .textosMensajes { text-align: center; width: 692px; margin-left: 15px; } .texto_comprobante_cambio_de_clave { position: relative; top: 71px; font-size: 16px; line-height: 24px; } .texto_error_nuevo_destinatario{ position: relative; top: 71px; font-size: 16px; line-height: 24px; } .texto2 { position: relative; top: 71px; font-size: 16px; line-height: 24px; } .cambio_erroneo_servicio { position: relative; top: 68px; left: 124px; width: 492px; font-family: 'Overpass'; font-size: 26px; font-weight: initial; color: #37474F; padding: 0 !important; } .cambio_erroneo_clave { position: relative; top: 68px; left: 186px; width: 383px; font-family: 'Overpass'; font-size: 26px; font-weight: initial; color: #37474F; padding: 0 !important; } .error_inscripcion_destinatario { position: relative; top: 68px; left: 10px; width: 730px; font-family: 'Overpass'; font-size: 26px; font-weight: initial; color: #37474F; padding: 0 !important; } .textosMensajes_error_servicio { text-align: center; width: 549px; margin-left: 94px; } .textosMensajes_error_clave { text-align: center; } .textosMensajes_error_destinatario{ text-align: center; } .bot_reintentar_servicio { height: 36px; width: 133px; border-radius: 24px; border: none; background-color: #28892B; position: fixed; left: 299px; top: 433px; font-family: Overpass; color: #FFFFFF; font-size: 15px; font-weight: 600; } .bot_reintentar { height: 36px; width: 133px; border-radius: 24px; border: none; background-color: #28892B; position: fixed; left: 307px; top: 405px; font-family: Overpass; color: #FFFFFF; font-size: 15px; font-weight: 600; } .bot_entendido_destinatarios{ height: 36px; width: 133px; border-radius: 24px; border: none; background-color: #28892B; position: fixed; left: 307px; top: 405px; font-family: Overpass; color: #FFFFFF; font-size: 15px; font-weight: 600; } .bot_entendido_mi_banco{ height: 36px; width: 133px; border-radius: 24px; border: none; background-color: #28892B; position: fixed; left: 307px; top: 405px; font-family: Overpass; color: #FFFFFF; font-size: 15px; font-weight: 600; }