/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto Banco Nova */ /* Version 1.0 */ /* media: PRINT */ /* Fecha de creación 22/05/2008 */ /* REDEFINICION DE ELEMENTOS HTML */ body{margin:0px; padding:0px; font:11px Arial, Helvetica, sans-serif;} h1{} h2{} h3{} h4{} h5{} h6{} /*Estilos Lightbox*/ .lightbox{background: #000; position: absolute; top:0px; left:0px; height: 100%; z-index:1001; } /*TITULOS PAGINAS*/ #tit_paginas{font:bold 20px Arial, Helvetica, sans-serif; color:#333; margin:0px; padding: 0px 0px 5px 15px;} #titulo_no_menu{font:bold 20px Arial, Helvetica, sans-serif; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; } #subtitulo_no_menu {font:12px Arial, Helvetica, sans-serif; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; } #subtitulo_no_menu strong, #subtitulo_no_menu b{font:bold 12px Arial, Helvetica, sans-serif;} strong, b{} a:link{color:#00428B; cursor:pointer;} a:visited{color:#00428B; cursor:pointer;} a:focus{outline:0;} form{margin: 0px; padding: 0px;} label{} ul{} button{border:none; cursor:pointer; text-decoration:none; outline:0;} input{outline:0;} select{font:11px Arial, Helvetica, sans-serif;} /*Clases genéricas*/ .align_left{text-align:left;} .align_center{text-align:center;} .align_right{text-align:right;} .float_left{float:left; border: none;} .float_right{float:right; border: none;} .float_none{float:none; border: none;} /*Ayudas*/ .ayuda{background:url(../images/ayudas_bottom.gif) left bottom no-repeat; width:230px; padding:0px 0px 12px 0px; position:absolute; margin:-140px 0px 0px 100px; z-index:999;} .ayuda .ayuda_main{width:210px; height:120px; background:#FF9; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; padding:5px 10px;} .ayuda .ayuda_main .cerrar{text-align:right;} .ayuda .ayuda_main .ayuda_contenido{width:210px; height:100px; overflow:auto; color:#666;} .ayuda .ayuda_main .ayuda_contenido h4{text-align:left; padding:4px 0px 7px 0px; margin:0px; font:bold 11px Arial, Helvetica, sans-serif; color:#666;} .ayuda .ayuda_main .ayuda_contenido p{text-align:left; padding:4px 0px 7px 0px; font: 11px Arial, Helvetica, sans-serif; color:#666;} /*Estilos botones acciones*/ .bot_volver{font:13px/12px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_volver.jpg) center center no-repeat; width:86px; color:#7C7C7C; margin:5px; padding: 8px 0px 10px 28px; text-align:left; border:none; cursor:pointer;} .bot_volver_150px{font:13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_volver_150px.jpg) center center no-repeat; width:200px; height:31px; color:#7C7C7C; border:none; cursor:pointer; margin:10px 0px 20px 0px;} .bot_continuar_100px{font:bold 13px/12px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_continuar_100px.jpg) center center no-repeat; width:101px; padding: 8px 0px 10px 0px; color:#FFF; margin:5px; text-align:center; border:none; cursor:pointer;} .bot_continuar_120px{font:bold 13px/12px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_continuar_120px.jpg) center center no-repeat; width:121px; color:#FFF; margin:5px; padding:8px 28px 10px 0px; text-align:right; border:none; cursor:pointer;} .bot_continuar_160px{font:bold 13px/12px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_continuar_160px.jpg) center center no-repeat; width:163px; color:#FFF; margin:5px; padding:8px 28px 10px 0px; text-align:right; border:none; cursor:pointer; } .bot_continuar_160px{outline:none;} .bot_continuar_120px{font:bold 13px/12px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_continuar_120px.jpg) center center no-repeat; width:121px; height:31px; color:#FFF; margin:5px; padding:0px 28px 0px 0px; text-align:right; border:none; cursor:pointer;} .bot_acciones_120px{background:url(../images/botones/bot_acciones_120px.gif) center center no-repeat; width:121px; height:20px; padding:0px; margin:0px 0px 0px 7px; text-align:center; font:11px/18px Arial, Helvetica, sans-serif; color:#333; border:none; cursor:pointer;} .bot_acciones_85px{background:url(../images/botones/bot_acciones_85px.gif) center center no-repeat; width:84px; height:20px; padding:0px; margin:0px 0px 0px 7px; text-align:center; font:11px/18px Arial, Helvetica, sans-serif; color:#333; border:none; cursor:pointer;} .bot_acciones_150px{background:url(../images/botones/bot_acciones_150px.gif) center center no-repeat; width:150px; height:20px; padding:0px; margin:0px 0px 0px 7px; text-align:center; font:11px/18px Arial, Helvetica, sans-serif; color:#333; border:none; cursor:pointer;} .bot_tipo_100px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_100px.jpg) center center no-repeat; width:107px; height:31px; color:#FFF; border:none; cursor:pointer;} .bot_tipo_120px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_120px.jpg) center center no-repeat; width:127px; height:31px; color:#FFF; border:none; cursor:pointer;} .bot_tipo_160px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_160px.jpg) center center no-repeat; width:167px; padding: 8px 0px 10px 0px; color:#FFF; border:none; cursor:pointer;} .bot_tipo_200px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_tipo_200px.gif) center center no-repeat; width:200px; height:31px; color:#FFF; border:none; cursor:pointer; margin:10px 0px 20px 0px;} .bot_tipo_220px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_tipo_220px.gif) center center no-repeat; width:220px; height:31px; color:#FFF; border:none; cursor:pointer; margin:10px 0px 20px 0px;} .bot_tipo_240px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_tipo_240px.gif) center center no-repeat; width:240px; padding: 8px 0px 10px 0px; color:#FFF; border:none; cursor:pointer; margin:20px 0px 20px 0px;} .bot_tipo_260px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_tipo_260px.gif) center center no-repeat; width:260px; padding: 8px 0px 10px 0px; color:#FFF; border:none; cursor:pointer; margin:20px 0px 20px 0px;} .bot_tipo_280px{font:bold 13px Arial, Helvetica, sans-serif; background:url(../images/botones/bot_tipo_280px.gif) center center no-repeat; width:280px; padding: 8px 0px 10px 0px; color:#FFF; border:none; cursor:pointer; margin:20px 0px 20px 0px;} /*HEADER*/ #header{width:100%; margin: 0px 0px 5px 0px;} #header #logo_nova{width:260px; margin: 0px; padding: 0px;} #header #logo_nova img{border: none; margin: 8px 0px 0px 0px; padding: 0px;} #header h1{width:260px; height: 56px; margin: 0px; padding: 0px; font: bold 14px Arial, Helvetica, sans-serif; text-align:left; color: #000;} #header ul{display: none; visibility: hidden;} #header p{display: none; visibility: hidden;} #header ol{display: none; visibility: hidden;} /*PORTADA BANCO NOVA*/ #home{width: 100%; clear: both; padding: 9px 0px 0px 0px; margin: 0px;} /*PORTADA LEFT*/ #home #left{width: 274px; float: left; padding: 0px 0px 10px 0px;} /*Estilos acceso de clientes*/ #home #left #form_registro{ color:#333; font:11px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 10px 0px;} #home #left #form_registro h1{font:bold 14px/14px Arial, Helvetica, sans-serif; height:17px; margin:0px; padding:10px 15px; letter-spacing:0px;} #home #left #form_registro p{font:11px/14px Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:1px 0px 1px 18px;} #home #left #form_registro input{width:145px; height:16px; background:#FFF; margin:0px 0px 0px 18px; border:1px solid #C19B00; font:12px Arial, Helvetica, sans-serif;} #home #left #form_registro button{display: none; visibility: hidden;} #home #left #form_registro h2{display: none; visibility: hidden;} /*Banner Hiperguardian*/ #home #left #banner_hiperguardian{display: none; visibility: hidden;} /*Destacado como obtener clave*/ #home #left #obtener_clave{width:242px; margin:0px auto; padding:0px 0px 6px 0px; background:#FFF; border:1px solid #E5E5E5;} #home #left #obtener_clave h1{width:200px; height:20px; margin: 0px; padding: 10px 0px 0px 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #000;} #home #left #obtener_clave h2{height:15px; margin:3px 0px 0px 10px; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; color: #000;} #home #left #obtener_clave ul{margin:10px 20px; padding:0px; font:11px/18px Arial, Helvetica, sans-serif; list-style-type:none;} #home #left #obtener_clave p{margin:0px; padding:0px 0px 10px 26px; font:11px/18px Arial, Helvetica, sans-serif;} #home #left #obtener_clave ul li{padding:1px 0px 1px 15px; margin:0px; font:11px/14px Arial, Helvetica, sans-serif;} #home #left #obtener_clave button{display: none; visibility: hidden;} /*Banner asistencia Nova*/ #home #left #asistencia_nova{width:242px; height:33px; padding:0px; margin:8px auto 0px auto; text-align:center; font:12px/15px Arial, Helvetica, sans-serif; background:#FFF0B3; border:1px solid #E0B401;} #home #left #asistencia_nova a:link{width:242px; height:13px; padding:10px 0px; display:block; color:#000; text-decoration:none;} #home #left #asistencia_nova a:visited{width:242px; height:13px; padding:10px 0px; display:block; color:#000; text-decoration:none;} /*PORTADA RIGHT*/ #home #right{padding: 0px 0px 8px 0px; float: left;} /*PORTADA RIGHT: banner principal*/ #home #right #banner_principal{margin:0px 0px 0px 10px; padding: 0px; clear: both;} #home #right #banner_principal img{border:none; width: 100%;} /*PORTADA RIGHT: banner secundario y asesora*/ #home #right #banner_secundario_asesora{clear: both; margin: 0px; padding: 7px 0px 0px 0px; float: left;} #home #right #banner_secundario_asesora #banner_secundario{margin: 0px; padding: 0px 0px 0px 10px; width: 300px; float: left;} #home #right #banner_secundario_asesora #banner_secundario img{border:none; width: 300px;} #home #right #banner_secundario_asesora #asesora{float: right; height: 226px; margin: 0px; border:1px solid #E5E5E5; font:12px Arial, Helvetica, sans-serif;} #home #right #banner_secundario_asesora #asesora h1{color:#333; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 12px; margin:0px;} #home #right #banner_secundario_asesora #asesora ul{margin:0px; padding:30px 10px 0px 10px; font:12px Arial, Helvetica, sans-serif; list-style-type:none;} #home #right #banner_secundario_asesora #asesora ul li{padding:2px 0px 4px 8px; margin:0px;} #home #right #banner_secundario_asesora #asesora ul li a:link{color:#00428B; padding:0px 2px;} #home #right #banner_secundario_asesora #asesora ul li a:visited{color:#00428B; padding:0px 2px;} /*INTERNAS*/ #internas{width: 100%; padding: 9px 0px 3px 0px; margin: 0px;} /*INTERNAS: CONTENIDOS CON MENU Y BORDE*/ #internas #cont_2columnas{width: 75%; float: left; border: 1px solid #EBEBEB;} /*INTERNAS: CONTENIDOS SIN MENU LATERAL, EJEM: FORMULARIO CONTACTO, PORTADA DE SEGUROS*/ #internas #cont_no_menu{font:11px Arial, Helvetica, sans-serif; color:#666; padding: 0px; margin:0px; width: 80%; float: left;} #internas #cont_no_menu h2{margin:0px; padding:0px 0px 0px 10px; color:#000; font: bold 12px Arial, Helvetica, sans-serif; } #internas #cont_no_menu h3{font:bold 12px Arial, Helvetica, sans-serif; margin:10px 0px 0px 3px; padding:0px 0px 2px 0px; color:#000;} #internas #cont_no_menu h4{font:9px Arial, Helvetica, sans-serif; color:#999; text-align:left; float:left; clear:both; padding:10px 0px 10px 10px;} /*INTERNAS: DATOS INFORMACION*/ #internas #internas_datos_informacion{width: 100%; float: left;} #internas #internas_datos_informacion #datos_informacion{padding:10px 0px 5px 0px; margin:0px; float: left; width: 100%;} #internas #internas_datos_informacion #datos_informacion h1{font:bold 20px Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:5px 0px;} /*MENU INTERNAS*/ #internas #menu_internas{display: none; visibility: hidden;} /*INTERNAS: ASESORA, POSICIONADA A LA DERECHA DEL CONTENIDO*/ #internas #internas_asesora{float: left; width: 20%; margin: 0px; padding: 0px;} /*Cuadro resumen simulacion*/ #internas .resumen_simulacion{display: none; visibility: hidden;} /*Login internas*/ #internas #internas_asesora .login_internas{display: none; visibility: hidden;} /*FORMULARIOS*/ #internas #fila_medio{width: 100%; display: table-cell; padding: 0px 0px 10px 0px;} #internas #fila_medio #cont_formularios{padding: 0px; margin:0px; float: left; width: 60%; border: none;} #internas #fila_medio #asesora_cuentas{width: 20%; float: left; margin: 30px 0px 0px 0px; padding: 70px 0px 0px 0px;} #internas #fila_medio td{vertical-align: top;} #internas #fila_medio h2{font:bold 13px Arial, Helvetica, sans-serif; color:#000; padding: 37px 0px 0px 33px; margin:0px;} #internas #fila_medio #indicador_pasos{display: none; visibility: hidden;} #internas #fila_medio #pasos_apertura_cuenta{display: none; visibility: hidden;} /*Estilos formularios apertura*/ #internas #fila_medio #form_apertura{border:1px solid #E8E8E8; margin:8px 0px 22px 33px; padding:0px 0px 16px 0px;} #internas #fila_medio #form_apertura form{margin:0px; padding:0px;} #internas #fila_medio #form_apertura form h2{font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding: 0px 25px 0px 25px;} #internas #fila_medio #form_apertura form p strong{color:#000;} #internas #fila_medio #form_apertura fieldset{border:1px solid #E8E8E8; margin:20px;} #internas #fila_medio #form_apertura fieldset legend{font:bold 11px Arial, Helvetica, sans-serif; color:#333; background:#FFF; padding:0px 2px;} #internas #fila_medio #form_apertura fieldset p{width:90%; clear: both; margin: 0px auto; font:11px Arial, Helvetica, sans-serif; color:#78797A; padding: 2px 25px 6px 25px; height: 20px;} #internas #fila_medio #form_apertura fieldset label{cursor:pointer; display: block; float: left; width: 150px; text-align: right; padding: 4px 3px 0px 0px; margin: 0px;} #internas #fila_medio #form_apertura fieldset input{background:url(../images/estructura/fon_input_formularios.jpg) 0px 0px repeat-x; border:1px solid #D4D4D4; margin: 0px 2px 0px 0px; height:16px; font:10px Arial, Helvetica, sans-serif; float: left;} #internas #fila_medio #form_apertura fieldset .input_noborde{background: none; border: none; float: none;} #internas #fila_medio #form_apertura fieldset select{font:11px Arial, Helvetica, sans-serif;} #internas #fila_medio #form_apertura fieldset strong, #internas #fila_medio #form_apertura fieldset b{color:#F9B411; font:11px Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px;} #internas #fila_medio #form_apertura fieldset small{color:#F9B411; font:11px Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px;} #internas #fila_medio #form_apertura .alertas{background:#FF9; border:1px solid #D6D6D6; margin:20px; padding:10px; font:11px Arial, Helvetica, sans-serif;} #internas #fila_medio #form_apertura .alertas h2{font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding: 0px;} #internas #fila_medio #form_apertura .alertas a{padding:0px 15px 0px 10px;} /*Estilos seleccion de plan*/ #internas #fila_medio #seleccion_plan{margin:20px;} #internas #fila_medio #seleccion_plan .indicador_plan{font:11px Arial, Helvetica, sans-serif; color:#7C7C7C; margin:0px 0px 0px 0px; padding:5px 0px 10px 0px;} #internas #fila_medio #seleccion_plan .indicador_plan strong{background:url(../images/estructura/indicador_plan_cuenta.gif) center right no-repeat; padding:0px 18px 0px 0px; font:normal 11px Arial, Helvetica, sans-serif; color:#7C7C7C;} /*Estilos menu seleccion de plan*/ #internas #fila_medio #seleccion_plan .menu_planes{margin:0px; padding:0px 15px; list-style-type:none; border-bottom:1px solid #E5E5E5; height:45px;} #internas #fila_medio #seleccion_plan .menu_planes li{background:url(../images/estructura/bullet_menu_planes.gif) center top no-repeat; text-align:center; float:left; margin:0px 10px 0px 0px; padding:0px;} #internas #fila_medio #seleccion_plan .menu_planes li a:link{background:url(../images/estructura/bullet_menu_planes.gif) center top no-repeat; padding:20px 25px 10px 25px; display:block; color:#78797A; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes li a:visited{background:url(../images/estructura/bullet_menu_planes.gif) center top no-repeat; padding:20px 25px 10px 25px; display:block; color:#78797A; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes li a:hover{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes li a:active{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} /*Estilos menu seleccion de plan boton activo*/ #internas #fila_medio #seleccion_plan .menu_planes .activo{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; text-align:center; float:left; margin:0px 10px 0px 0px;} #internas #fila_medio #seleccion_plan .menu_planes .activo a:link{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes .activo a:visited{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes .activo a:hover{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} #internas #fila_medio #seleccion_plan .menu_planes .activo a:active{background:url(../images/estructura/bullet_menu_planes_over.gif) center top no-repeat #FCF3C2; padding:20px 25px 10px 25px; display:block; color:#000; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;} /*Estilos tablas datos*/ #internas #fila_medio #form_apertura dl{border:1px solid #E8E8E8; border-collapse:collapse; margin:0px 0px 10px 0px; width:100%;} #internas #fila_medio #form_apertura dt{padding:5px; width:180px; text-align:right; color:#858687; font:11px Arial, Helvetica, sans-serif; float: left; margin: 0px;} #internas #fila_medio #form_apertura dd{padding:5px; color:#000; font:bold 11px Arial, Helvetica, sans-serif; display: block; margin: 0px;} #internas #fila_medio #form_apertura dd small {color:#999; font:9px Arial, Helvetica, sans-serif; margin:0px; padding:0px;} #internas #fila_medio #form_apertura dd strong span{color:#F90;} #internas #fila_medio #form_apertura .datos_color{ background:#F2F2F2;} /*Estilos comprobante formulario*/ #internas #fila_medio #comprobante_apertura{width:735px; padding:15px; float: left;} #internas #fila_medio #comprobante_apertura h2{font: 18px Arial, Helvetica, sans-serif; margin:0px; padding:0px; float:left;} #internas #fila_medio #comprobante_apertura #menu_acciones{display: none; visibility: hidden;} #internas #fila_medio #comprobante_apertura #detalle_comprobante{background: url(../images/estructura/timbre_nova.jpg) 600px 20px no-repeat #FFF; border:1px solid #E5E5E5; clear:both; padding:10px 0px; display:table; width:740px; font:11px Arial, Helvetica, sans-serif;} #internas #fila_medio #comprobante_apertura #detalle_comprobante p{margin:0px; padding:10px 180px 10px 25px;} #internas #fila_medio #comprobante_apertura #detalle_comprobante p a:link{color:#000; font:bold 11px Arial, Helvetica, sans-serif; padding:0px 2px; text-decoration:none;} #internas #fila_medio #comprobante_apertura #detalle_comprobante p a:visited{color:#000; font:bold 11px Arial, Helvetica, sans-serif; padding:0px 2px; text-decoration:none;} #internas #fila_medio #comprobante_apertura #detalle_comprobante p a:hover{color:#000; font:bold 11px Arial, Helvetica, sans-serif; padding:0px 2px; background:#F0F0F0; text-decoration:none;} #internas #fila_medio #comprobante_apertura #detalle_comprobante p a:active{color:#000; font:bold 11px Arial, Helvetica, sans-serif; padding:0px 2px; background:#F0F0F0; text-decoration:none;} #internas #fila_medio #comprobante_apertura #detalle_comprobante h2{font: normal 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px 25px;} #internas #fila_medio #comprobante_apertura #detalle_comprobante dl{width: 90%; border:1px solid #E8E8E8; clear:both; margin:10px 25px;} #internas #fila_medio #comprobante_apertura #detalle_comprobante dl dt{padding:10px; float: left; text-align:right; width:30%; font:normal 11px Arial, Helvetica, sans-serif; color:#858687;} #internas #fila_medio #comprobante_apertura #detalle_comprobante dl dd{padding:10px; font: bold 11px Arial, Helvetica, sans-serif; color:#000;} #internas #fila_medio #comprobante_apertura #detalle_comprobante dl .datos_color{background:#F2F2F2;} #internas #fila_medio #comprobante_apertura #mensaje_informacion{margin:10px 5px; padding:0px;} #internas #fila_medio #comprobante_apertura #mensaje_informacion h3{font:bold 13px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 2px 0px;} #internas #fila_medio #comprobante_apertura #mensaje_informacion p{font:11px Arial, Helvetica, sans-serif; margin:0px; padding:2px 0px 10px 0px;} /*Estilos descripcion planes*/ #internas #fila_medio .descripcion_plan{background:#FCF3C2; border-top:1px solid #FCF3C2; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; margin:0px 0px 10px 0px; padding:20px 25px; clear:both;} #internas #fila_medio .descripcion_plan h2{font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 0px;} #internas #fila_medio .descripcion_plan ul{margin:0px; padding:10px 0px; list-style-type:none; color:#666;} #internas #fila_medio .descripcion_plan ul li{background:url(../images/estructura/bullet_descripcion_plan.gif) 0px 9px no-repeat; padding:4px 0px 4px 10px;} #internas #fila_medio .descripcion_plan ul li ul{margin:0px; padding:5px 0px 0px 20px;} #internas #fila_medio .descripcion_plan ul li ul li{background:url(../images/estructura/bullet_info_internas.gif) 0px 3px no-repeat; padding:0px 0px 0px 15px;} #internas #fila_medio .descripcion_plan .mensaje{background:#FFF; padding:8px; margin:10px 0px; font:11px/18px Arial, Helvetica, sans-serif;} #internas #fila_medio .descripcion_plan .mensaje p{margin:0px; padding:4px;} /*ESTILOS PORTADAS TARJETAS*/ #internas #fila_medio #cont_portadas_tarjetas{padding: 10px 20px; margin: 15px 0px 0px 11px; float: left; width: 518px; background:#FFF; border:1px solid #E8E8E8;} #internas #fila_medio #cont_portadas_tarjetas h1{font:bold 20px Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:5px 0px;} #internas #fila_medio #cont_portadas_tarjetas h2{margin:0px; padding:0px; color:#858585; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;} #internas #fila_medio #cont_portadas_tarjetas h3{font:bold 12px Arial, Helvetica, sans-serif; margin:10px 0px 0px 3px; padding:0px 0px 2px 0px; color:#000;} #internas #fila_medio #cont_portadas_tarjetas p{font:11px Arial, Helvetica, sans-serif; color:#666;} #internas #fila_medio #cont_portadas_tarjetas ul{margin:0px; padding:10px 0px; list-style-type:none; font: 12px Arial, Helvetica, sans-serif; color:#000;} #internas #fila_medio #cont_portadas_tarjetas ul li{background:url(../images/estructura/bullet_contenido_internas.gif) 0px 7px no-repeat; padding:2px 0px 2px 10px;} #internas #fila_medio #cont_portadas_tarjetas ul li span{font:normal 12px Arial, Helvetica, sans-serif; color:#666;} #internas #fila_medio #sub_productos{border: 1px solid #E8E8E8; display:table; width:509px; padding:10px 0px; margin:0px 0px 5px 8px;} #internas #fila_medio #sub_productos p{font:bold 12px Arial, Helvetica, sans-serif; color:#9FA0A2; width:190px; float:left; padding:0px 35px 0px 12px; margin:0px;} #internas #fila_medio #sub_productos div{float:left; width:110px; padding:0px; margin:0px 0px 0px 10px; text-align:center;} #internas #fila_medio #sub_productos div img{margin:0px auto;} #internas #fila_medio #sub_productos div a{font:11px Arial, Helvetica, sans-serif; background:url(../images/estructura/bullet_contenido_internas.gif) 0px 5px no-repeat; padding:0px 0px 0px 10px;} /*PORTADA SECCION COLUMNAS*/ #internas #portada_seccion_columnas{background:#FFF4CA; margin:0px; padding:0px 0px 10px 0px; border: 1px solid #E5E5E5; height: auto !important; height: 50px; min-height: 50px; display: table; width: 100%;} #internas #portada_seccion_columnas .producto_portada{height:365px; cursor: pointer; width:28%; border:1px solid #E5E5E5; text-align:center; background:#FFF; margin:10px 5px 10px 5px; padding:0px; float: left;} #internas #portada_seccion_columnas .producto_portada h1{font:bold 12px Arial, Helvetica, sans-serif; background:url(../images/estructura/fon_tit_asesora.jpg) repeat-x; height:29px;text-align:center; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;} #internas #portada_seccion_columnas .producto_portada a:link, #internas #portada_seccion_columnas .producto_portada a:visited{color:#000; text-decoration:none;} #internas #portada_seccion_columnas .producto_portada a:hover, #internas #portada_seccion_columnas .producto_portada a:active{color:#000; text-decoration:none;} #internas #portada_seccion_columnas .producto_portada h2{font:bold 13px Arial, Helvetica, sans-serif; padding:0px 0px 0px 15px; margin:0px; text-align:left;} #internas #portada_seccion_columnas .producto_portada img{margin:0px auto; border:none;} #internas #portada_seccion_columnas .producto_portada a:link img{border:1px solid #FFF;} #internas #portada_seccion_columnas .producto_portada a:visited img{border:1px solid #FFF;} #internas #portada_seccion_columnas .producto_portada a:hover img{border:1px solid #EBEBEB;} #internas #portada_seccion_columnas .producto_portada a:active img{border:1px solid #EBEBEB;} #internas #portada_seccion_columnas .producto_portada ul{margin:0px; padding:5px 10px 10px 10px; list-style-type:none;} #internas #portada_seccion_columnas .producto_portada li{font:11px Arial, Helvetica, sans-serif; text-align:left; background:url(../images/estructura/bullet_contenido_internas.gif) 0px 5px no-repeat; color:#666; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px;} #internas #portada_seccion_columnas .producto_portada p{font:11px Arial, Helvetica, sans-serif; margin:0px; padding:5px 0px 5px 20px; text-align:left;} #internas #portada_seccion_columnas .producto_portada p a:link{color:#00428B; text-decoration:underline;} #internas #portada_seccion_columnas .producto_portada p a:visited{color:#00428B; text-decoration:underline;} #internas #portada_seccion_columnas .producto_portada p a:hover{color:#033E69; text-decoration:underline;} #internas #portada_seccion_columnas .producto_portada p a:active{color:#033E69; text-decoration:underline;} #internas #portada_seccion_columnas .producto_portada_separador{font:bold 50px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#008020; float:left; width:40px; height:40px; margin:150px 7px 0px 0px; padding:0px;} #internas #portada_seccion_columnas #footer_apertura{display: none; visibility: hidden;} /*ASESORA CUENTAS*/ #internas #asesora_cuentas{padding: 70px 0px 0px 0px; width: 100%;} #internas #asesora_cuentas #tips_asesora{border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:#FFF; padding:1px; left:-1px; position:relative; margin: 0px 4px 0px 0px;} #internas #asesora_cuentas #tips_asesora h1{font:bold 12px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:5px 8px; text-align:center;} #internas #asesora_cuentas #tips_asesora h2{font:bold 11px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:5px 8px; text-align:left;} #internas #asesora_cuentas #tips_asesora ul{background:#FC0; margin:0px; padding:0px; list-style-type:none; padding:12px; } #internas #asesora_cuentas #tips_asesora ul li{margin:0px; padding:0px; padding:3px 0px 3px 18px; color:#665200;} #internas #asesora_cuentas #tips_asesora ul li strong{color:#665200;} #internas #asesora_cuentas #tips_asesora ul a:link{color:#665200;} #internas #asesora_cuentas #tips_asesora ul a:visited{color:#665200;} /*COLUMNA DE INFORMACION*/ #internas #col_informacion{width:180px; background:#B9E1FF; padding:0px 0px 90px 0px; margin:0px; float: right;} #internas #col_informacion h1{background:url(../images/estructura/font_tit_info_cuenta.jpg) left bottom repeat-x #B7E0FF; padding:5px 20px; margin:0px; color:#015089; font:bold 12px Arial, Helvetica, sans-serif;} #internas #col_informacion h2{padding:10px 0px 0px 10px; margin:0px; color:#5C707F; font:bold 13px Arial, Helvetica, sans-serif;} #internas #col_informacion ul {margin:0px; padding:10px 10px 0px 15px;} #internas #col_informacion ul li{padding:0px 0px 0px 10px; margin:0px; color:#5C707F; font:11px/18px Arial, Helvetica, sans-serif; list-style:none;} #internas #col_informacion p{padding:7px 20px; margin:0px; color:#5C707F; font:11px/18px Arial, Helvetica, sans-serif;} #internas #col_informacion .link_listado{display: none; visibility: hidden;} /*INTERNAS: CONTENIDOS 3 COLUMNAS*/ #internas #internas_contenido{padding:10px 0px 5px 20px; margin:0px; float: left; width: 92%;} #internas #internas_contenido h1{font:bold 20px Arial, Helvetica, sans-serif; color:#333; margin:0px; padding:5px 0px;} #internas #internas_contenido h2{margin:0px; padding:0px; color:#858585; font: bold 14px Arial, Helvetica, sans-serif; } #internas #internas_contenido h3{font:bold 12px Arial, Helvetica, sans-serif; margin:10px 0px 0px 3px; padding:0px 0px 2px 0px; color:#000;} #internas #internas_contenido p{font:11px Arial, Helvetica, sans-serif; color:#666;} #internas #internas_contenido ul{margin:0px; padding:10px 0px; list-style-type:none; font: 12px Arial, Helvetica, sans-serif; color:#000;} #internas #internas_contenido ul li{background:url(../images/estructura/bullet_contenido_internas.gif) 0px 7px no-repeat; padding:2px 0px 2px 10px;} #internas #internas_contenido ul li span{font:normal 12px Arial, Helvetica, sans-serif; color:#666;} /*CUADROS DE INFORMACION: CONTENIDOS EN COLUMNAS*/ #internas #internas_info{padding: 5px 0px 10px 0px; clear: both; margin: 0px 0px 0px 10px; width: 98%;} #internas #internas_info h2{font:bold 14px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding: 5px 0px 0px 0px; clear: both;} #internas #internas_info .cuadros_info{border:1px solid #CCC; margin:0px 0px 10px 0px; display: table-cell; width: 100%; height: auto !important; height: 30px; min-height: 30px;} #internas #internas_info .cuadros_info .columnas{float: left; width: 45%; margin: 0px; padding: 0px 5px 0px 0px;} #internas #internas_info .cuadros_info p{margin:0px; padding:12px 10px 12px 12px; color:#000; font:11px Arial, Helvetica, sans-serif;} #internas #internas_info .cuadros_info ul{list-style-type:none; margin:0px; padding:12px 10px 12px 12px; color:#000; font:11px Arial, Helvetica, sans-serif;} #internas #internas_info .cuadros_info ul li{padding:0px 0px 4px 4px;} #internas #internas_info .cuadros_info ul li ul{list-style-type:none; margin:0px; padding:0px 5px 0px 5px; color:#666; font:11px Arial, Helvetica, sans-serif;} #internas #internas_info .cuadros_info ul li ul li{background:url(../images/estructura/bullet_internas_sublistas.gif) 0px 6px no-repeat; padding:0px 0px 4px 4px;} /*INFO DETALLE*/ #internas .cuadro_info_detalle{background:#FCF3C2; width:510px; border:1px solid #E5E5E5; margin:0px 0px 0px 8px; padding:0px 0px 15px 0px; clear: both;} #internas .cuadro_info_detalle h3{font:bold 12px Arial, Helvetica, sans-serif; color:#000; background:url(../images/estructura/fon_tit_asesora.jpg) 0px 0px repeat-x; height: 23px; padding-top: 10px !important; padding-left: 24px !important; margin:0px !important; } #internas .cuadro_info_detalle p{ text-align:right; padding:0px 15px; margin:0px;} #internas .cuadro_info_detalle dl{margin:0px; padding:0px 10px 0px 20px;} #internas .cuadro_info_detalle dt{font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 3px 5px;} #internas .cuadro_info_detalle dt a:link{color:#000; text-decoration:none;} #internas .cuadro_info_detalle dt a:visited{color:#000; text-decoration:none;} #internas .cuadro_info_detalle dt a:hover{color:#000; text-decoration:none;} #internas .cuadro_info_detalle dt a:active{color:#000; text-decoration:none;} #internas .cuadro_info_detalle dd{font:11px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 5px; color:#666;} #internas .cuadro_info_detalle .info_detalle_destacado{padding:0px 10px 10px 10px; margin:0px; } #internas .cuadro_info_detalle .info_detalle_destacado dl{padding:0px 10px 10px 10px;} #internas .cuadro_info_detalle .info_detalle_destacado img{border:1px solid #E5E5E5; float:left; padding:0px; margin:0px 10px 10px 10px; } /*FORMULARIO DE CONTACTO*/ #internas #form_contacto{border:1px solid #E8E8E8; margin: 0px; padding: 0px 10px;} #internas #form_contacto form{margin:0px; padding:0px;} #internas #form_contacto form h2{font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px 25px 0px 25px;} #internas #form_contacto form p{font:11px Arial, Helvetica, sans-serif; margin:0px; padding:5px 25px 10px 25px;} #internas #form_contacto form p strong{color:#000;} #internas #form_contacto fieldset{border:1px solid #E8E8E8; margin:20px; padding: 10px; background:#FFF;} #internas #form_contacto fieldset legend{font:bold 11px Arial, Helvetica, sans-serif; color:#333; background:#FFF; padding:0px 2px;} #internas #form_contacto fieldset p{margin:0px; font:10px Arial, Helvetica, sans-serif; color:#000; padding: 0px 2px; width: 90%; clear: both; min-height: 28px;} #internas #form_contacto fieldset p label{text-align:right; float: left; cursor:pointer; display: block; font:11px Arial, Helvetica, sans-serif; color:#78797A; padding:3px 10px 3px 2px; width: 190px;} #internas #form_contacto fieldset p label span{padding:3px 5px 0px 0px; float:left;} #internas #form_contacto fieldset p input{background:url(../images/estructura/fon_input_formularios.jpg) 0px 0px repeat-x; width: 223px; border:1px solid #D4D4D4; height:16px; font:10px Arial, Helvetica, sans-serif;} #internas #form_contacto fieldset p textarea{background: #EBEBEB; border:1px solid #D4D4D4; height:98px; width:223px; margin:0px; padding:0px; font:10px Arial, Helvetica, sans-serif;} #internas #form_contacto fieldset p select{font:11px Arial, Helvetica, sans-serif; width: 223px;} #internas #form_contacto fieldset p small{color:#F9B411; font:11px Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px;} #internas #form_contacto .alertas{background:#FF9; border:1px solid #D6D6D6; margin:20px; padding:10px; font:11px Arial, Helvetica, sans-serif;} #internas #form_contacto .alertas a{background:url(../images/estructura/bullet_contenido_internas.gif) 0px 7px no-repeat; padding:0px 15px 0px 10px;} /*RESPUESTA CONTACTO*/ #internas .respuesta_contacto_cont{border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:10px; margin: 10px; background:#f5f5f5;} #internas .respuesta_contacto{border:1px solid #E5E5E5; background:url(../images/fotos_banners/contacto_foto_conceptual.jpg) bottom left no-repeat #fff; height: 278px; margin:10px; padding:0px 10px 0px 10px;} #internas .respuesta_contacto h3{float:right; margin:0px 0px 0px 0px; font:bold 20px Arial, Helvetica, sans-serif; padding:0px;} #internas .respuesta_contacto h4{margin:0px 0px 0px 347px; padding:0px; font:bold 13px Arial, Helvetica, sans-serif;} #internas .respuesta_contacto p{float:right; width:340px; margin:30px 0px 0px 0px; padding:0px; font:13px Arial, Helvetica, sans-serif;} #internas .respuesta_contacto ul li{background:url(../images/bullet_contenido_internas.gif) 0px 5px no-repeat; list-style:none; font:12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px;} #internas .respuesta_contacto .ul_uno{float:right; width:210px; margin:0px; padding:10px 0px 0px 10px;} #internas .respuesta_contacto .ul_dos{float:right; margin:0px; padding:10px 0px 0px 0px;} #internas .respuesta_contacto a{float:right; clear:both; font:12px Arial, Helvetica, sans-serif; margin:10px 0px 10px 0px; padding:0px;} /*Estilos simulador con pasos*/ #internas #simulador_pasos{margin: 10px 0px 0px 0px; padding: 0px; width: 100%} #internas #simulador_pasos .pasos_simulacion{height:30px; margin:0px; padding:0px; font:11px Arial, Helvetica, sans-serif; border-bottom:1px solid #E5E5E5;} #internas #simulador_pasos .pasos_simulacion li{float:left; height:22px; padding:7px 5px 0px 15px; display:block; margin:0px; font:11px Arial, Helvetica, sans-serif; color:#78797A; background:url(../images/estructura/bullet_tab_internas.gif) 5px 10px no-repeat;} #internas #simulador_pasos .pasos_simulacion .activo{font:bold 11px Arial, Helvetica, sans-serif; padding:7px 10px 0px 15px; color:#000; background:url(../images/estructura/bullet_tab_internas_over.gif) 5px 10px no-repeat #F5F5F5; border-left:1px solid #E5E5E5; border-top:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #F5F5F5;} #internas #simulador_pasos .detalle_simulacion{border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; width: 100%;} #internas #simulador_pasos .detalle_simulacion h2{font:bold 12px Arial, Helvetica, sans-serif; color:#000; padding:7px 25px; margin:0px;} #internas #simulador_pasos .detalle_simulacion .informacion{padding:10px 10px; color:#666; margin:4px;} #internas #simulador_pasos .detalle_simulacion .informacion h3{font:11px Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #CCC; padding:3px 0px; margin:0px 0px 7px 0px;} #internas #simulador_pasos .detalle_simulacion .informacion ul{margin:0px; padding:5px 0px 8px 0px; list-style-type:none;} #internas #simulador_pasos .detalle_simulacion .informacion ul li{font:11px Arial, Helvetica, sans-serif; color:#666;} #internas #simulador_pasos .detalle_simulacion .informacion p{font:11px Arial, Helvetica, sans-serif; color:#000; margin:0px; padding:0px 0px 3px 0px;} #internas #simulador_pasos .detalle_simulacion .informacion p.align_center{padding:10px 0px 3px 0px;} #internas #simulador_pasos .detalle_simulacion .informacion p label{cursor:pointer; margin:5px 0px 0px 0px;} #internas #simulador_pasos .detalle_simulacion .informacion .bot_ayuda{padding:0px; margin:0px 5px 3px 3px; background:url(../images/estructura/ic_ayuda.gif) center center no-repeat; width:10px; height:10px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color: #000;} #internas #simulador_pasos .detalle_simulacion .informacion .destacado{background:#FFFFC2;} #internas #simulador_pasos .detalle_simulacion .informacion h2{font:normal 11px Arial, Helvetica, sans-serif; padding:2px 0px 10px 125px; margin:0px;} #internas #simulador_pasos .detalle_simulacion .informacion h2 select{font:11px Arial, Helvetica, sans-serif; padding:0px; margin:4px 0px 0px 5px;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos{width:488px; margin:7px auto; border:1px solid #E8E8E8; border-collapse:collapse;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos th{background:#F2F2F2; vertical-align:top; border:1px solid #E8E8E8; width:auto; border-collapse:collapse; color:#78797A; font:11px Arial, Helvetica, sans-serif; padding:5px 3px; text-align:left;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos th.align_center{text-align:center;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos th.align_right{text-align:right;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos strong{color:#000;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos td{background:#FFF; vertical-align:top; border:1px solid #E8E8E8; border-collapse:collapse; color:#78797A; font:11px Arial, Helvetica, sans-serif; padding:5px 3px;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos td.destacado{background:#FFFFC2;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos input{border:1px solid #D4D4D4; background:url(../images/estructura/fon_input_formularios.jpg) 0px 0px repeat-x; height:16px; font:10px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .detalle_simulacion .informacion .indicadores{padding:5px; font:11px Arial, Helvetica, sans-serif; color:#78797A;} #internas #simulador_pasos .detalle_simulacion .informacion .tabla_datos small{color:#F9B411; font:11px Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px;} #internas #simulador_pasos .detalle_simulacion .informacion .gracias_form{padding:20px; text-align:left;} #internas #simulador_pasos .detalle_simulacion .informacion .gracias_form p{margin:0px; padding:10px 0px;} /*Estilos light box detalle simulacion*/ #internas #simulador_pasos .detalle_resumen{width:100%; margin:20px 0px; background:#FFF; border:2px solid #666; display:none; position:absolute; cursor:move; padding:0px; font: 11px Arial, Helvetica, sans-serif; color: #333; z-index:1002;} #internas #simulador_pasos .detalle_resumen h1{background:url(../images/estructura/lightbot_fon_tit.jpg) left bottom repeat-x #F2F2F2; padding:7px 10px 13px 10px; font:bold 12px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .detalle_resumen h1 strong{background:url(../images/estructura/bullet_contenido_internas.gif) 0px 5px no-repeat; padding:0px 0px 0px 12px; width:500px;} #internas #simulador_pasos .detalle_resumen h1 button{background:url(../images/botones/bot_cerrar.gif) center center no-repeat; border:none; cursor:pointer; width:60px; height:22px; font:11px/12px Arial, Helvetica, sans-serif; padding:0px 10px 0px 0px; float:right; color:#FFF;} #internas #simulador_pasos .detalle_resumen .content{padding:5px 20px 15px 20px;} #internas #simulador_pasos .detalle_resumen .content p{margin:0px; padding:10px 0px;} #internas #simulador_pasos .detalle_resumen .tabla_datos{border:1px solid #E8E8E8; margin:5px 0px; border-collapse:collapse; width: 100%;} #internas #simulador_pasos .detalle_resumen .tabla_datos thead th{background:url(../images/estructura/tabla_datos_header.jpg) left bottom repeat-x #FEFCF2; color:#000; width:auto; padding:5px 10px; font:bold 11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .detalle_resumen .tabla_datos thead .align_left{text-align:left;} #internas #simulador_pasos .detalle_resumen .tabla_datos thead .align_center{text-align:center;} #internas #simulador_pasos .detalle_resumen .tabla_datos thead .align_right{text-align:right;} #internas #simulador_pasos .detalle_resumen .tabla_datos tbody th{background:#F2F2F2; color:#78797A; border:1px solid #E8E8E8; border-collapse:collapse; vertical-align:top; padding:5px 7px; width:auto;} #internas #simulador_pasos .detalle_resumen .tabla_datos tbody td{background:#FFF; color:#78797A; border:1px solid #E8E8E8; border-collapse:collapse; vertical-align:top; padding:5px 7px; font:normal 11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .detalle_resumen .tabla_datos tbody .align_left{text-align:left;} #internas #simulador_pasos .detalle_resumen .tabla_datos tbody .align_center{text-align:center;} #internas #simulador_pasos .detalle_resumen .tabla_datos tbody .align_right{text-align:right;} #internas #simulador_pasos .cuadros_info{border:1px solid #CCC; padding: 12px 0px; width: 100%; margin:10px 0px 15px 0px;} #internas #simulador_pasos .cuadros_info ul{list-style-type:none; margin:0px; padding:0px 5px; color:#000; font:11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .cuadros_info ul li{background:url(../images/estructura/bullet_info_internas.gif) 0px 6px no-repeat; padding:0px 0px 4px 8px;} #internas #simulador_pasos .cuadros_info ul li ul{list-style-type:none; margin:0px; padding:0px 5px 0px 5px; color:#666; font:11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .cuadros_info ul li ul li{background:url(../images/estructura/bullet_internas_sublistas.gif) 0px 6px no-repeat; padding:0px 0px 4px 8px;} #internas #simulador_pasos .internas_info .cuadros_info h3{font:bold 14px Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 0px 0px;} #internas #simulador_pasos .cuadros_info ol{margin:0px 10px 0px 20px; padding:0px 12px; color:#000; font:11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .cuadros_info ol li{margin:0px; padding:0px 0px 10px 0px;} #internas #simulador_pasos .cuadros_info ol li ul{list-style-type:none; margin:0px; padding:0px 5px 0px 5px; color:#666; font:11px Arial, Helvetica, sans-serif;} #internas #simulador_pasos .cuadros_info ol li ul li{background:url(../images/estructura/bullet_internas_sublistas.gif) 0px 6px no-repeat; padding:0px 0px 4px 8px;} #internas #simulador_pasos .detalle_resumen .cuadros_info{width:675px; margin:10px auto 15px auto; display:block;} /*Estilos Ejemplos simuladores*/ #internas #ejemplo_simulador_solicitud h3{padding-left: 8px;} #internas #ejemplo_simulador_solicitud #simulador{background:#E4F2F8; border:1px solid #C5E2ED; padding:15px 0px; display:table; width:98%; margin:0px 0px 10px 11px; color:#000;} #internas #ejemplo_simulador_solicitud #simulador h3{padding:15px 12px 3px 12px; margin:0px;} #internas #ejemplo_simulador_solicitud #simulador p{padding: 0px 0px 0px 15px; margin: 0px;} /*Parrafo monto asignado*/ #internas #ejemplo_simulador_solicitud #simulador #monto_asignado{width:125px; float:left; margin:0px; padding:10px 0px 10px 12px;} /*Zona calculo monto variable*/ #internas #ejemplo_simulador_solicitud #simulador #monto_variable{width:120px; float:left; margin:0px; padding:14px 3px 14px 5px;} /*Botones aumentar disminuir monto*/ #internas #ejemplo_simulador_solicitud #simulador #monto_variable a{width:21px; height:21px; border:none; color:#FFF; display:block; text-align:center; font:bold 16px/23px Arial, Helvetica, sans-serif; text-decoration:none; float:left;} #internas #ejemplo_simulador_solicitud #simulador #monto_variable a:link{background:url(../images/botones/bot_cifras_simulador.gif) center center no-repeat;} #internas #ejemplo_simulador_solicitud #simulador #monto_variable a:visited{background:url(../images/botones/bot_cifras_simulador.gif) center center no-repeat;} #internas #ejemplo_simulador_solicitud #simulador #monto_variable a:hover{background:url(../images/botones/bot_cifras_simulador_over.gif) center center no-repeat;} #internas #ejemplo_simulador_solicitud #simulador #monto_variable a:active{background:url(../images/botones/bot_cifras_simulador_over.gif) center center no-repeat;} #internas #ejemplo_simulador_solicitud #simulador #monto_variable input{width:65px; text-align:center; margin:0px 3px; float:left; height:16px; background:url(../images/estructura/fon_input_simulador.jpg) 0px 0px repeat-x; border:1px solid #D4D4D4; font:bold 12px Arial, Helvetica, sans-serif;} /*Parrafo cuota*/ #internas #ejemplo_simulador_solicitud #simulador #txt_cuota{width:125px; float:left; padding:10px 0px 10px 5px; margin:0px;} /*valor cuota final*/ #internas #ejemplo_simulador_solicitud #simulador #valor_cuota{width:75px; height:20px; padding:13px 0px 7px 0px; margin:0px 0px 0px 18px; float:left; background:url(../images/estructura/fon_valores.jpg) left bottom repeat-x #FF9; display:block; text-align:center; vertical-align:middle; font:bold 16px Arial, Helvetica, sans-serif;} /*Estilos notas simulador*/ #internas #ejemplo_simulador_solicitud #simulador #notas{background:#FFF; margin:0px 12px 10px 12px; padding:0px 25px ; clear:both;} #internas #ejemplo_simulador_solicitud #simulador #notas ul{margin:0px; padding:5px 0px; font:normal 11px/18px Arial, Helvetica, sans-serif; color:#666; list-style-type:none;} #internas #ejemplo_simulador_solicitud #simulador #notas ul li{background:url(../images/estructura/bullet_contenido_internas.gif) 0px 8px no-repeat; padding:1px 0px 1px 10px;} /*Ejemplos de simulacion*/ #internas #ejemplo_simulador_solicitud #simulador #ejemplo{background:url(../images/estructura/fon_ejemplos.jpg) left bottom repeat-x #FF9; width:449px; margin:4px auto 10px auto; padding:7px; clear:both; display:table;} #internas #ejemplo_simulador_solicitud #simulador #ejemplo div{float:left; margin:0px 5px 0px 0px; width:27%; height:85px; padding:5px; background:#FFF; vertical-align:middle; font:11px/18px Arial, Helvetica, sans-serif;} #internas #ejemplo_simulador_solicitud #simulador #ejemplo div p{margin:auto; padding:0px;} #internas #ejemplo_simulador_solicitud #simulador #ejemplo div strong{font:bold 12px Arial, Helvetica, sans-serif} #internas #ejemplo_simulador_solicitud #simulador #ejemplo .pasos_ejemplo{padding:5px 20px 5px 5px; width:28%; background:url(../images/estructura/fon_destacados_ejemplos.gif) right center no-repeat #FFF; text-align:center;} /*DESTACADOS SEGUROS*/ #internas #destacado_descripcion{width:70%; float:left; margin:0px;} #internas #destacado_descripcion h3{margin:0px; padding: 0px;} #internas #destacado_solicitar{width:25%; float:left; text-align:center; margin:10px 0px 0px 20px; padding:0px;} #internas #destacado_solicitar div {width:120px; margin:0px; padding:5px; border:1px solid #C5E2ED;} #internas #destacado_solicitar div h1{font:bold 16px Arial, Helvetica, sans-serif; color:#000;} #internas #destacado_solicitar div h2{font:bold 12px Arial, Helvetica, sans-serif; color:#000;} /*ESTILOS PORTADA PRODUCTO*/ #internas #cont_no_menu #destacado_principal{border:1px solid #CEE7F0; height: 200px; clear: both; margin:10px 0px; padding:10px 0px 0px 0px; display:table;} #internas #cont_no_menu #destacado_principal h3{margin:0px; text-align: left; font:bold 20px Arial, Helvetica, sans-serif; padding:0px 34px 0px 20px;} #internas #cont_no_menu #destacado_principal h4{margin:0px; color: #000; clear: both; padding:0px 100px 0px 40px; font:bold 13px Arial, Helvetica, sans-serif;} #internas #cont_no_menu #destacado_principal h5 {display: none; visibility: hidden;} #internas #cont_no_menu #destacado_principal p{clear:both; margin:10px 0px 10px 0px; padding:0px 15px 0px 40px; font:13px Arial, Helvetica, sans-serif;} #internas #cont_no_menu #destacado_principal ul {clear: both;} #internas #cont_no_menu #destacado_principal ul li{list-style:none; font:12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px;} #internas #cont_no_menu #destacado_principal #ul_uno{margin:0px; padding:0px 0px 0px 40px;} #internas #cont_no_menu #destacado_principal #ul_dos{margin:0px; padding:0px 15px 0px 40px;} /*Zona promocion apertura internas*/ #internas #promo_destacada{display: none; visibility: hidden;} /*DESCARGAS PDF*/ #descargas{display: none; visibility: hidden;} /*DESTACADOS PORTADA*/ #internas #internas_contenido .destacado_portada{clear:both; width: 100%; margin: 10px 0px 0px 5px; font: 11px Arial, Helvetica, sans-serif;} #internas #internas_contenido .destacado_portada thead th{font:bold 13px Arial, Helvetica, sans-serif; color:#000; text-align:left;} #internas #internas_contenido .destacado_portada tbody td{font: 11px Arial, Helvetica, sans-serif; background:#E4F2F8; border:1px solid #C5E2ED; width:33%; vertical-align: top;} #internas #internas_contenido .destacado_portada tbody td ul{list-style-type:none; margin:0px; padding:7px 0px;} #internas #internas_contenido .destacado_portada tbody td ul li{background:url(../images/estructura/bullet_internas_sublistas.gif) 7px 5px no-repeat; padding:0px 7px 7px 15px; font: 11px Arial, Helvetica, sans-serif;} /*BOTONES FORMULARIOS: ALINEADOS AL CENTRO*/ #internas #botones_formulario{display: none; visibility: hidden;} #internas .botones_solicitud{display: none; visibility: hidden;} /*estilos tabla*/ .tabla_detalle{color:#78797A;font: 11px Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; margin:0px auto 15px auto; text-align:center; border: 1px solid #E8E8E8;} .tabla_detalle caption{color:#000;font:bold 14px Arial, Helvetica, sans-serif; border: 1px solid #E8E8E8; margin:0px auto; padding:5px 0px 5px 10px; background:url(../images/estructura/header_tabla_detalles.jpg) 0px 0px no-repeat; text-align:left;} .tabla_detalle thead{} .tabla_detalle th{color:#000; font:bold 11px Arial, Helvetica, sans-serif;} .tabla_detalle td{padding:5px 0px 5px 0px;} .tabla_detalle a{display:block; color:#086FB2;} .tabla_detalle tfoot{font:bold 11px Arial, Helvetica, sans-serif;} .tr_gris{background:#F2F2F2;} /*estilos tabla con alerta*/ #internas .tabla_detalle_alerta{color:#78797A;font: 11px Arial, Helvetica, sans-serif; width:100%; border-collapse:collapse; margin: 5px 0px 0px 0px; text-align:center; border: 1px solid #E8E8E8;} #internas .tabla_detalle_alerta caption{color:#000;font:bold 14px Arial, Helvetica, sans-serif; border: 1px solid #E8E8E8; margin:0px auto; padding:5px 0px 5px 10px; text-align:left;} #internas .tabla_detalle_alerta thead{} #internas .tabla_detalle_alerta th{color:#000; font:bold 11px Arial, Helvetica, sans-serif;} #internas .tabla_detalle_alerta td{padding:5px 0px 5px 0px;} #internas .tabla_detalle_alerta a{display:block; color:#086FB2;} #internas .tabla_detalle_alerta tfoot{font:bold 11px Arial, Helvetica, sans-serif;} #internas .tabla_detalle_alerta .tr_alerta{border:1px solid #D6D6D6; margin:0px auto; padding:10px; font:11px Arial, Helvetica, sans-serif; width:481px;} /*estilos tabla subproductos home producto*/ .tabla_subproductos{clear:both; border-collapse:separate; margin:0px 10px; width:100%;} .tabla_subproductos thead th{font:bold 12px Arial, Helvetica, sans-serif; width:32%; padding:5px; } .tabla_subproductos tbody th{padding:3px 5px 0px 5px; width:32%; vertical-align:middle; font:11px Arial, Helvetica, sans-serif; color:#666; text-align:center;} .tabla_subproductos tbody td{padding:3px 5px 0px 5px; width:32%; vertical-align:top; font:11px Arial, Helvetica, sans-serif; color:#666; text-align:center;} .tabla_subproductos tbody th p{margin:0px; padding:2px 0px;} .tabla_subproductos tbody td p{margin:0px; padding:2px 0px;} .tabla_subproductos tbody td p button, .tabla_subproductos tbody td p a{display: none; visibility: hidden;} .tabla_subproductos tbody td table{height:40px; margin:0px 20px; width:175px;} .tabla_subproductos tbody td table td{vertical-align:middle; color:#000; padding:3px 5px; border-left:none; border-right:none;} .tabla_subproductos tfoot td{padding:5px; } /*DATOS SUCURSALES*/ .datos_informacion{width:100%; font: 11px/140% Arial, Helvetica, sans-serif; color: #7F7F7F; border: 1px solid #E8E8E8; border-collapse: collapse;} .datos_informacion thead th{background: url(../images/estructura/fondo_encabezado_datos.gif) repeat-x 0px 0px; padding: 10px 0px 15px 0px; font-weight: bold; text-align: center; color: #000;} .datos_informacion th{background: #F2F2F2; padding: 8px 15px 8px 10px; text-align: left; font-weight: normal; vertical-align: top;} .datos_informacion td{padding: 8px 15px 8px 10px; vertical-align: top;} .datos_informacion ul{margin: 0px; padding: 0px; width: 260px;} .datos_informacion ul li{background: url(../images/estructura/bullet_info_tarjetas.gif) no-repeat 0px 8px; white-space: normal; margin: 0px; padding: 0px 0px 0px 8px; list-style: none;} .datos_informacion .datos_descuentos{color: #086FB2;} /*Estilos light box mapa google*/ .detalle_ubicacion{width:680px; margin:20px 0px; background:#FFF; border:2px solid #756F57; padding:0px; font: 11px Arial, Helvetica, sans-serif; color: #333; visibility:hidden; position:absolute; cursor:move; z-index:1002; top:0px; left:0px;} .detalle_ubicacion h1{background:url(../images/estructura/lightbot_fon_tit.jpg) left bottom repeat-x #F2F2F2; padding:7px 0px 5px 0px; margin:0px 0px 0px 0px; height:32px;} .detalle_ubicacion h1 strong{font:bold 12px Arial, Helvetica, sans-serif; color:#000; background:url(../images/estructura/bullet_contenido_internas.gif) 10px 10px no-repeat; padding:5px 0px 5px 20px; margin:0px; float:left;} .detalle_ubicacion h1 button{background:url(../images/botones/bot_cerrar.gif) center center no-repeat; border:none; cursor:pointer; width:60px; height:22px; font:11px Arial, Helvetica, sans-serif; padding:0px 10px 0px 0px; margin:5px 5px 0px 0px; float:right; color:#FFF;} .detalle_ubicacion .content{padding:20px 20px 20px 20px;} .detalle_ubicacion .content p{margin:0px; padding:10px 0px;} .detalle_ubicacion #map{width: 640px; height: 480px; z-index:9999;} /*INDICADORES ECONOMICOS*/ #indicadores_economicos{background:url(../images/estructura/fon_footer.jpg) left top repeat-x; padding:0px; width:960px; margin: 0px auto; clear: both;} #indicadores_economicos h1{height:14px; padding:10px 15px; border:1px solid #E5E5E5; margin:0px auto; color:#FFF; font: 11px Arial, Helvetica, sans-serif;} #indicadores_economicos h1 strong{margin:0px 5px 0px 0px;} #indicadores_economicos h1 span{margin:0px 20px;} /*FOOTER*/ #footer{padding:5px 0px 0px 0px; width:958px; margin: 0px auto; font: 9px/18px Arial, Helvetica, sans-serif; clear: both;} #footer hr{border-bottom:2px solid #C1C1C1; border-left:none; border-top:none; border-right:none; height:2px; margin:0px auto; padding: 5px 0px 0px 0px; font:1px/1px Arial, Helvetica, sans-serif;} #footer p{font:11px/18px Arial, Helvetica, sans-serif; color:#666; margin:0px; padding: 0px 0px 5px 0px;} #footer ul{display: none; visibility: hidden;} #footer a:link{display: none; visibility: hidden;} #footer a:visited{display: none; visibility: hidden;}