/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {BCI: INGRESO RECLAMOS PUBLICO} */ /* 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.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;} .alerta{text-transform: uppercase; color: #05953E; font-weight: bold;} /*HEADER*/ #contenedor {margin: auto;height: 100%;width: 100%;} #falsotop {background-image:url(../images/html/top.jpg);height: 114px; width:1004px; background-repeat: no-repeat;background-color: #000000;} #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;} #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: 200px;} #tdmenu #contenedormenu {background:url(../images/html/fondo_menu_izq.gif); width:185px; font-size:11px; line-height:150%;} #tdmenu #contenedormenucartola {background:url(../images/html/fondo_menu_izq.gif); font-size:12px; line-height:150%;} #tdmenu #contenedormenu h1 {font-size:12px; background:#ECEFF4; display:block; margin:0px 0px 5px 2px; padding:0px 0px 5px 8px; width:auto; margin-right:4px;} #tdmenu #topmenu {color:#666; font-size:12px; text-decoration:none; white-space:nowrap;} #tdmenu #separador {background:no-repeat;margin-bottom:10px;} #tdmenu #contenedormenu a {text-decoration:none;color:#666; display:block;padding:2px 0px 2px 4px;margin-left:4px;width:auto;margin-right:4px;} #tdmenu #contenedormenu a:hover {color:#005298;background:#EEE;width:auto;margin-right:4px;padding-left:4px;} #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;} /*INICIO CONTENIDOS*/ #contenidos{width:100%; padding: 2px 6px 10px 8px;} .contenidos{width:1004px; padding: 2px 6px 10px 8px;} #main{font: 1em/160% Arial, Helvetica, sans-serif; color: #000; padding: 0px 10px 30px 10px;} #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: 0px; width: 99%;} #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: 98%; } #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;} /*DIV CONTIENE TABLAS EN COLUMNAS*/ .columnas2{width: 100%; margin: 10px auto 0px auto; padding: 0px;} .columnas2 div{width: 48%; margin: 0px; padding: 0px 0px 0px 10px; float: left;} #main .cont_tabla .columnas3{width: 100%; margin: 10px auto 0px auto; padding: 0px; border: none;} #main .cont_tabla .columnas3 td{width: 32%; padding: 0px 10px;} /*CONTENIDOS TABLA*/ #main .cont_tabla{font: 1em/160% Arial, Helvetica, sans-serif; color: #666; border: 1px solid #E1E1E1; border-bottom: none; border-top: none; width: 99%; margin: 0px; clear: both; display: table;} #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: 100%; font: 11px Arial, Helvetica, sans-serif; color: #000; border: 1px solid #E0E0DE; border-collapse: collapse; margin: 10px auto;} #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 td{font: 11px Arial, Helvetica, sans-serif; border-collapse: collapse; padding: 6px 4px 6px 10px;} #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 10px; text-align: left; vertical-align: bottom; color: #005298;} #main .cont_tabla table tr.destacado{background: #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;} /*CONTENIDO TABLA BOTTOM*/ #main .cont_tabla_bottom{background: url(../images/html/fondo_cont_tabla_bottom.gif) no-repeat 0px 0px; height: 8px; font: 1px Arial, Helvetica, sans-serif; margin: 0px 0px 15px 0px; width: 722px; padding: 0px 0px 0px 2px; clear: both;} #main .cont_tabla_bottom span{background: url(../images/html/fondo_cont_tabla_bottom_right.gif) no-repeat 0px 0px; width: 10px; height: 8px; font: 1px Arial, Helvetica, sans-serif; display: block; float: right;} /*CONTENIDOS TABLA: RESUMEN DE CUENTA*/ #main .cont_tabla .datos_tarjeta{width: 98%; margin: 0px 0px 15px 0px; border: 1px solid #CCC;} #main .cont_tabla .datos_tarjeta td{ padding: 2px 4px; margin: 0px;} #main .cont_tabla .datos_tarjeta th{background: #EFEFFA; background-image: none; padding: 2px 4px; margin: 0px; font-weight: bold; color: #000; border: none;} /*CONTENIDOS TABLA: OTROS PERIODOS DE FACTURACION*/ #main #otros_periodos {width: 100%; border: 1px solid #CCC; border-collapse: collapse; margin: 10px 0px 20px 0px;} #main #otros_periodos 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 5px 7px #EEE; text-align: left;} #main #otros_periodos td{font: 11px Arial, Helvetica, sans-serif; border-collapse: collapse; padding: 6px 4px 6px 10px; border-left: 1px solid #CCC; text-align: center;} /*DESPLIEGUE AYUDA PAGO MINIMO*/ #pago_minimo{background: #EEE; border: 1px solid #000000; margin-right: 20px; width: 250px; position: absolute;} #pago_minimo h1{font: bold 11px Arial, Helvetica, sans-serif; padding: 6px 4px 6px 20px; background: #DCDBDB; border-bottom: 1px solid #CCC;} #pago_minimo p{margin: 0px; padding: 10px 10px 10px 20px; background: #FFF; font-weight: bold;} #pago_minimo div{border-top: 1px solid #CCC; background: #F7F7F7; text-align: center; margin: 0px auto; padding: 4px 0px; position: relative;} #pago_minimo button{background: url(../images/botones/bot_80x20.gif) no-repeat 0px 0px; width: 80px; height: 21px; padding: 0px;} #pago_minimo.invisible{display: none;} /*MENU INFERIOR*/ #menu_inferior{width: 100%; clear: both; text-align: left; font: 11px Arial, Helvetica, sans-serif;} #menu_inferior a:link, #menu_inferior a:visited{color: #C03; text-decoration: underline;} #menu_inferior a:hover, #menu_inferior a:active{color: #C03; text-decoration: none;} /*ESTILOS FORMULARIO PERFIL CLIENTE*/ #perfil_cliente{padding:10px 0px; font:11px Arial, Helvetica, sans-serif; width:760px;} #perfil_cliente h1{font:bold 17px Arial, Helvetica, sans-serif; background:none; width:auto; color:#000; margin:0px 0px 5px 0px; padding:0px;} #perfil_cliente h2{font:14px Arial, Helvetica, sans-serif; background:none; width:auto; margin:0px 0px 15px 0px; padding:0px;} #perfil_cliente label{cursor:pointer; margin:0px 10px 0px 0px;} #perfil_cliente .tablas_informacion {margin-bottom:10px;} #perfil_cliente .tablas_informacion th{background:url(../images/html/tabla_dato_th.gif) left top no-repeat; border-bottom:1px solid #E1E1E1; border-right:1px solid #E1E1E1; font:11px Arial, Helvetica, sans-serif; padding:5px 10px 5px 15px; text-align:left;} #perfil_cliente .tablas_informacion td{background:url(../images/html/tabla_dato_td.gif) right top no-repeat; border-bottom:1px solid #E1E1E1; font:11px Arial, Helvetica, sans-serif; padding:5px 15px 5px 10px;} #perfil_cliente .tablas_formularios{margin:10px auto; width:100%; clear:both;} #perfil_cliente .tablas_formularios thead th{background:url(../images/html/tabla_campos_thead_right.gif) right top no-repeat; border-bottom:1px solid #E1E1E1;} #perfil_cliente .tablas_formularios thead th div{background:url(../images/html/tabla_campos_thead_left.gif) 0px 0px no-repeat; margin:0px 10px 0px 0px; padding:7px 10px; text-align:left;} #perfil_cliente .tablas_formularios tbody td{border:1px solid #E1E1E1; border-collapse:collapse; padding:7px; vertical-align:top;} #perfil_cliente .tablas_formularios tbody td h2{font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding:10px 10px 0px 10px; margin:0px; width:auto; background:none;} #perfil_cliente .tablas_formularios tbody td h3{font:bold 11px Arial, Helvetica, sans-serif; color:#666; padding:10px 10px 0px 10px; margin:0px; width:auto; background:none;} #perfil_cliente .tablas_formularios tbody td p{font:11px Arial, Helvetica, sans-serif; color:#333; padding:10px 10px 0px 10px; margin:0px; width:auto; background:none;} #perfil_cliente .tablas_formularios tbody td .agregar{font:9px Arial, Helvetica, sans-serif; color:#333; padding:1px 0px 1px 16px; margin:10px; width:auto; background:url(../images/botones/agregar.gif) 0px 0px no-repeat;} #perfil_cliente .tablas_formularios tbody td .agregar a{text-decoration:none;} #perfil_cliente .tablas_formularios tbody td .tablas_campos{border:1px solid #E0E0DE; border-collapse:collapse; margin:5px auto 10px auto; width:98%;} #perfil_cliente .tablas_formularios tbody td .tablas_campos th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 4px no-repeat #EEE; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos_p{border:1px solid #E0E0DE; border-collapse:collapse; margin:5px auto 10px auto; width:98%;} #perfil_cliente .tablas_formularios tbody td .tablas_campos_p th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 12px no-repeat #EEE; padding:8px 10px 14px 22px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos .nobullet{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:#EEE; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos .titulo_tabla{border:1px solid #C8C8C8; border-collapse:collapse; text-align:left; vertical-align:top; background:#D6D6D6; padding:4px 7px 4px 25px; color:#333; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td{text-align:left; vertical-align:top; padding:2px 2px 2px 4px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td label{height:25px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .label_horizontales{float:left; clear:both; padding:0px 0px 2px 0px; height:16px; width:150px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .label_horizontales_oculto{float:left; clear:both; padding:0px 0px 2px 0px; width:150px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td input{height:16px; padding:0px 5px; margin:0px; border:1px solid #CCC; font:11px Arial, Helvetica, sans-serif; color:#333;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .input_totales{height:16px; padding:0px 5px; border:1px solid #CCC; font:bold 11px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .tablas_formularios tbody td .tablas_campos_p td .input_totales{height:16px; padding:0px 5px; border:1px solid #CCC; font:bold 11px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .totales{height:16px; padding:0px 5px; font:bold 11px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .tablas_formularios tbody td .tablas_campos_p td .totales{height:16px; padding:0px 5px; font:bold 11px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td select{height:18px; font:11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .select_small{height:18px; width:70px; font:9px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td textarea{border:1px solid #CCC; font:11px Arial, Helvetica, sans-serif; color:#333; background:#fff;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .raddio_check{border:none; height:16px; background:none; padding:0px; margin:0px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos_p td .raddio_check{border:none; height:16px; background:none; padding:0px; margin:0px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .align_raddio{float:left; padding:0px; margin:0px 8px 0px 0px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td .input_noborder{border:1px solid #FFF; background:#FFF; color:#000; width:auto;} /*Nodo duplicado cuando es tabla*/ #perfil_cliente .tablas_formularios .duplicado{border-collapse:collapse; margin:5px auto 10px auto; width:98%;} #perfil_cliente .tablas_formularios .duplicado .eliminar_nodo{width:48px; height:18px; margin:3px 2px 0px 0px; border:none; cursor:pointer; color:#005298; font:11px/7px Arial, Helvetica, sans-serif; float:right;} #perfil_cliente .tablas_formularios .duplicado .eliminar_nodo button{background: url(../images/botones/eliminar.gif) 0px 0px no-repeat; padding:2px 0px 2px 15px; border:none; cursor:pointer; color:#005298; font:9px/7px Arial, Helvetica, sans-serif; text-decoration:none;} #perfil_cliente .tablas_formularios .duplicado td{background:#C8CFDB;} #perfil_cliente .tablas_formularios .duplicado th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 4px no-repeat #C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios .duplicado .nobullet{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:#C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios .duplicado .titulo_tabla{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:#B0BBCC; padding:4px 7px 4px 25px; color:#000; font:bold 11px Arial, Helvetica, sans-serif;} /*Nodo duplicado cuando es tr*/ #perfil_cliente .tablas_formularios .tablas_campos .duplicado td{background:#C8CFDB;} #perfil_cliente .tablas_formularios .tablas_campos .duplicado th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 4px no-repeat #C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios .tablas_campos .duplicado td .eliminar_nodo{width:48px; height:18px; margin:3px 2px 0px 0px; border:none; cursor:pointer; color:#005298; font:9px/7px Arial, Helvetica, sans-serif; float:right;} #perfil_cliente .tablas_formularios .tablas_campos .duplicado td .eliminar_nodo button{background: url(../images/botones/eliminar.gif) 0px 0px no-repeat; padding:2px 0px 2px 15px; border:none; cursor:pointer; color:#005298; font:9px/7px Arial, Helvetica, sans-serif; text-decoration:none;} #perfil_cliente .tablas_formularios .borde_separar_campos{border:1px solid #E1E1E1; padding:0px 0px 5px 0px;} /* /*Nodo duplicado cuando es tabla #perfil_cliente .tablas_formularios tbody td .duplicado{border-collapse:collapse; margin:15px auto 10px auto; width:98%;} #perfil_cliente .tablas_formularios tbody td .duplicado .eliminar_nodo{background: url(../images/botones/eliminar.gif) 0px 0px no-repeat; padding:0px 0px 0px 14px; border:none; cursor:pointer; color:#005298; font:11px Arial, Helvetica, sans-serif; text-decoration:underline; float:right;} #perfil_cliente .tablas_formularios tbody td .duplicado td{background:#C8CFDB;} #perfil_cliente .tablas_formularios tbody td .duplicado th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 4px no-repeat #C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .duplicado .nobullet{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:#C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .duplicado .titulo_tabla{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:#B0BBCC; padding:4px 7px 4px 25px; color:#000; font:bold 11px Arial, Helvetica, sans-serif;} /*Nodo duplicado cuando es tr #perfil_cliente .tablas_formularios tbody td .tablas_campos .duplicado td{background:#C8CFDB;} #perfil_cliente .tablas_formularios tbody td .tablas_campos .duplicado th{border:1px solid #E0E0DE; border-collapse:collapse; text-align:left; vertical-align:top; background:url(../images/html/bullet_th_tablas.gif) 5px 4px no-repeat #C8CFDB; padding:2px 7px 2px 25px; color:#666; font:bold 11px Arial, Helvetica, sans-serif;} #perfil_cliente .tablas_formularios tbody td .tablas_campos .duplicado td .eliminar_nodo{background: url(../images/botones/eliminar.gif) 0px 0px no-repeat; width:54px; padding:0px 0px 0px 10px; margin:5px 0px 0px 0px; border:none; cursor:pointer; color:#005298; font:9px Arial, Helvetica, sans-serif; text-decoration:underline; float:right;} */ #perfil_cliente .tablas_formularios tbody td .tablas_campos td p{padding:0px; margin:15px 0px 5px 0px;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td ul{margin:10px 0px; padding:0px; list-style-type:none;} #perfil_cliente .tablas_formularios tbody td .tablas_campos td ul li{margin:0px 0px; padding:2px 0px; list-style-type:none;} #perfil_cliente .tablas_formularios tbody td .tablas_adicionales{border:1px solid #E0E0DE; border-collapse:collapse; margin:10px 0px 0px 0px; clear:both;} #perfil_cliente .tablas_formularios tbody td .tablas_adicionales th{border:1px solid #E0E0DE; border-collapse:collapse; padding:2px 4px; text-align:left; background:none; font:normal 9px Arial, Helvetica, sans-serif; color:#333;} #perfil_cliente .tablas_formularios tbody td .tablas_adicionales td{border:1px solid #E0E0DE; border-collapse:collapse; padding:2px 4px;} #perfil_cliente .tablas_formularios .bot_ayudas{background:url(../images/html/pregunta.gif) 0px 0px no-repeat; width:16px; height:16px; margin:0px 0px 0px 10px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #perfil_cliente .bot_calendario{background:url(../images/html/icl_calendario.gif) 0px 0px no-repeat; font:1px/1px Arial, Helvetica, sans-serif; letter-spacing:-1px; border:none; cursor:pointer; width:15px; height:13px; margin:0px 5px;} #perfil_cliente .destacados{background: #FFFFCC; border: 1px solid #FFEFAD; font: 11px Arial, Helvetica, sans-serif; margin: 5px auto 10px auto; padding: 10px 15px 10px 15px; width:95%;} #perfil_cliente .destacados li{margin: 0px 0px 0px 15px; padding: 0px 0px 0px 3px;} /*Estilos ayudas*/ /*Ayudas grandes*/ #perfil_cliente .ayudas{width:480px; height:120px; margin:20px 0px 0px 0px; left:420px; position:absolute; z-index:999;} #perfil_cliente .ayudas .top{width:480px; height:20px; background:url(../images/html/ayudas_top.gif) 0px 0px no-repeat; padding:0px;} #perfil_cliente .ayudas .top p{font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:0px; padding:8px 0px 0px 0px;} #perfil_cliente .ayudas .top .cerrar{font:9px Arial, Helvetica, sans-serif; float:right; padding:0px; margin:7px 12px 0px 0px;} #perfil_cliente .ayudas .top .cerrar a:link{color:#00F; text-decoration:none;} #perfil_cliente .ayudas .top .cerrar a:visited{color:#00F; text-decoration:none;} #perfil_cliente .ayudas .top .cerrar a:hover{color:#00F; text-decoration:none;} #perfil_cliente .ayudas .top .cerrar a:active{color:#00F; text-decoration:none;} #perfil_cliente .ayudas .middle{width:480px; height:70px; background:url(../images/html/ayudas_middle.gif) 0px 0px repeat-y; padding:0px 15px 5px 15px;} #perfil_cliente .ayudas .bottom{width:480px; height:15px; background:url(../images/html/ayudas_bottom.gif) 0px 0px no-repeat; padding:0px;} #perfil_cliente .ayudas .ayuda_contenido{width:440px; height:85px; overflow:auto; text-align:left; margin:0px; padding:0px 10px 0px 0px;} #perfil_cliente .ayudas .ayuda_contenido h2{font:bold 11px Arial, Helvetica, sans-serif; clear:both; color:#333; margin:0px 0px 10px 0px; padding:0px;} #perfil_cliente .ayudas .ayuda_contenido p{font:11px/16px Arial, Helvetica, sans-serif; clear:both; color:#000; margin:0px 0px 10px 0px; padding:0px;} #perfil_cliente .ayudas .ayuda_contenido ul{font:11px/16px Arial, Helvetica, sans-serif; color:#000; clear:both; list-style-type:none; margin:0px; padding:10px 0px;} #perfil_cliente .ayudas .ayuda_contenido ul li{font:11px/16px Arial, Helvetica, sans-serif; color:#000; background:url(../images/html/bullet.gif) 0px 7px no-repeat; margin:0px; padding:0px 0px 0px 10px;} #perfil_cliente .ayudas .ayuda_contenido ol{font:11px/16px Arial, Helvetica, sans-serif; color:#000; clear:both;} #perfil_cliente .ayudas .ayuda_contenido ol li{font:11px/16px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .ayudas .ayuda_contenido table{border:1px solid #CCC; border-collapse:collapse; width:90%; margin:10px;} #perfil_cliente .ayudas .ayuda_contenido table th{text-align:center; padding:2px; background:#EFEFEF;} #perfil_cliente .ayudas .ayuda_contenido table td{border:1px solid #CCC; padding:2px; border-collapse:collapse; text-align:center;} /*Ayudas chicas*/ #perfil_cliente .ayudas_ch{width:250px; height:150px; margin:20px 0px 0px 0px; left:240px; position:absolute; z-index:999;} #perfil_cliente .ayudas_ch .top{width:250px; height:30px; background:url(../images/html/ayudas_top_ch.gif) 0px 0px no-repeat; padding:0px; display:table;} #perfil_cliente .ayudas_ch .top p{font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:0px; padding:8px 0px 0px 0px;} #perfil_cliente .ayudas_ch .top .cerrar{font:9px Arial, Helvetica, sans-serif; float:right; padding:0px; margin:2px 12px 0px 0px;} #perfil_cliente .ayudas_ch .top .cerrar a:link{color:#00F; text-decoration:none;} #perfil_cliente .ayudas_ch .top .cerrar a:visited{color:#00F; text-decoration:none;} #perfil_cliente .ayudas_ch .top .cerrar a:hover{color:#00F; text-decoration:none;} #perfil_cliente .ayudas_ch .top .cerrar a:active{color:#00F; text-decoration:none;} #perfil_cliente .ayudas_ch .middle{width:250px; height:100px; background:url(../images/html/ayudas_middle_ch.gif) 0px 0px repeat-y; padding:15px;} #perfil_cliente .ayudas_ch .bottom{width:250px; height:15px; background:url(../images/html/ayudas_bottom_ch.gif) 0px 0px no-repeat; padding:0px;} #perfil_cliente .ayudas_ch .ayuda_contenido{width:220px; height:110px; overflow:auto; text-align:left; margin:0px; padding:0px 10px 0px 0px;} #perfil_cliente .ayudas_ch .ayuda_contenido h2{font:bold 11px Arial, Helvetica, sans-serif; color:#333; margin:0px 0px 10px 0px; padding:0px;} #perfil_cliente .ayudas_ch .ayuda_contenido p{font:11px/16px Arial, Helvetica, sans-serif; color:#000; margin:0px 0px 10px 0px; padding:0px;} #perfil_cliente .ayudas_ch .ayuda_contenido ul{font:11px/16px Arial, Helvetica, sans-serif; color:#000; margin:0px;} #perfil_cliente .ayudas_ch .ayuda_contenido ul li{font:11px/16px Arial, Helvetica, sans-serif; color:#000;} #perfil_cliente .ayudas_ch .ayuda_contenido table{border:1px solid #CCC; border-collapse:collapse; width:90%; margin:10px;} #perfil_cliente .ayudas_ch .ayuda_contenido table th{text-align:center; padding:2px; background:#EFEFEF;} #perfil_cliente .ayudas_ch .ayuda_contenido table td{border:1px solid #CCC; padding:2px; border-collapse:collapse; text-align:center;} .enviar{text-align:center;} .enviar .bot_enviar{background:url(../images/botones/bot_enviar.jpg) center center no-repeat; width:65px; height:21px; font:bold 12px Arial, Helvetica, sans-serif; text-align:center;}