/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {TBANC: TARJETA CREDITO} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 09/07/2007 */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML */ body{margin: auto; padding: 0px; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #000;} table{} table td{vertical-align: top;} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} form{margin: 0px; padding: 0px;} label{margin: 0px; padding: 0px;} ul{} .float_left{float:left; margin:0px 10px 0px 0px; padding:0px;} .float_right{float:right; margin:0px 0px 0px 10px; padding:0px;} .aling_left{text-align:left;} .aling_right{text-align:right;} .aling_center{text-align:center;} .invisible{display:none;} button{cursor: pointer; border: none; font: bold 12px Arial, Helvetica, sans-serif; text-align: center;} #bot_ayuda{padding: 0px; margin: 0px; background: url(../images/html/pregunta.gif) no-repeat 0px 0px; width: 16px; height: 16px;} .bot_180{background: url(../images/botones/bot_180x20.gif) no-repeat 0px 0px; width: 180px; height: 21px; padding: 0px;} .bot_130{background: url(../images/botones/bot_130x20.gif) no-repeat 0px 0px; width: 130px; height: 21px; padding: 0px;} .bot_90{background: url(../images/botones/bot_90x20.gif) no-repeat 0px 0px; width: 90px; height: 21px; padding: 0px;} .bot_70{background: url(../images/botones/bot_70x20.gif) no-repeat 0px 0px; width: 70px; height: 21px; padding: 0px; margin: 0px 5px;} input{border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; color: #333; padding: 2px;} input.fono{width:79px;} input.radio{border: none; font: 11px Arial, Helvetica, sans-serif; color: #666; padding: 0px;} select{color: #333; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #999;} textarea{border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; color: #333; padding: 2px; width:80%;} .alerta{text-transform: uppercase; color: #05953E; font-weight: bold;} /*HEADER*/ #contenedor {margin: auto;height: 100%;width: 100%;} #falsotop {background-image:url(../images/html/top_demo.jpg);height: 114px; width:1004px; background-repeat: no-repeat;background-color:#5D6671;} #falsotop img {float: right;} #datostransversales table td {width: auto;} /*MENU LEFT*/ #datostransversales{margin-top: 3px; width:1004px;} #datostransversales .asistencia {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #999999;padding-left: 15px;} #main .mensaje {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #999999;margin: 0px 20px 0px 20px; } #datostransversales .menutransversal {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-align: right;padding-right: 10px;color: #CCCCCC;} /*DATOS TRANSVERSALES*/ #datostransversales table td a:link {color: #999; text-decoration: none;} #datostransversales table td a:hover {color: #999; text-decoration: underline;} #datostransversales table td a:visited {color: #999; text-decoration: none;} #datostransversales {margin-top: 3px;} #datostransversales table td a.transimportante:link {color: #0058A1; text-decoration: none; font-weight: normal;} #datostransversales table td a.transimportante:visited {color: #0058A1;text-decoration: none;font-weight: normal;} #datostransversales table td a.transimportante:hover {color: #0058A1;text-decoration: underline;font-weight: normal;} #datostransversales table td a.cierresesion:link {color: #cc0000;text-decoration: none;font-weight: bold;} #datostransversales table td a.cierresesion:hover {color: #cc0000; text-decoration: underline; font-weight: bold;} #datostransversales table td a.cierresesion:visited {color: #cc0000;text-decoration: none;font-weight: bold;} #menu {margin-left: 5px;} /*MENU LATERAL*/ #tdmenu {vertical-align: top; padding: 0px 0px 0px 15px; width: 190px;} #tdmenu .contenedormenu {width:190px; font-size:11px; line-height:150%; margin-top:10px;background:url(../images/html/fondo_menu_izq.gif) 0px 0px repeat-y;} #tdmenu .contenedormenucartola {font-size:12px; line-height:150%;} #tdmenu .contenedormenu h1 {font-size:12px; background:#ECEFF4; display:block; margin:0px 0px 5px 0px; padding:0px 0px 5px 8px; width:178px; } #tdmenu .contenedormenu h1 a:link,#tdmenu .contenedormenu h1 a:visited{font-size:12px; background:#ECEFF4; display:block; margin:0px 0px 5px 0px; padding:0px; width:auto; margin-right:4px; text-decoration:none;} #tdmenu .contenedormenu h1 .visitado{color:#005298;} #tdmenu #topmenu {color:#666;text-decoration:none; white-space:nowrap; width:186px} #tdmenu #separador {margin-bottom:0px;} #tdmenu .contenedormenu a {text-decoration:none;color:#666; display:block;padding:2px 2px 2px 4px;margin-left:4px;width:auto;margin-right:4px;} #tdmenu .contenedormenu a:hover {color:#005298;} #tdmenu .contenedormenu .visitado {display:block; color:#005298;padding:2px 2px 2px 8px;background:#EEE;margin-left:2px; font-weight:bold;width:auto;margin-right:4px;} #tdmenu .contenedormenu a.visitado:visited {font-weight:bold;} #tdmenu .contenedormenu a.visitado:hover {background:#EEE;} #tdmenu .contenedormenu table{width:95%; margin:0px auto;} #tdmenu .contenedormenu table tr td{font:bold 12px Arial, Helvetica, sans-serif; color:#666; padding: 0px 2px 5px 0px;} /*INICIO CONTENIDOS*/ #contenidos{width:100%; padding: 2px 6px 10px 8px;} .contenidos{width:1004px; padding: 2px 6px 10px 8px;} .contenidos_privada{padding: 2px 6px 10px 8px;} #main{font: 1em/160% Arial, Helvetica, sans-serif;color:#000;padding: 0px 3px 30px 10px;margin:0px;} #main h1{font: bold 16px/130% Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 20px 0px; margin: 0px;} #main h1 strong, #main h1 b{font-size:18px} #main h2{background: url(../images/html/fondo_tit_left.gif) no-repeat 0px 0px #E7EAF0; font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 0px 3px; margin: 10px 0px 0px 0px; clear:both;} *>#main h2{background: url(../images/html/fondo_tit_left.gif) no-repeat 0px 0px #E7EAF0; font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 0px 3px; margin: 10px 0px 0px 0px; } #main h3{background: url(../images/html/fondo_tit_left.gif) no-repeat 0px 0px #E7EAF0; font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px; clear:both;} *>#main h3{background: url(../images/html/fondo_tit_left.gif) no-repeat 0px 0px #E7EAF0; font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px 0px 0px 3px; margin: 0px 0px 0px 0px; } #main h3 span{background: url(../images/html/fondo_tit_right.gif) no-repeat right top; display: block; padding: 8px 0px 6px 10px;} #datos_dinamicos{background:url(../images/html/datos_dinamicos.gif) 0px 0px no-repeat; width:627px; height:600px;} #main h2 span{background: url(../images/html/fondo_tit_right.gif) no-repeat right top; display: block; padding: 8px 0px 6px 10px;} #main a:link, #main a:visited{color: #005298; text-decoration: underline;} #main a:hover, #main a:active{color: #005298; text-decoration: none;} /*PASOS*/ #pasos{width: 100%; clear: both; font: 1em Arial, Helvetica, sans-serif; color: #333; padding: 5px 0px 15px 0px;} #pasos strong, #pasos b{background: #F6FCB2; font-weight: bold; color: #333; margin: 0px; padding: 5px;} /*BOTONES FORMULARIOS*/ #botones_formularios{border: 1px solid #E1E1E1; background: #F7F7F7; text-align: center; width: 98%; margin: 10px auto; padding: 8px 0px; height: 21px;} /*DESTACADO: SEGURO DE CESANTIA*/ #seguro_cesantia{float: right; width: 390px; font: bold 11px/130% Arial, Helvetica, sans-serif; clear: both; margin: 0px; border: 1px solid #E1E1E1; background: #F7F7F7;} #seguro_cesantia p{text-align: left; padding: 5px 20px 5px 15px; margin: 0px;} /*DESTACADO: RECORDATORIOS*/ #condiciones{background: #FFFFCC; border: 1px solid #FFEFAD; font: 11px Arial, Helvetica, sans-serif; margin: 5px auto 10px auto; padding: 10px 0px 10px 15px; width: 97%; } #condiciones ul, #condiciones ol{margin: 0px; padding: 5px 10px 10px 15px;} #condiciones li{margin: 0px 0px 0px 15px; padding: 0px 0px 0px 3px;} /*DESTACADO: SALDOPESOS*/ #saldo_pesos{background: #F7F7F7; border: 1px solid #E1E1E1; font: 11px Arial, Helvetica, sans-serif; margin: 5px auto 10px auto; padding: 10px 0px 10px 15px; width: 96%; } #saldo_pesos ul, #saldo_pesos ol{margin: 0px; padding: 5px 0px 10px 15px;} #saldo_pesos li{margin: 0px 0px 0px 15px; padding: 0px 0px 0px 3px;} /*CALCULAR*/ #calcular{background: #FFFFCC; border: 1px solid #FFEFAD; font: 11px Arial, Helvetica, sans-serif; margin: 5px auto 10px 0px; padding: 10px 0px 10px 15px; width: 250px;} /*DESTACADO: BLOQUEO TARJETA*/ #bloqueo_tarjeta{background: #FFFFCC; border: 1px solid #FFEFAD; font: 11px Arial, Helvetica, sans-serif; margin: 10px auto 15px auto; padding: 10px 0px 10px 15px; width: 95%; color: #000;} #bloqueo_tarjeta strong, #bloqueo_tarjeta b{font: bold 17px Arial, Helvetica, sans-serif; color: #F60;} /*HERRAMIENTAS*/ #herramientas{float: right; margin: 0px; padding: 20px 10px 0px 0px; font: 10px Arial, Helvetica, sans-serif;} #herramientas a:link, #herramientas a:visited{color: #666; text-decoration: none;} #herramientas a:hover, #herramientas a:active{color: #000; text-decoration: none;} #herramientas #email{background: url(../images/html/sobre_icono.gif) no-repeat left center; text-decoration: none; color: #666; padding: 3px 12px 3px 18px; display:inline; width: 85px;} #herramientas #guardar{background: url(../images/html/disquette_icono.gif) no-repeat left center; text-decoration: none; color: #666; padding: 3px 12px 3px 18px; display:inline; width: 85px;} #herramientas #imprimir{background: url(../images/html/impresora_icono.gif) no-repeat left center; text-decoration: none; color: #666; padding: 3px 12px 3px 18px; display:inline; width: 85px;} /*CONTENIDOS TABLA*/ #main .top_cont_tabla{background: url(../images/html/fondo_tit_left.gif) repeat-x 0px 0px; font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0px; margin: 0px;} #main .top_cont_tabla span{background: url(../images/html/fondo_tit_right.gif) no-repeat right top; display: block; padding: 8px 0px 0px 10px; margin: 0px 0px 10px 0px;} #main .cont_tabla{background-color:#FFF; font: 1em/160% Arial, Helvetica, sans-serif; color:#666; border: 1px solid #E1E1E1; border-bottom: none; border-top: none;border-right: 1px solid #E1E1E1;margin:0px; padding:10px 0px 10px 0px;} #main .espacio_adicional{display:table;} #main .top_cont_tabla img{text-align:center;} #main .cont_tabla_bottom{background: url(../images/html/fondo_cont_tabla_bottom.gif) no-repeat top left; height: 8px; margin: 0px; padding:0px; width:100%; clear:both;} #main .cont_tabla_bottom span{background: url(../images/html/fondo_cont_tabla_bottom_right.gif) no-repeat right top; width: 10px; height: 8px;float:right; display:block; padding:0px;margin:0px;} /*---------------------------*/ #main .cont_tabla h3{font: bold 15px Arial, Helvetica, sans-serif; margin: 0px; padding: 20px 20px 10px 10px; color: #000; text-transform: uppercase;} #main .cont_tabla h3 strong, #main .cont_tabla h3 b{color: #05953E; font-size: 17px;} #main .cont_tabla p{margin: 0px; padding: 5px 10px;} #main .cont_tabla table{width: 98%; font: 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #E0E0DE; border-collapse: collapse; margin: 10px auto 0px auto; display:table;} #main .cont_tabla table thead th{font: bold 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #E0E0DE; border-collapse: collapse; padding: 6px 4px 6px 20px; background: url(../images/html/pelotita_titulo.gif) no-repeat 3px 7px #EEE; text-align: left; vertical-align: top; color: #666;} #main .cont_tabla table thead .th{font: bold 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #E0E0DE; border-collapse: collapse; padding: 6px 4px 6px 20px; background:#EEE; text-align: left; vertical-align: top; color: #666;} #main .cont_tabla table tr {background-color:#FFF;} #main .cont_tabla table td{font: 11px Arial, Helvetica, sans-serif; border-collapse: collapse; padding: 6px 4px 6px 10px; border-bottom:solid 1px #E0E0DE;} #main .cont_tabla table tbody th{font: bold 11px Arial, Helvetica, sans-serif; border-top: 1px solid #E0E0DE; border-bottom: 1px solid #E0E0DE; padding: 6px 4px 6px 20px; text-align: left; vertical-align: bottom; color: #005298;} #main .cont_tabla table tr.destacado{background-color: #F5F7FC;} #main .cont_tabla table tr.destacado2{background: #EEE; color: #666;} #main .cont_tabla table#comprobante, #main .cont_tabla table#comprobante td{font: 12px Arial, Helvetica, sans-serif;} #main .cont_tabla .valor{font: bold 17px Arial, Helvetica, sans-serif; color: #F60;} #main .cont_tabla .deuda{font: bold 12px Arial, Helvetica, sans-serif; color: #090;} #main .cont_tabla .invisible{display: none;} .alinea_left{text-align:left} /*BANCA PRIVADA*/ /*CONTENEDOR BANQUERO*/ #tdmenu .banquero {background:#ECEFF4; display:block; padding:5px 0px 5px 0px; margin:10px 0px 5px 0px; width:190 px; font-size:11px; line-height:150%; border:solid 1px #CCC;} #tdmenu .banquero p {margin:5px 5px 5px 7px; } #main .pdf_bancaPrivada{ padding:10px 9px 10px 50px; margin:10px auto 0px auto ;border:1px solid #E1E1E1;background: url(../images/html/ico_descarga_pdf.jpg) no-repeat 10px 10px #F7F7F7; width: 90%; } #main .cont_tabla .lista_descargas_pdf{ list-style-type:none; margin:0px; line-height:25px; width:auto} #main .cont_tabla .pdf_file{background: url(../images/html/pdf_iconoh.gif) no-repeat 0px 0px; padding:0px 0px 2px 20px;} #main .detalles{padding:0px;position:absolute;z-index:99;width:750px;margin:0px 0px 0px 5px;left: auto;} #main #detalles_2{padding:0px;position:absolute;z-index:99;width:750px;margin:0px 0px 0px 5px;left: 237px;} #main .top_detalle{background:url(../images/html/top_detalle.gif) repeat-x 0px 0px; display:block; padding:0px; clear:both; width:750px;} #main .top_detalle h1{padding:5px 0px 0px 10px;font:bold 15px Arial, Helvetica, sans-serif; color:#666;} #main .top_detalle span{font:11px Arial, Helvetica, sans-serif; background:url(../images/html/top_der_detalle.gif) no-repeat right top; display:block; float:right; width:70px; height:20px; padding:5px 0px 0px 0px} #main .top_detalle a:link, #main #detalles .top_detalle a:visited{background:url(../images/html/cerrar.gif) no-repeat 0px 0px;padding:0px 0px 5px 20px} #main .fondo_detalle{background: url(../images/html/fondo_izq_detalle.gif) repeat-y 0px 0px; display:table; clear:both; padding:0px 0px 0px 5px; width:735px} #main .fondo_der_detalle{background: url(../images/html/fondo_der_detalle.gif) repeat-y right top; float:right; padding:0px 10px 0px 0px; clear:both; width:735px} #main .bottom_detalle{background: url(../images/html/bottom_detalle.gif) no-repeat left bottom; height:13px; clear:both; display:table;width:750px} #main .bottom_detalle span {background: url(../images/html/botton_der_detalle.gif) no-repeat right bottom; display:block; float:right; width:29px; height:13px; padding:0px; margin:0px;} iframe{width:100%; height:450px; margin:0px; border:none;} /*ICONOS RENOVAR LIQUIDAR*/ #main .cont_tabla table tr td .ico_liquidar{background:url(../images/html/flecha_verde_liquidar.gif)no-repeat 0px 0px; display:block; padding:1px 0px 0px 18px;} #main .cont_tabla table tr td .ico_renovar{background:url(../images/html/flecha_verde_renovar.gif)no-repeat 0px 0px; display:block; padding:1px 0px 0px 18px;} /* SUBMENU SERVICIOS */ #main .submenu_servicios{padding:7px; margin-bottom:20px;border: solid 1px #E1E1E1; background:#F7F7F7; font-weight: bold; color:#666;} #main .submenu_servicios a:focus{outline:none} /*CAJA VOLVER SERVICIOS*/ #main .volver_servicios{padding:7px; margin:5px 0px 20px 0px;border: solid 1px #E1E1E1; background:#F7F7F7; font-weight: bold; color:#666; width:100px; float:right; clear:both} #main .volver_servicios a:link, #main .volver_servicios a:visited{background:url(../images/html/flecha_subir.gif) no-repeat 0px 1px; display:block; padding: 0px 0px 0px 18px} #main .volver_servicios a:hover, #main .volver_servicios a:active{background:url(../images/html/flecha_subir_anim.gif) no-repeat 0px 1px; display:block; padding: 0px 0px 0px 18px} /*IMAGEN MODELO DE ATENCION*/ /*#main .cont_tabla #modelo_atencion{background:url(../images/html/img_modelo_atencion.jpg) no-repeat right top; margin: 0px 10px 0px 10px; padding:0px 270px 0px 0px; height:290px;} #main .cont_tabla #proceso_inversion{background:url(../images/html/info_proceso_inversion.jpg) no-repeat right top; margin: 0px 10px 0px 10px; padding:0px 462px 0px 0px; height:370px;} #main .cont_tabla #modelo_asesoria{background:url(../images/html/modelo_asesoria.jpg) no-repeat right top; margin: 0px 10px 0px 10px; padding:0px 462px 0px 0px; height:350px;} */ #main .cont_tabla #modelo_atencion img{padding:0px 100px;} #main .cont_tabla #proceso_inversion img{padding:0px 18px;} #main .cont_tabla #modelo_asesoria img{padding:0px 15px;} /*CONTENEDOR BOTONES BANCA PRIVADA*/ .botones_ahorro_inv{border: 1px solid #E1E1E1; background: #F7F7F7; text-align: center; width: 98%; margin: 5px auto; padding: 8px 0px; height: 21px;} /*BOTONES*/ .enviar{text-align:center;} .bot_enviar{background:url(../images/botones/btn_enviar.gif) center center no-repeat; width:70px; height:21px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center;} .bot_continuar{background: url(../images/botones/btn_continuar.gif) no-repeat; width:92px; height:21px; font:bold 12px Arial, Helvetica, sans-serif;margin:0px; padding:0px;} .bot_180{background: url(../images/botones/bot_180x20.gif) no-repeat 0px 0px; width: 180px; height: 21px; padding: 0px;} .bot_130{background: url(../images/botones/bot_130x20.gif) no-repeat 0px 0px; width: 130px; height: 21px; padding: 0px;} .bot_90{background: url(../images/botones/bot_90x20.gif) no-repeat 0px 0px; width: 90px; height: 21px; padding: 0px;} .bot_70{background: url(../images/botones/bot_70x20.gif) no-repeat 0px 0px; width: 70px; height: 21px; padding: 0px; margin: 0px;} .centra_boton{display:block; text-align:center;} /*estilos indicadores economicos*/ #indicadores_financieros{} #indicadores_financieros img{float:left; border:1px solid #CCC;} #indicadores_financieros #selectores{width:157px; height:226px; float:left; padding:0px 5px; margin:0px 0px 0px 7px; border:1px solid #CCC;} #indicadores_financieros #selectores select{width:155px; font:11px Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px;} #indicadores_financieros #selectores p{font:11px Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 0px 0px;} #indicadores_financieros #tablas{text-align:center; clear:both;} #indicadores_financieros #tablas fieldset{width:238px; float:left; margin:3px 4px; padding:3px; border:1px solid #CCC;} #indicadores_financieros #tablas fieldset legend{font:bold 11px Arial, Helvetica, sans-serif; padding:2px 2px 7px 2px; margin:0px; background:#FFF;} #indicadores_financieros #tablas fieldset table{border:1px solid #E0E0DE; border-collapse:collapse; width:100%; font:9px Arial, Helvetica, sans-serif;} #indicadores_financieros #tablas fieldset table thead th{border:1px solid #E0E0DE; border-collapse:collapse; background:#EEE; text-align:left; padding:1px 2px; color:#666; font:9px Arial, Helvetica, sans-serif;} #indicadores_financieros #tablas fieldset table thead td{border:1px solid #E0E0DE; border-collapse:collapse; background:#EEE; padding:1px 2px; color:#666; font:9px Arial, Helvetica, sans-serif;} #indicadores_financieros #tablas fieldset table tbody th{border:1px solid #E0E0DE; border-collapse:collapse; background:#FFF; text-align:left; padding:1px 2px; color:#666; font:9px Arial, Helvetica, sans-serif;} #indicadores_financieros #tablas fieldset table tbody td{border:1px solid #E0E0DE; border-collapse:collapse; background:#F7F9FB; text-align:right; padding:1px 2px; color:#666; font:9px Arial, Helvetica, sans-serif;} /*estilos buscador de datos segun fecha*/ #buscar_datos_fecha fieldset{border:1px solid #ccc;padding:10px 0px 10px 10px; margin:0px;} #buscar_datos_fecha select{padding:0px; margin:0px 10px 0px 0px;} #buscar_datos_fecha legend{font: bold 11px Arial, Helvetica, sans-serif; color:#000000;}