/* 1996-2010 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {BCI REDISENO} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 09/09/2010 */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML */ body{margin: 0px; padding: 0px; font: 12px Arial, Helvetica, sans-serif;} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} form, ul, ol, body, fieldset, dl, dd, h1, h2, h3, h4, h5, h6 { padding:0px; margin: 0px auto; } strong, b{} a:link{color: #0057AE; text-decoration: underline;} a:visited{color: #0057AE; text-decoration: underline;} a:hover{color: #0057AE; text-decoration: none;} a:active{color: #0057AE; text-decoration: none;} :focus{outline: none;} form{margin: 0px; padding: 0px;} label{margin: 0px; padding: 0px; cursor: pointer;} ul{} button{} .ocultar_texto{display: none;} /*Estilso Css mas usados*/ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*CARRUSEL*/ .carrusel {position: relative; width: 748px; padding: 0px;} .jcarousel-clip {z-index: 2; padding: 0px;margin: 0px;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1; width: 748px; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px;} .jcarousel-next {z-index: 3; display: none;} .jcarousel-prev { z-index: 3; display: none;} .carrusel .jcarousel-container-horizontal {} .carrusel .jcarousel-clip-horizontal {width: 704px; position: relative; left: 8px;} .carrusel .jcarousel-next-horizontal {cursor: pointer; background: url(/medios/BCI2/art/template/flecha_siguiente.gif) no-repeat left center #F1F1F1; width: 20px; height: 157px; position: absolute; left: 724px; padding: 0px;} .carrusel .jcarousel-next-disabled-horizontal{background: url(/medios/BCI2/art/template/flecha_siguiente_disabled.gif) no-repeat left center #F1F1F1; cursor: default;} .carrusel .jcarousel-prev-horizontal {cursor: pointer; width: 26px; height: 259px; background: url(/medios/BCI2/art/template/flecha_anterior.gif) no-repeat left center #F1F1F1; width: 35px; height: 157px; position: absolute; left: 3px; padding: 0px;} .carrusel .jcarousel-prev-disabled-horizontal{cursor: default; background: url(/medios/BCI2/art/template/flecha_anterior_disabled.gif) no-repeat left center #F1F1F1;} /*VITRINA MOOTOLS*/ #myGallery{z-index:5; display: none; border: none;} .galeria_530x280{width: 530px; height: 280px;} .jdGallery{overflow: hidden;position: relative;} .jdGallery img{border: 0;margin: 0;} .jdGallery .slideElement{width: 100%; height: 100%;} .jdGallery .loadingElement{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: none; border:none; background-repeat: no-repeat; background-position: center center;} .jdGallery .slideInfoZone{background: #929395; position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0px; bottom: 0px; height: 30px; color: #FFF; text-indent: 0; overflow: hidden; padding: 0px; font-size: 12px;} * html .jdGallery .slideInfoZone{bottom: -1px;} .jdGallery .slideInfoZone h2{padding: 7px 0px 0px 31px; margin: 0px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF !important; position:relative; text-decoration:none;} .jdGallery .slideInfoZone h2 strong{font-weight: normal;} .jdGallery .slideInfoZone h3{margin: 0px; padding: 0px; font-weight: normal; font-size: 12px;} .jdGallery .slideInfoZone h3 strong{font-weight: normal;} .jdGallery .slideInfoZone p{padding: 0px; margin: 0px; font: normal 13px Arial, Helvetica, sans-serif; color: #FFF !important; position:relative; left:30px; text-decoration:none;} .jdGallery div.carouselContainer{position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; display: none;} .jdGallery a{font-size: 100%; text-decoration: none; color: #FFF;} .jdGallery a:visited{font-size: 100%;text-decoration: none; color: #FFF;} .jdGallery a.right, .jdGallery a.left{position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10;} .jdGallery a.left{left: 5px;top: 0; background: url(/medios/BCI2/art/template/flecha_galeria_ant.gif) no-repeat bottom left; margin-top: 255px; width: 20px; height: 20px; z-index: 99999;} * html .jdGallery a.left { background: url(/medios/BCI2/art/flecha_galeria_ant.gif) no-repeat bottom left; width: 20px; height: 20px; } .jdGallery a.right{ right: 5px; top: 0; background: url(/medios/BCI2/art/template/flecha_galeria_sig.gif) no-repeat right bottom; margin-top: 255px; width: 20px; height: 20px; z-index: 99999;} * html .jdGallery a.right { background: url(/medios/BCI2/art/template/flecha_galeria_sig.gif) no-repeat right bottom; width: 20px; height: 20px;} .jdGallery a.open{left: 0px; top: 0px; width: 100%; height: 100%;} .withArrows a.open{background: none; position: absolute; top: 0px; height: 99%; width: 100%; cursor: pointer; z-index: 10;} /*HEADER: MENU AREAS DEL BANCO*/ #menu_areas_banco{background: url(/medios/BCI2/art/template/fondo_menu_top_areas.jpg) repeat-x 0px 0px; height: 20px; border-bottom: 1px solid #CCC; margin: 0px; padding: 0px;} #menu_areas_banco ul{margin: 0px auto; padding: 0px 0px 0px 409px; list-style: none; width: 571px;} #menu_areas_banco ul li{margin: 0px; padding: 0px; height: 20px; width: 111px; float: left;} #menu_areas_banco ul li a:link, #menu_areas_banco ul li a:visited{font-size: 1px; letter-spacing: -1px; text-indent:-9000px; width: 111px; height: 20px; display: block; text-decoration: none;} #menu_areas_banco #bot_areas_01{background: url(/medios/BCI2/art/template/bot_personas.jpg) no-repeat 0px 0px; width: 112px;} #menu_areas_banco #bot_areas_01 a:hover, #menu_areas_banco #bot_areas_01 a:active{background: url(/medios/BCI2/art/template/bot_personas_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_01.activo, #menu_areas_banco #bot_areas_01.activo a:link, #menu_areas_banco #bot_areas_01.activo a.activo:visited{background: url(/medios/BCI2/art/template/bot_personas_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_02{background: url(/medios/BCI2/art/template/bot_empresarios.jpg) no-repeat 0px 0px; width: 111px;} #menu_areas_banco #bot_areas_02 a:hover, #menu_areas_banco #bot_areas_02 a:active{background: url(/medios/BCI2/art/template/bot_empresarios_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_02.activo, #menu_areas_banco #bot_areas_02.activo a:link, #menu_areas_banco #bot_areas_02.activo a.activo:visited{background: url(/medios/BCI2/art/template/bot_empresarios_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_03{background: url(/medios/BCI2/art/template/bot_empresas.jpg) no-repeat 0px 0px; width: 111px;} #menu_areas_banco #bot_areas_03 a:hover, #menu_areas_banco #bot_areas_03 a:active{background: url(/medios/BCI2/art/template/bot_empresas_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_03.activo, #menu_areas_banco #bot_areas_03.activo a:link, #menu_areas_banco #bot_areas_03.activo a.activo:visited{background: url(/medios/BCI2/art/template/bot_empresas_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_04{background: url(/medios/BCI2/art/template/bot_bci_nova.jpg) no-repeat 0px 0px; width: 111px;} #menu_areas_banco #bot_areas_04 a:hover, #menu_areas_banco #bot_areas_04 a:active{background: url(/medios/BCI2/art/template/bot_bci_nova_over.jpg) no-repeat 0px 0px;} #menu_areas_banco #bot_areas_05{background: url(/medios/BCI2/art/template/bot_tbanc.jpg) no-repeat 0px 0px; width: 111px;} #menu_areas_banco #bot_areas_05 a:hover, #menu_areas_banco #bot_areas_05 a:active{background: url(/medios/BCI2/art/template/bot_tbanc_over.jpg) no-repeat 0px 0px;} /*HEADER*/ #header{width: 976px; margin: 0px auto; padding: 10px 4px 11px 0px; clear: both;} #header h1{background: url(/medios/BCI2/art/template/logo_home_bci.gif) no-repeat 0px 0px; width: 145px; height: 62px; margin: 0px; padding: 0px;} #header h1 a:link, #header h1 a:visited{width: 145px; height: 62px; display: block; font-size: 1px; letter-spacing: -1px; text-indent: -9000px; text-decoration: none;} #header h1.internas{background: url(/medios/BCI2/art/template/logo_interna_bci.gif) no-repeat 0px 0px; width: 103px; height: 43px; margin: 0px; padding: 0px;} #header h1.internas a:link, #header h1 a:visited{width: 103px; height: 43px;} #header ul{margin: 0px; padding: 0px 0px 40px 0px; list-style: none; float: right; width: 308px;} #header ul li{margin: 0px; padding: 0px 17px 0px 7px; float: left;} #header ul li a:link, #header ul li a:visited{color: #666; text-decoration: underline;} #header ul li a:hover, #header ul li a:active{color: #666; text-decoration: none;} #header ul.internas{padding: 0px 0px 31px 0px;} #header #bot_header_01{background: url(/medios/BCI2/art/template/ico_header_emergencias.gif) no-repeat right top;} #header #bot_header_02{background: url(/medios/BCI2/art/template/ico_header_sucursales.gif) no-repeat right top;} #header #bot_header_03{background: url(/medios/BCI2/art/template/ico_header_servicio.gif) no-repeat right top;} #header #texto_fecha{clear: right; float: right; margin: 0px; padding: 0px; color: #666;} /*MENU PRINCIPAL*/ #menu_principal{background: url(/medios/BCI2/art/template/fondo_menu_principal.jpg) repeat-x 0px 0px; height: 31px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; clear: both;} #menu_principal ul{margin: 0px auto; padding: 0px 0px 0px 130px; list-style: none; width: 850px; font-weight: bold; white-space: nowrap;} #menu_principal ul li{margin: 0px; padding: 9px 28px 0px 0px; float: left;} #menu_principal a:link, #menu_principal a:visited{color: #4E4E4E; text-decoration: underline;} #menu_principal a:hover, #menu_principal a:active{color: #4E4E4E; text-decoration: none;} /*MENU PRINCIPAL:INTERNAS*/ #menu_principal_internas{background: url(/medios/BCI2/art/template/fondo_menu_principal_internas.jpg) repeat-x 0px 0px; height: 34px; clear: both;} #menu_principal_internas ul{margin: 0px auto; padding: 0px 0px 0px 130px; list-style: none; width: 850px; font-weight: bold; white-space: nowrap;} #menu_principal_internas ul li{margin: 0px; padding: 0px; float: left;} #menu_principal_internas a:link, #menu_principal_internas a:visited{color: #4E4E4E; text-decoration: underline; padding:9px 12px 0px 12px; height: 25px; display: block; float: left;} #menu_principal_internas a:hover, #menu_principal_internas a:active{background: url(/medios/BCI2/art/template/fondo_menu_principal_over.jpg) repeat-x 0px 0px; color: #FFF; text-decoration: none;} #menu_principal_internas .activo a:link, #menu_principal_internas .activo a:visited{background: url(/medios/BCI2/art/template/fondo_menu_principal_over.jpg) repeat-x 0px 0px; color: #FFF; text-decoration: none;} /*MENU INTERNAS: LEFT*/ #menu_internas{width: 180px; float: left; padding: 0px; font-size: 11px; color: #333;} #menu_internas .cont_menu{background: #F3F6FB; border: 1px solid #CFD6E0; margin: 0px 0px 5px 0px; padding: 1px; list-style: none;} #menu_internas .cont_menu h1{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_01.jpg) no-repeat 0px 0px; color: #333; padding: 0px; margin: 0px; font: 11px Arial, Helvetica, sans-serif; color: #333;} #menu_internas .cont_menu h1 a:link, #menu_internas .cont_menu h1 a:visited{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_01.jpg) no-repeat 0px 0px;} #menu_internas .cont_menu a:link, #menu_internas .cont_menu a:visited{color: #333; text-decoration: none; padding: 7px 0px 4px 18px; display: block;} #menu_internas .cont_menu a:hover, #menu_internas .cont_menu a:active{color: #666; text-decoration: none;} #menu_internas .cont_menu a.openheader:link, #menu_internas .cont_menu a.openheader:visited{} #menu_internas .cont_menu ul{background: #F3F6FB; border: none; margin: 0px; padding: 0px; list-style: none;} #menu_internas .cont_menu li {margin: 0px; padding: 0px; clear: both;} #menu_internas .cont_menu li a:link, #menu_internas .cont_menu li a:visited{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_02.jpg) repeat-y 0px 0px; color: #333; text-decoration: none; padding: 7px 0px 4px 18px; display: block; height: 1px;} #menu_internas .cont_menu li a:hover, #menu_internas .cont_menu li a:active{color: #999; text-decoration: none;} *>#menu_internas .cont_menu li a:link, #menu_internas .cont_menu li a:visited{height: auto;} #menu_internas .cont_menu.con_subitem{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_04.jpg) repeat-y 0px 0px #FEFEFE;} #menu_internas .cont_menu.con_subitem li a:link, #menu_internas .cont_menu.con_subitem li a:visited{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_04.jpg) repeat-y 0px 0px;} #menu_internas .cont_menu.con_subitem li a:hover, #menu_internas .cont_menu.con_subitem li a:active{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_04.jpg) repeat-y 0px 0px;} #menu_internas .cont_menu.con_subitem li.item_destacado a:link, #menu_internas .cont_menu.con_subitem li.item_destacado a:visited{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_03.jpg) repeat-y 0px 0px;} #menu_internas .cont_menu.con_subitem li.item_destacado a:hover, #menu_internas .cont_menu.con_subitem li.item_destacado a:active{background: url(/medios/BCI2/art/template/fondo_menu_contenidos_03.jpg) repeat-y 0px 0px;} #menu_internas #menu_internas_banner{background: #F9F8F6; border: 1px solid #EAE7E1; width: 164px; padding: 9px 7px;} #menu_internas #menu_internas_banner img{border: none;} #menu_internas .banner_sin_fondo{padding: 0px 0px 10px 0px; margin: 0px;} #menu_internas .banner_sin_fondo img{border: none;} /*MAIN: CONTENEDOR PRINCIPAL*/ #main{width: 980px; margin: 0px auto; padding: 20px 0px; overflow: hidden; clear: both;} #internas_con_menu{margin: 0px; padding: 0px;} #contenidos{width: 780px; float: left; margin: 0px; padding: 0px 0px 0px 20px;} /*PORTADA: ACCESO CLIENTES*/ #portada #col_01{width: 210px; padding: 0px 20px 0px 0px; float: left;} #portada #col_01 #acceso_clientes{background: #F7F7F7; width: 191px; border: 1px solid #CCC; padding: 15px 8px 9px 9px;} #portada #col_01 #acceso_clientes h1{background: url(/medios/BCI2/art/template/fondo_tit_acceso_clientes.gif) repeat-x left bottom; margin: 0px 0px 6px 0px; padding: 0px 0px 8px 0px; font: bold 14px Arial, Helvetica, sans-serif; color: #666;} #portada #col_01 #acceso_clientes p{margin: 0px; padding: 0px 0px 10px 0px; clear: both;} #portada #col_01 #acceso_clientes label{color: #333; font-weight: bold; float: left; width: 81px; padding: 4px 0px 0px 0px;} #portada #col_01 #acceso_clientes input{background: url(/medios/BCI2/art/template/fondo_input.jpg) repeat-x 0px 0px; width: 103px; height: 19px; border: 1px solid #0C0C0C;} #portada #col_01 #acceso_clientes .botones .color_01{background: url(/medios/BCI2/art/template/bot_160x28.jpg) no-repeat 0px 0px; width: 161px; height: 28px;} /*PORTADA: ACCESO CLIENTES*/ #portada #col_01 #menu_auxiliar{font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; list-style: none;} #portada #col_01 #menu_auxiliar li{margin: 0px; padding: 0px 0px 10px 22px; color: #666;} #portada #col_01 #menu_auxiliar a:link, #portada #col_01 #menu_auxiliar a:visited{color: #666; text-decoration: underline;} #portada #col_01 #menu_auxiliar a:hover, #portada #col_01 #menu_auxiliar a:active{color: #666; text-decoration: none;} #portada #col_01 #menu_auxiliar #bot_auxiliar_01{background: url(/medios/BCI2/art/template/ico_solicitar_clave.gif) no-repeat 0px 0px;} #portada #col_01 #menu_auxiliar #bot_auxiliar_02{background: url(/medios/BCI2/art/template/ico_desbloquear.gif) no-repeat 0px 0px;} #portada #col_01 #menu_auxiliar #bot_auxiliar_03{background: url(/medios/BCI2/art/template/ico_garantizamos.gif) no-repeat 0px 0px;} /*PORTADA: MESA AYUDA*/ #portada #col_01 #mesa_ayuda{background: #FFF; width: 176px; border: 1px solid #CCC; margin: 0px auto; padding: 4px 0px 4px 12px; color: #666;} #portada #col_01 #mesa_ayuda p{background: url(/medios/BCI2/art/template/ico_fono_ayuda.gif) no-repeat 0px 9px; margin: 0px; padding: 0px 0px 0px 27px; line-height: 160%;} #portada #col_01 #col_01_banners{} #portada #col_01 #col_01_banners p{margin: 0px; padding: 20px 0px 0px 0px; font-size: 1px;} #portada #col_01 #col_01_banners img{margin: 0px; padding: 0px; border: none;} #portada #col_01 #link_viajes_bci{background: url(/medios/BCI2/art/template/bot_viajes_bci.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 30px; width: 210px;} #portada #col_01 #link_viajes_bci a:link,#portada #col_01 #link_viajes_bci a:visited{height: 30px; width: 210px; display: block; font-size: 1px; letter-spacing: -1px; text-indent: -9000px;} #portada #col_01 #link_telefonos{background: url(/medios/BCI2/art/template/bot_telefonos_emergencias.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 30px; width: 210px;} #portada #col_01 #link_telefonos a:link,#portada #col_01 #link_telefonos a:visited{height: 30px; width: 210px; display: block; font-size: 1px; letter-spacing: -1px; text-indent: -9000px;} /*PORTADA: COLUMNA RIGHT*/ #portada #col_02{width: 750px; float: left;} #portada #col_02 #banner_central{width: 530px; float: left; height: 280px; padding: 0px 20px 20px 0px;} #portada #col_02 #banner_central img{border: none;} #portada #col_02 #zona_clientes{background: #D8EBF5; width: 198px; border: 1px solid #A4D0E8; height: 278px; float: left; color: #333; font-size: 11px;} *>#portada #col_02 #zona_clientes{height: auto; min-height: 278px;} #portada #col_02 #zona_clientes h1{background: url(/medios/BCI2/art/template/fondo_tit_zona_clientes.gif) repeat-x left bottom; margin: 0px auto 5px auto; padding: 40px 0px 11px 0px; font: bold 14px Arial, Helvetica, sans-serif; color: #666; width: 180px;} #portada #col_02 #zona_clientes p{padding: 0px 9px 8px 9px; clear: both; margin: 0px;} #portada #col_02 #zona_clientes form p{padding-bottom: 5px;} #portada #col_02 #zona_clientes form input{background: url(/medios/BCI2/art/template/fondo_input_clientes.jpg) repeat-x 0px 0px #E8F3F9; width: 100px; height: 19px; border: 1px solid #869298;} #portada #col_02 #zona_clientes form label{float: left; width: 70px; padding: 4px 0px 0px 0px;} #portada #col_02 #zona_clientes img{border: none;} #portada #col_02 #zona_clientes #simular{background: url(/medios/BCI2/art/template/ico_simular.gif) no-repeat 0px 0px; padding: 2px 0px 4px 26px; margin: 3px 0px 20px 80px; font-size: 12px;} #portada #col_02 #zona_clientes #simular a:link, #portada #col_02 #zona_clientes #simular a:visited{color: #0057AE; text-decoration: underline;} #portada #col_02 #zona_clientes #simular a:hover, #portada #col_02 #zona_clientes #simular a:active{color: #0057AE; text-decoration: none;} #portada #col_02 #zona_clientes #menu_zona_clientes{margin: -1px 0px 0px -1px; padding: 0px; height: 30px; list-style: none; position: absolute; width: 200px;} #portada #col_02 #zona_clientes #menu_zona_clientes li{margin: 0px; padding: 0px; width: 50px; height: 30px; float: left;} #portada #col_02 #zona_clientes #menu_zona_clientes li a:link, #portada #col_02 #zona_clientes #menu_zona_clientes li a:visited{width: 50px; height: 30px; display: block; text-decoration: none; font-size: 1px; letter-spacing: -1px; text-indent: -9000px;} #portada #col_02 #zona_clientes #menu_zona_clientes #bot_clientes_01{background: url(/medios/BCI2/art/template/ico_credito_over.gif) no-repeat 0px 0px;} #portada #col_02 #zona_clientes #menu_zona_clientes #bot_clientes_02{background: url(/medios/BCI2/art/template/ico_home.gif) no-repeat 0px 0px;} #portada #col_02 #zona_clientes #menu_zona_clientes #bot_clientes_03{background: url(/medios/BCI2/art/template/ico_chequera.gif) no-repeat 0px 0px;} #portada #col_02 #zona_clientes #menu_zona_clientes #bot_clientes_04{background: url(/medios/BCI2/art/template/ico_avance.gif) no-repeat 0px 0px;} /*PORTADA: ZONA CARRUSEL*/ #portada #col_02 #destacados_home{background: #F1F1F1; height: 157px; clear: both; border: 1px solid #CCC; color: #333; line-height: 110%; margin-bottom: 20px; width: 748px;} #portada #col_02 #destacados_home h1{margin: 0px; padding: 0px 0px 7px 0px; font: bold 12px Arial, Helvetica, sans-serif; color: #0057AE;} #portada #col_02 #destacados_home h1 a:link, #portada #col_02 #destacados_home h1 a:visited{color: #0057AE; text-decoration: underline;} #portada #col_02 #destacados_home h1 a:hover, #portada #col_02 #destacados_home h1 a:active{color: #0057AE; text-decoration: none;} #portada #col_02 #destacados_home ul{margin: 0px; padding: 0px 0px 0px 30px; list-style: none;} #portada #col_02 #destacados_home ul li{background: url(/medios/BCI2/art/template/fondo_linea_vertical.gif) repeat-y 0px 0px; margin: 0px; padding: 20px 10px 0px 10px; float: left; width: 200px; text-align: center; height: 137px;} *>#portada #col_02 #destacados_home ul li{height: auto; min-height: 137px;} #portada #col_02 #destacados_home p{margin: 0px; padding: 0px 0px 5px 0px;} #portada #col_02 #destacados_home img{border: none;} /*PORTADA: VALORES*/ #portada #col_02 #info_financiera{background: #FFFFB3; border: 1px solid #F2EE8A; font-size: 11px; color: #333; padding: 9px 0px 0px 9px; height: 29px;} #portada #col_02 #info_financiera p{margin: 0px; padding: 0px;} #portada #col_02 #info_financiera strong, #portada #col_02 #info_financiera b{background: url(/medios/BCI2/art/template/ico_info_financiera.gif) no-repeat 0px 0px; font-size: 12px; padding: 0px 0px 0px 25px; float: left;} #portada #col_02 #info_financiera span{width: 87px; padding-right: 9px; text-align: right; float: left; white-space: nowrap;} #portada #col_02 #info_financiera .dolar{width: 125px;} #portada #col_02 #info_financiera span span{padding: 0px; width: auto; float: none;} #portada #col_02 #info_financiera .alza{background: url(/medios/BCI2/art/template/ico_indicador_alza.gif) no-repeat right bottom; padding-right: 12px;} #portada #col_02 #info_financiera .baja{background: url(/medios/BCI2/art/template/ico_indicador_baja.gif) no-repeat right bottom; padding-right: 12px;} /*INTERNAS: PORTADA CUENTAS*/ #portada_cuentas_contrar_plan{background: url(/medios/BCI2/art/promociones/banner_portada_cuentas_590x240.jpg) no-repeat 0px 0px; width: 580px; height: 120px; padding: 120px 0px 0px 10px; margin: 0px 2px 20px 0px; font: 12px/160% Arial, Helvetica, sans-serif; color: #FFF; float: left;} #portada_cuentas_contrar_plan h1, #portada_cuentas_contrar_plan h2{margin: 0px; padding: 0px; display: none;} #formulario_en_encabezado{padding: 0px; color: #FFF; font-size: 11px;} #formulario_en_encabezado p{float: left; padding: 0px 10px 0px 0px; margin: 0px;} #formulario_en_encabezado label{display: block; color: #FFF; font-size: 11px;} #formulario_en_encabezado input{background: #496069; border: 1px solid #FFF; color: #FFF; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px; height: 17px;} #formulario_en_encabezado .botones {padding: 15px 0px 0px 0px; margin: 0px;} #formulario_en_encabezado .botones input{background: url(/medios/BCI2/art/template/bot_cuentas_120x28.jpg) no-repeat 0px 0px; width: 121px; height: 28px;} #formulario_en_encabezado .botones a.btn_enviar{background: url(/medios/BCI2/art/template/bot_cuentas_120x28.jpg) no-repeat 0px 0px; width: 121px; height: 23px; padding-top:5px; display:block; font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; } #formulario_en_encabezado .botones a.btn_enviar:hover{color:#FFFFFF; text-decoration:none; } #formulario_en_encabezado .botones a.btn_enviar:visited{color:#FFFFFF; text-decoration:none; } /*INTERNAS: BANNERS FLOTANTE RIGHT 258x240*/ #banner_right_258x240{float: right; width: 258px; height: 240px; font-size: 1px;} #banner_right_258x240 p{margin: 0px; padding: 0px;} #banner_right_258x240 img{border: none;} #portada_banner_right{width: 388px; height: 240px; float: left; } #portada_banner_right p{margin: 0px; padding: 0px 0px 2px 0px; font-size:1px;} #portada_banner_right img{margin: 0px; padding: 0px; border: none;} /*INTERNAS: BANNERS FLOTANTE RIGHT 388x240*/ #banner_right_388x240{ width: 380px; height: 182px; font: 12px Arial, Helvetica, sans-serif; color: #FFF;} #banner_right_388x240 h1{font: normal 14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; padding: 25px 0px 10px 45px;} #banner_right_388x240 h2{font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; padding: 0px;} #banner_right_388x240 p{margin: 0px; padding: 0px;} #banner_right_388x240 img{border: none;} #banner_right_388x240.carrusel{width: 388px; margin: 0px; padding: 0px; list-style: none;} #banner_right_388x240.carrusel ul{margin: 0px; padding: 0px; list-style: none; height: 59px;} #banner_right_388x240.carrusel li { margin: 0px; padding: 0px; float: left; padding: 0px 50px 0px 25px; width: 300px; margin:0px auto;} #banner_right_388x240.carrusel li div{ } #banner_right_388x240 .fondo{ height: 57px; padding: 20px 0px 0px 0px; margin:0px 0px 2px 0px;} #banner_right_388x240 a:link, #banner_right_388x240 a:visited{color: #FFF; text-decoration: none;} #banner_right_388x240 a:hover, #banner_right_388x240 a:active{color: #CCC; text-decoration: none;} /*CARRUSEL*/ #banner_right_388x240.jcarousel-clip {z-index: 2; padding: 0px;margin: 0px;overflow: hidden;position: relative;} #banner_right_388x240.jcarousel-list {z-index: 1; width: 5380px; position: relative; top: 0px; left: 0px; margin: 0px; padding: 0px;} #banner_right_388x240.carrusel .jcarousel-clip-horizontal {width: 380px; position: relative; left: 0px;} #banner_right_388x240.carrusel .jcarousel-prev-horizontal {background: url(/medios/BCI2/art/template/bullet_cuenta_anterior.jpg) no-repeat 0px 0px; cursor: pointer; width: 16px; height: 16px; position: absolute; left: 7px; padding:0px; margin-top:-50px; } #banner_right_388x240.carrusel .jcarousel-prev-disabled-horizontal{background: url(/medios/BCI2/art/template/bullet_cuenta_anterior_disabled.jpg) no-repeat 0px 0px; cursor: default;} #banner_right_388x240.carrusel .jcarousel-next-horizontal {background: url(/medios/BCI2/art/template/bullet_cuenta_siguiente.jpg) no-repeat 0px 0px; cursor: pointer; width: 16px; height: 16px; position: absolute; left: 325px; padding:0px; margin-top:-50px; } #banner_right_388x240.carrusel .jcarousel-next-disabled-horizontal{background: url(/medios/BCI2/art/template/bullet_cuenta_siguiente_disabled.jpg) no-repeat 0px 0px; cursor: default; background: none;} /*INTERNAS: BANNERS 4 COLUMNAS*/ #banners_4_col{background: #F1F1F1; width: 778px; height: 120px; padding: 0px; clear: both; border: 1px solid #CCC;} /*INTERNAS: BANNERS 5 COLUMNAS*/ #banners_5_col{background: #F1F1F1; width: 978px; height: 120px; padding: 0px; clear: both; border: 1px solid #CCC;} /*INTERNAS: BANNERS COLUMNAS, ELEMENTOS COMUNES*/ #banners_4_col img, #banners_5_col img{border: none;} #banners_4_col .columnas, #banners_5_col .columnas{text-align: center; width: 183px; float: left; padding: 5px 5px 0px 5px; border-left: 1px solid #CCC; border-right: 1px solid #FFF;} #banners_4_col .columnas.firts, #banners_5_col .columnas.firts{border-left: none;} #banners_4_col .columnas.last, #banners_5_col .columnas.last{border-right: none;} /*INTERNAS: CONTENIDOS*/ #contenidos_encabezado{padding: 0px; height: 100px;} #contenidos_encabezado h1, #contenidos_encabezado h2{display: none; margin: 0px; padding: 0px;} #contenidos_encabezado p{margin: 0px; padding: 0px;} /*INTERNA: PORTADA TARJETAS*/ #portada_tarjeta_adecuada{background: url(/medios/BCI2/art/promociones/banner_portada_tarjetas_520x240.jpg) no-repeat 0px 0px; width: 499px; height: 225px; padding: 15px 10px 0px 10px; margin: 0px 0px 20px 0px;} #portada_tarjeta_adecuada h1{display: none;} #portada_tarjeta_adecuada img{border: none;} #portada_tarjeta_adecuada #formulario_en_encabezado {padding: 110px 0px 0px 0px;} #portada_tarjeta_adecuada #formulario_en_encabezado .botones{float: none; clear: left; text-align: left;} /*INTERNA: PORTADA SERVICIOS*/ #encabezado_servicios{background: url(/medios/BCI2/art/template/img_tit_mejores_servicios.jpg) no-repeat 0px 0px; width: 760px; height: 126px; padding: 104px 10px 0px 10px;} #encabezado_servicios h1{display: none; margin: 0px; padding: 0px;} #encabezado_servicios .columnas{background: url(/medios/BCI2/art/template/fondo_columna_ico_servicios.gif) no-repeat center top; margin: 0px 5px 0px 0px; padding: 0px; float: left; width: 79px; text-align: center; font-size: 11px; color: #FFF; line-height: 140%;} #encabezado_servicios .columnas p{margin: 0px; padding: 0px;} #encabezado_servicios .columnas a:link, #encabezado_servicios .columnas a:visited{color: #FFF; text-decoration: none; padding: 80px 0px 0px 0px; display: block;} #encabezado_servicios .columnas a:hover, #encabezado_servicios .columnas a:active{color: #CCC; text-decoration: none;} #encabezado_servicios .columnas .ico_organizador{background: url(/medios/BCI2/art/template/ico_organizador_gastos.jpg) no-repeat 9px 9px;} #encabezado_servicios .columnas .ico_banca_movil{background: url(/medios/BCI2/art/template/ico_banca_movil.jpg) no-repeat 8px 9px;} #encabezado_servicios .columnas .ico_tarjeta_virtual{background: url(/medios/BCI2/art/template/ico_tarjeta_virtual.jpg) no-repeat 7px 9px;} #encabezado_servicios .columnas .ico_tarjeta_bip{background: url(/medios/BCI2/art/template/ico_tarjeta_bip.jpg) no-repeat 8px 9px;} #encabezado_servicios .columnas .ico_recarga_celular{background: url(/medios/BCI2/art/template/ico_recarga_celular.jpg) no-repeat 11px 9px;} #encabezado_servicios .columnas .ico_avance_cta_cte{background: url(/medios/BCI2/art/template/ico_avance_cta_cte.jpg) no-repeat 10px 9px;} #encabezado_servicios .columnas .ico_catalogo_puntos{background: url(/medios/BCI2/art/template/ico_catalogo_puntos.jpg) no-repeat 14px 9px;} #encabezado_servicios .columnas .ico_pago_cuentas{background: url(/medios/BCI2/art/template/ico_pago_cuentas.jpg) no-repeat 14px 9px;} #encabezado_servicios .columnas .ico_multipass{background: url(/medios/BCI2/art/template/ico_multipass.jpg) no-repeat 7px 9px;} /*INTERNAS: CONTENIDO GENERICO*/ #cont_main{background: #F8F8F8; margin: 20px 0px 10px 0px; padding: 15px 12px 20px 10px; border: 1px solid #D8D8D8; width: 756px; overflow: hidden; color: #333;} #cont_main p{ padding: 0px 0px 5px 0px; line-height:16px; margin:0px; } #cont_main h1{background: url(/medios/BCI2/art/template/fondo_tit_internas_right.gif) no-repeat right top; margin: 0px; padding: 0px 10px 0px 0px; font: normal 20px Arial, Helvetica, sans-serif; color: #FFF; width: 520px; white-space: nowrap; margin:0px 0px 10px 0px;} #cont_main h1 strong, #cont_main h1 b{background: url(/medios/BCI2/art/template/fondo_tit_internas_left.gif) no-repeat 0px 0px; font-weight: normal; padding: 3px 20px; display: block;} .fila_cuentas{clear: both;} .fila_cuentas .columnas{float: left; width: 369px; margin: 0px 10px 0px 0px;} .fila_cuentas .columnas.last{margin: 0px;} .fila_cuentas .columnas h2{margin: 0px 0px 12px 0px; padding: 0px 10px 0px 9px; border-bottom: 1px solid #CCC; font: bold 12px Arial, Helvetica, sans-serif; color: #333;} .fila_cuentas .columnas h2 strong, .fila_cuentas .columnas h2 b{background: url(/medios/BCI2/art/template/fondo_tit_internas_columnas.jpg) repeat-x left bottom #EFEFEE; font-weight: bold; width: 335px; margin: 0px; padding: 6px 5px 6px 10px; display: block;} .fila_cuentas .columnas ul{margin: 0px; padding: 0px 0px 20px 5px; list-style: none; line-height: 120%;} .fila_cuentas .columnas ul li{background: url(/medios/BCI2/art/template/bullet_01.gif) no-repeat 0px 2px; margin: 0px; padding: 0px 0px 7px 20px; line-height:normal;} /* respuesta a formulario cuentas */ #cuentas_respuesta { width:600px; background:#F8F8F8; padding:10px; height:290px; width:580px; margin:0px auto; } #cuentas_respuesta p { margin:0px; padding:0px; } #cuentas_respuesta p img { padding:0px 0px 10px 0px; } #cuentas_respuesta h1 { font:normal 20px Arial, Helvetica, sans-serif; padding:0px 0px 10px 0px; } #cuentas_respuesta .cajas_respuesta { border:1px solid #DBDBDB; background:#EFEFEE; padding:10px; width:263px; height:170px; } #cuentas_respuesta .cajas_respuesta.caja_resp_izquierda { float:left; } #cuentas_respuesta .cajas_respuesta.caja_resp_derecha { float:right; } #cuentas_respuesta .cajas_respuesta.caja_ecologico { border:1px solid #91EA84; background:#C9FFC8; } #cuentas_respuesta .cajas_respuesta.caja_ecologico h1 { color:#239C3A; } #cuentas_respuesta .cajas_respuesta .caja_contenido { height:142px; } #cuentas_respuesta .cajas_respuesta .botones_inferiores { clear: both; text-align: center; margin: 0px; padding: 0px; } #cuentas_respuesta .cajas_respuesta .botones_inferiores .boton_210x26 { background: url(/medios/BCI2/art/template/bot_210x28.gif) no-repeat 0px 0px; width: 212px; height: 28px; margin: 0px auto; padding: 0px; text-align: center; display:block; } #cuentas_respuesta .cajas_respuesta .botones_inferiores .boton_210x26 a:link, .boton_210x26 a:visited{width: 212px; height: 22px; margin: 0px; padding: 6px 0px 0px 0px; color: #FFF; text-decoration: none; display: block;} .lightboxAlerta { background:#FFFEEA url(/medios/BCI2/art/template/lightboxAlerta.jpg) no-repeat 15px center; padding:0px; border:1px solid #F3C02F; font:normal 16px Arial, Helvetica, sans-serif; color:#333333; width:600px; height:110px;} .lightboxAlerta p { margin:0px; padding:0px; line-height:22px; } /*INTERNAS: CONTENIDO GENERICO, CUENTA ECOLOGICA*/ #cont_main.cuenta_ecologica{} #cont_main.cuenta_ecologica h1{background: url(/medios/BCI2/art/template/fondo_tit_internas_ecologica_right.gif) no-repeat right top; } #cont_main.cuenta_ecologica h1 strong, #cont_main.cuenta_ecologica h1 b{background: url(/medios/BCI2/art/template/fondo_tit_internas_ecologica_left.gif) no-repeat 0px 0px; font-weight: normal; padding: 3px 20px; display: block;} #cont_main.cuenta_ecologica h2{ color:#009900; font:bold 14px Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 10px 0px; } #cont_main.cuenta_ecologica img { padding:0px 0px 0px 0px; } /*FILA PORTADA CUENTA ECOLOGICA*/ .fila_cuenta_ecologica{font: 11px/120% Arial, Helvetica, sans-serif;} .fila_cuenta_ecologica h2{font: normal 22px Arial, Helvetica, sans-serif; color: #370; margin: 0px; padding: 0px 0px 22px 0px;} .fila_cuenta_ecologica ul{margin: 0px; padding: 0px; list-style: none;} .fila_cuenta_ecologica ul li{margin: 0px; padding: 0px 0px 3px 0px; line-height:normal;} .fila_cuenta_ecologica p{margin: 0px; padding: 0px 0px 5px 0px;} .fila_cuenta_ecologica .columnas{background: url(/medios/BCI2/art/template/fondo_caja_portada_cuenta_ecologica.jpg) no-repeat 0px 0px; width: 149px; height: 210px; margin: 0px 20px 10px 0px; padding: 5px 70px 0px 13px; float: left;} .fila_cuenta_ecologica .columnas.last{margin: 0px;} .fila_cuenta_ecologica .columnas a:link, .fila_cuenta_ecologica .columnas a:visited{color: #337700; text-decoration: underline;} .fila_cuenta_ecologica .columnas a:hover, .fila_cuenta_ecologica .columnas a:active{color: #337700; text-decoration: none;} .intro_cuenta_ecologica{float: right; margin: 0px; padding: 0px 0px 25px 0px; width: 500px; clear: right; font: 12px/140% Arial, Helvetica, sans-serif; color: #333; text-align:justify; } h2.intro_cuenta_ecologica { font:bold 14px Arial, Helvetica, sans-serif; color:#337700; padding:0px 0px 5px 0px; margin:0px; } ul.intro_cuenta_ecologica{float: right; margin: 0px; padding: 0px 0px 10px 15px; list-style:disc; width: 470px; clear: right; font: 12px/140% Arial, Helvetica, sans-serif; color: #333; text-align:left; } #cont_main.cuenta_ecologica p img{ padding:0px 0px 0px 5px; } #cont_main.cuenta_ecologica p.intro_cuenta_ecologica img{ padding:0px 0px 0px 5px; } .cuenta_ecologica_sabiasque {float: right; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 498px; clear: right; font: 12px/140% Arial, Helvetica, sans-serif; color: #333; text-align:left; background:#D2FFA6; border:1px solid #66cc00; } .cuenta_ecologica_sabiasque .intro_cuenta_ecologica{float: right; margin: 0px; padding: 0px 0px 25px 0px; width: 490px; clear: right; font: 12px/140% Arial, Helvetica, sans-serif; color: #333; text-align:left; } .cuenta_ecologica_sabiasque h2.intro_cuenta_ecologica { font:bold 14px Arial, Helvetica, sans-serif; color:#337700; padding:0px 0px 5px 0px; margin:0px; } .cuenta_ecologica_sabiasque ul.intro_cuenta_ecologica{float: right; margin: 0px; padding: 0px 10px 10px 15px; list-style:disc; width: 460px; clear: right; font: 12px/140% Arial, Helvetica, sans-serif; color: #333; text-align:justify; } .cuentas_menu_izquierda { width:250px; float:left; } .cuentas_menu_izquierda .lista_intro_cuenta_ecologica{margin: 0px; padding: 1px 0px 15px 0px; list-style: none; font: 12px Arial, Helvetica, sans-serif; color: #370; font:bold 12px Arial, Helvetica, sans-serif; } .cuentas_menu_izquierda .lista_intro_cuenta_ecologica li{background: url(/medios/BCI2/art/template/ico_reducir_huella.gif) no-repeat 0px 0px; margin: 0px; padding: 0px 40px 5px 16px; } .cuentas_menu_izquierda .lista_intro_cuenta_ecologica a:link, .cuentas_menu_izquierda .lista_intro_cuenta_ecologica a:visited{color: #370; text-decoration: underline;} .cuentas_menu_izquierda .lista_intro_cuenta_ecologica a:hover, .cuentas_menu_izquierda .lista_intro_cuenta_ecologica a:active{color: #370; text-decoration: none;} .cuentas_menu_izquierda img { padding-top:10px; } /*cuentas_todas*/ .fila_cuentas .columnas_colores{float: left; width: 352px; margin: 5px 10px 5px 0px; height:68px; border: 1px solid #98FF6C; background:#C9FFC8; padding:5px 0px 0px 10px;} .fila_cuentas .columnas_gris{float: left; width: 352px; margin: 5px 10px 5px 0px; height:68px; border: 1px solid #DBDBDB; background:#EFEFEE; padding:5px 0px 0px 10px;} .fila_cuentas .columnas_colores p{ font: normal 12px Arial, Helvetica, sans-serif; padding:25px 0px 5px 0px;} .fila_cuentas .columnas_colores p strong{ font: bold 14px Arial, Helvetica, sans-serif; padding:25px 0px 5px 0px;} .fila_cuentas .columnas_gris p{ font: normal 12px Arial, Helvetica, sans-serif; padding:25px 0px 5px 0px;} .fila_cuentas .columnas_gris p strong{ font: bold 14px Arial, Helvetica, sans-serif; padding:25px 0px 5px 0px;} /*FORMULARIO: CONOCE*/ #cont_main #formCalculadora { float:right; } #cont_main #formCalculadora .tabla_calculadora { background:#DAF4C1; border:1px solid #499B21; border-top:none; width:496px; margin:0px 4px 15px 0px; } #cont_main #formCalculadora .tabla_calculadora img.ico_ecologico { margin-top:-5px; position:relative; } #cont_main #formCalculadora .tabla_calculadora td { vertical-align:top; } #cont_main #formCalculadora .tabla_calculadora td.contenido_conoce { background:url(/medios/BCI2/art/template/bg_tablas_calculadora.jpg) no-repeat right 0px; width:404px; padding:5px 10px 10px 10px; } #cont_main #formCalculadora .tabla_calculadora td.contenido_conoce h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0px 0px 20px 0px; margin:0px; width:404px; background:none; } #cont_main #formCalculadora .tabla_calculadora .campos_eco { width:100%; color:#4B4B4B; } #cont_main #formCalculadora .tabla_calculadora .campos_eco td, #col_central_destinos.contenido_tarjetas .tabla_calculadora .campos_eco td { padding:0px 0px 3px 0px; } #cont_main #formCalculadora .tabla_calculadora .campos_eco th { text-align:left; width:120px; vertical-align:top; } #cont_main #formCalculadora .tabla_calculadora .campos_eco th.bajada { text-align:left; font:normal 11px Arial, Helvetica, sans-serif; padding:2px 0px 0px 0px; } #cont_main #formCalculadora .tabla_calculadora .campos_eco input { width:108px; font:normal 11px Arial, Helvetica, sans-serif; text-align:right; padding-right:2px; height:15px; } #cont_main #formCalculadora .tabla_calculadora .campos_eco select { width:110px; font:normal 11px Arial, Helvetica, sans-serif; height:20px; } #cont_main span.valorTotal { font:bold 30px Arial, Helvetica, sans-serif; color:#009900; } #cont_main span.eco { font:bold 14px Arial, Helvetica, sans-serif; color:#009900; } #cont_main .botonesCalculadoraEcologico { height:70px; padding:0px 0px 15px 0px; width:750px; margin:0px auto; background:url(/medios/BCI2/art/tarjetas/ecologico/bg_botones_calculadora.jpg) no-repeat center top; font:normal 12px Arial, Helvetica, sans-serif; text-align:center; clear:both; } #cont_main .botonesCalculadoraEcologico h1 { font:bold 16px Arial, Helvetica, sans-serif; color:#009900; padding:12px 0px 10px 0px; clear:both; margin:0px auto; background:none; } #cont_main .botonesCalculadoraEcologico a { font:normal 12px Arial, Helvetica, sans-serif; color:#009900; padding:0px 20px 0px 35px; background:url(/medios/BCI2/art/template/bg_links_hoja.jpg) no-repeat 20px center; text-decoration:none; } #cont_main .botonesCalculadoraEcologico a:hover { text-decoration:underline; } #cont_main .botones_inferior_ecologico { padding:15px 0px; } #cont_main h1.eco { width:750px; text-align:center; background:none; color:#009900; } #formulario_cuenta_ecologica{font: 10px/130% Arial, Helvetica, sans-serif; color: #295913; width:500px; clear: both; float:right;} #formulario_cuenta_ecologica p{margin: 0px; padding: 0px 0px 0px 80px; clear: both;} #formulario_cuenta_ecologica p label{display: block; width: 155px; margin: 0px; padding: 4px 2px 3px 0px; cursor: pointer; float: left; font-size: 12px;} #formulario_cuenta_ecologica .columnas{float: none; width: 500px; margin: 0px;} #formulario_cuenta_ecologica .columnas.last{margin: 0px;} #formulario_cuenta_ecologica .columnas .bloque{background: #DAF4C1; border: 1px solid #499B21; border-top:none; margin: 0px 0px 14px 0px; padding: 0px 0px 7px 0px; width: 498px; overflow: hidden;} *>#formulario_cuenta_ecologica .columnas .bloque{height: auto; min-height: 68px;} #formulario_cuenta_ecologica .columnas .bloque h2{background: url(/medios/BCI2/art/template/fondo_tit_formularios.jpg) repeat-x 0px 0px; font: bold 14px Arial, Helvetica, sans-serif; margin: 0px; padding: 4px 0px 14px 80px; color: #FFF;} #formulario_cuenta_ecologica .columnas .bloque input{background: #FFF; border: 1px solid #499B21; font: 11px Arial, Helvetica, sans-serif; margin: 0px 0px 3px 0px; padding: 0px; width: 70px; height: 18px; color: #295913;} #formulario_cuenta_ecologica .columnas .bloque select{background: #FFF; border: 1px solid #499B21; font: 11px Arial, Helvetica, sans-serif; margin: 0px 0px 3px 0px; padding: 0px; width: 102px; height: 18px; color: #295913;} #formulario_cuenta_ecologica .columnas .bloque select.right{float: right; margin-right: 25px;} *>#formulario_cuenta_ecologica .columnas .bloque select.right{margin-right: 29px;} #formulario_cuenta_ecologica .iconos{width: 70px; height: 70px; position: absolute; margin: -5px 0px 0px 5px; font: 1px Arial, Helvetica, sans-serif;} #formulario_cuenta_ecologica .personas{background: url(/medios/BCI2/art/template/ico_form_personas.gif) no-repeat 0px 0px;} #formulario_cuenta_ecologica .hogar{background: url(/medios/BCI2/art/template/ico_form_hogar.gif) no-repeat 0px 0px;} #formulario_cuenta_ecologica .autos{background: url(/medios/BCI2/art/template/ico_form_autos.gif) no-repeat 0px 0px;} #formulario_cuenta_ecologica .motos{background: url(/medios/BCI2/art/template/ico_form_motos.gif) no-repeat 0px 0px;} #formulario_cuenta_ecologica .tren{background: url(/medios/BCI2/art/template/ico_form_tren.gif) no-repeat 0px 0px;} #formulario_cuenta_ecologica .vuelos{background: url(/medios/BCI2/art/template/ico_form_vuelos.gif) no-repeat 0px 0px;} /*EMISION CO2*/ #emision_co2{clear: both; text-align: center; color: #090; font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 25px 0px;} #emision_co2 strong, #emision_co2 b{font: bold 36px Arial, Helvetica, sans-serif;} #emision_co2 span{font: bold 14px Arial, Helvetica, sans-serif;} /*COMO REDUCIR CO2*/ #como_reducir_co2{background: url(/medios/BCI2/art/template/fondo_como_reducir_huella.gif) no-repeat 0px 0px; clear: both; color: #090; font: 13px/100% Arial, Helvetica, sans-serif; width: 496px; height: 60px; margin: 0px auto 20px auto; padding: 10px 0px 0px 0px;} #como_reducir_co2 h2{margin: 0px auto; padding: 0px 0px 10px 0px; text-align: center; font: bold 16px Arial, Helvetica, sans-serif; color: #090;} #como_reducir_co2 ul{margin: 0px; padding: 0px 0px 0px 90px; list-style: none;} #como_reducir_co2 ul li{background: url(/medios/BCI2/art/template/ico_reducir_huella.gif) no-repeat 0px 0px; margin: 0px; padding: 0px 40px 0px 22px; float: left;} #como_reducir_co2 a:link, #como_reducir_co2 a:visited{color: #090; text-decoration: none;} #como_reducir_co2 a:hover, #como_reducir_co2 a:active{color: #090; text-decoration: underline;} /*BOTONES*/ #cont_main .botones_inferiores { clear: both; text-align: center; margin: 0px; padding: 0px; } #cont_main .botones_inferiores p { margin: 0px auto; padding: 0px; } #cont_main .botones_inferiores .bot_120x27 { background: url(/medios/BCI2/art/template/bot_120x27.gif); width: 120px; height: 27px; text-align: center; margin: 0px; padding: 0px; border: none; cursor: pointer; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; float: left; } #cont_main .botones_inferiores .bot_120x27_accion { background: url(/medios/BCI2/art/template/bot_120x27_accion.gif); width: 120px; height: 27px; text-align: center; margin: 0px; padding: 0px; border: none; cursor: pointer; font: bold 12px Arial, Helvetica, sans-serif; color: #1FA23A; float: left; } #cont_main .botones_inferiores .bot_120x27_accion.con_margen_left { margin: 0px 10px 0px 268px; } .botones{margin: 0px; padding: 0px 0px 10px 0px; text-align: center;} .botones input{color: #FFF !important; font: bold 13px Arial, Helvetica, sans-serif !important; text-align: center !important; margin: 0px !important; padding:0px !important; border: none !important; cursor: pointer; } #cont_main .botones_inferiores .boton_210x26 { background: url(/medios/BCI2/art/template/bot_210x28.gif) no-repeat 0px 0px; width: 212px; height: 28px; margin: 0px auto; padding: 0px; text-align: center; display:block; } #cont_main .botones_inferiores .boton_210x26_blanco { background: url(/medios/BCI2/art/template/bot_210x28_blanco.gif) no-repeat 0px 0px; width: 212px; height: 28px; margin: 0px auto; padding: 0px; text-align: center; display:block; } #cont_main .botones_inferiores .boton_210x26 a:link, .boton_210x26 a:visited{width: 212px; height: 22px; margin: 0px; padding: 6px 0px 0px 0px; color: #FFF; text-decoration: none; display: block;} #cont_main .botones_inferiores .boton_210x26_blanco a:link, .boton_210x26_blanco a:visited{width: 212px; height: 22px; margin: 0px; padding: 6px 0px 0px 0px; color: #1A842F; text-decoration: none; display: block;} #cont_main .botones_inferiores .btn_izquierda { float:left; padding-left:150px; background-position:150px 0px; } #cont_main .botones_inferiores .btn_derecha { float:right; padding-right:150px; } /*ETIQUETAS APLICABLES PARA EL ESTILO DE PAGINA DE ACCESIBILIDAD*/ #accesibilidad{width: 0; clear: both;} #accesibilidad #txt_accesibilidad{width: 0;} #accesibilidad #txt_accesibilidad h1{} #accesibilidad #txt_accesibilidad h2{} #accesibilidad #txt_accesibilidad p{} #accesibilidad #iconos_accesibilidad{float: right; width: 0;} #accesibilidad #iconos_accesibilidad p{} #accesibilidad #iconos_accesibilidad img{} /*ANTIGUO SABORES */ #col_central { margin:0; width:600px; font-size:12px; margin-top:0; margin-left:12px; margin-bottom: 10px; } #col_izquierda { width:180px; } #col_izquierda_larga { margin:0; width:803px; font-size:12px; margin-top:0; margin-left:12px; } #col_derecha { width:175px; } #titulo { margin:0; padding: 0 0 0.5em 0; } #titulo h1 { margin: 0; padding: 0; font-size: 21px; font-weight: normal; } #titulo p { margin: 0; padding: 0; font-size:12px; color: #666; line-height:12px; } #titulo a { margin: 0; padding: 0; text-decoration: none; color: #666; } #col_derecha .bloque_beneficios_der .mas_info h2 { background:transparent url(/medios/BCI2/art/template/ico_info_grande.jpg) no-repeat scroll 14px 11px; font-size:12px; line-height:1.2; margin-bottom:0pt; padding:11px 3.5em; } #col_derecha .bloque_beneficios_der .mas_info h3 { font-size:12px; line-height:1.2; margin-bottom:0pt; padding-top: 11px; padding-right: 3.5em; padding-bottom: 11px; padding-left: 0.7em; } #col_derecha .bloque_beneficios_der { margin-bottom:21px; overflow:hidden; width:175px; font-size:11px; float: right; } #col_derecha .bloque_beneficios_der .mas_info { color:#333; height:100%; overflow:hidden; background:#d8ebf5; padding-bottom:0px; margin-bottom:11px; } #col_derecha .bloque_beneficios_der .hagase_cliente { display:block; background:#ececec url(/medios/BCI2/art/template/bg_hagase_cliente.jpg) left bottom no-repeat; text-decoration:none; min-height:20px; height:auto !important; height:20px; border:solid #999 1px; margin:0 5px 5px 5px; font-weight:bold; color:#333; padding:9px; text-align:center; } #col_derecha .bloque_beneficios_der .hagase_cliente:hover { background:#BFBFBF url(/medios/BCI2/art/template/bg_hagase_cliente_hover.jpg) left bottom no-repeat; border-color:#666; color:#333; } #col_derecha .bloque_beneficios_der p { line-height:19px; font-size:12px; padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #col_derecha h2 { background-color:#DCF2B7; font-size:12px; line-height:1.1; margin-bottom:15px; padding:6px 13px; padding-top:15px; font-weight:bold; } .bloque_beneficios_der .bloque_obtener h2 { font-size:12px; padding:0.21px 11px; font-size:12px; } .bloque_obtener { min-height:300px; height:auto !important; height:300px; background-color: #DCF2B7; background-image: url(/medios/BCI2/art/template/bg_curvo_der.gif); background-repeat: no-repeat; background-position: right bottom; } .bloque_beneficios_der .bloque_obtener { font-size:11px; } .bloque_beneficios_der .bloque_obtener p { line-height:18px; font-size:12px; } /* Menu desplegable */ #nav, #nav ul { padding: 0; margin: 0; list-style: none; z-index:999; float:right; text-align:left; } #nav #sub_nav { width:110px; white-space:normal; border:#b2b2b2 solid 1px; background-color:#FFF; margin: 0px 0px 0px -15px; display: block; } #nav #sub_nav li { border:0; display:block; width: 100%; } #nav #sub_nav a { margin: 0; text-indent: 10px; text-decoration: none; display: block; width: 100%; white-space: normal; } #nav a { display: block; text-decoration: underline; } #nav a, #nav a:visited, #nav a:hover { color:#000; text-decoration:underline; line-height:26px; } #nav ul a:hover { background-color:#EEEEF0; } #nav li { float: left; display: block; } #nav .ultimo_li { border-right:0; } #nav li ul { position: absolute; width: 10.11px; left: -999em; visibility: visible; } #nav li:hover ul { left: auto; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* SACADO DE TARJETAS */ /*----------------- MENU LATERAL ACORDEON ---------------------*/ .menu_lateral_tarjetas .menuheader { cursor: pointer; } .menu_lateral_tarjetas .menuheader { cursor: pointer; background:url(/medios/BCI2/art/tarjetas/bg_menu_acordeon.jpg) no-repeat #747474; } .menu_lateral_tarjetas .menuheader a { color:#fff; text-decoration:none; } .menu_lateral_tarjetas .openheader { background:url(/medios/BCI2/art/tarjetas/bg_menu_acordeon_activo.jpg) no-repeat #818181; } .menu_lateral_tarjetas { width:180px; margin:0px 0px 5px 0px; } .menu_lateral_tarjetas h2 { color:#fff; font:bold 12px Arial, Helvetica, sans-serif; padding:6px 8px; } .menu_lateral_tarjetas ul.categoryitems { list-style:none; } .menu_lateral_tarjetas ul.categoryitems a, .menu_lateral_tarjetas ul.categoryitems a:visited { padding:6px 18px 6px 8px; font:bold 11px Arial, Helvetica, sans-serif; color:#333; display:block; background:#f3f3f3 url(/medios/BCI2/art/tarjetas/bg_li_acordeon.jpg) no-repeat left center; margin:0px; min-height:15px; height:auto !important; height:15px; } .menu_lateral_tarjetas ul.categoryitems li { padding:0px; margin:0px; min-height:15px; height:auto !important; height:15px; } .menu_lateral_tarjetas ul.categoryitems a.submenu { background:#e2e2e2 url(/medios/BCI2/art/tarjetas/bg_li_acordeon_destacado.jpg) no-repeat left center; padding-left:15px; font-weight:normal; } .menu_lateral_tarjetas ul.categoryitems a:hover { color:#FF0000; background:#fafafa url(/medios/BCI2/art/tarjetas/bg_li_acordeon_activo.jpg) no-repeat left center; } .menu_lateral_tarjetas .menu_lateral_bottom { background:url(/medios/BCI2/art/tarjetas/bg_menu_acordeon_bottom.jpg) no-repeat; height:5px; padding:0px; margin:0px; } /*----------------- CONTENIDO CENTRAL -------------------------*/ #col_central_destinos .banners_tarjetas { padding-bottom:10px; } #col_central_destinos .calugas_inferiores ul li { float:left; padding-right:8px; } #col_central_destinos .calugas_inferiores ul li img { border:1px solid #CCCCCC; } #col_central_destinos.contenido_tarjetas { background:#fafafa; border:1px solid #ddd; padding:10px; width:500px; } #col_central_destinos.contenido_tarjetas h1 { font:bold 16px Arial, Helvetica, sans-serif; padding:5px 0px; } #col_central_destinos.contenido_tarjetas h2 { font:bold 12px Arial, Helvetica, sans-serif; padding:5px 0px 0px 20px; background:url(/medios/BCI2/art/tarjetas/ico_puntos.jpg) no-repeat left 5px; } #col_central_destinos.contenido_tarjetas h3 { font:bold 12px Arial, Helvetica, sans-serif; padding:5px 0px 0px 20px; background:url(/medios/BCI2/art/tarjetas/ico_opensky.jpg) no-repeat left 5px; color:#333333; } #col_central_destinos.contenido_tarjetas h4 { font:bold 14px Arial, Helvetica, sans-serif; padding:5px 0px; } #col_central_destinos.contenido_tarjetas p { font:normal 12px Arial, Helvetica, sans-serif; line-height:18px; padding:0px; margin:0px 0px 10px 0px; } #col_central_destinos.contenido_tarjetas small { font:normal 10px Arial, Helvetica, sans-serif; line-height:15px; padding:0px; margin:0px 0px 10px 0px; } #col_central_destinos.contenido_tarjetas ul { list-style:none; margin:0px 0px 0px 0px; } #col_central_destinos.contenido_tarjetas ol { list-style:decimal inside; margin:5px 0px 0px 0px; font:normal 12px Arial, Helvetica, sans-serif; } #col_central_destinos.contenido_tarjetas ol.list_beneficios { list-style:decimal inside; margin:5px 0px 0px 0px; font:normal 11px Arial, Helvetica, sans-serif; } #col_central_destinos.contenido_tarjetas ol li { margin-bottom:5px; } #col_central_destinos.contenido_tarjetas ol ol { list-style:lower-alpha inside; margin:0px 0px 0px 20px; } #col_central_destinos.contenido_tarjetas ul li { background:url(/medios/BCI2/art/template/ico_flecha2_fdoEEE.gif) no-repeat left 3px; padding:0px 0px 10px 15px; } #col_central_destinos.contenido_tarjetas ul ul { list-style:none; margin:5px 0px 0px 0px; } #col_central_destinos.contenido_tarjetas ul li li { background:url(/medios/BCI2/art/template/ico_ticket_azul_fdoEEE.gif) no-repeat left 3px; padding:0px 0px 5px 15px; font:normal 11px Arial, Helvetica, sans-serif; } #col_central_destinos .tomar_plan.btn_verde_tarjetas { width:240px; } #col_central_destinos.contenido_tarjetas .beneficios_pdf { padding:0px 0px 0px 37px; background:url(/medios/BCI2/art/template/ico_pdf.jpg) no-repeat 15px top; } #col_central_destinos.contenido_tarjetas .ico_opensky { float:left; width:120px; } #col_central_destinos.contenido_tarjetas .txt_opensky { float:right; width:365px; } #col_central_destinos.contenido_tarjetas .ico_opensky_small { text-align:right; padding-bottom:10px; } #col_central_destinos.contenido_tarjetas .ico_opensky_small img { text-align:right; padding-left:10px; } /*----------------- TARJETAS ----------------------------------*/ #col_central_destinos .seleccion_tarjetas { background:url(/medios/BCI2/art/tarjetas/mono_tarjetas_home.jpg) no-repeat right bottom; min-height:235px; } #col_central_destinos .tarjetas_detalle { padding:0px 0px 10px 0px; } #col_central_destinos .tarjetas_detalle .imagen_tarjetas_gr { float:right; } #col_central_destinos .tarjetas_detalle .imagen_tarjetas_th { margin:0px 2px 2px 0px; } #col_central_destinos .tarjetas_detalle .tarjeta_preview { text-align:center; margin:0px 0px 10px 0px; } /*----------------- PROMOCION DERECHA -------------------------*/ .promo_tdc { width:252; height:172px; background:#FFFFCC; border:1px solid #FFE064; overflow:hidden; } .promo_tdc h1 { display:block; background:#FFFF99; height:20px; padding:5px 0px 0px 10px; font:bold 13px Arial, Helvetica, sans-serif; color:#333333; } .promo_tdc img, .promo_tdc img a { margin:10px 20px 5px 20px; border:1px solid #0057ae; } .promo_tdc p { font:normal 12px Arial, Helvetica, sans-serif; color:#333333; padding:0px 10px; line-height:normal; min-height:70px; } /*----------------- SECCION PROMOCIONES -----------------------*/ #col_central_destinos .promo_dos_columnas { background:#f8f8f8; padding:10px; color:#333333; } #col_central_destinos .promo_dos_columnas .promo_izquierda { width:230px; float:left; } #col_central_destinos .promo_dos_columnas .promo_derecha { width:260px; float:right; } #col_central_destinos .promo_dos_columnas h1 { background:#e5e5e5 url(/medios/BCI2/art/template/bg_cabecera_gris.jpg) repeat-x; border-top:1px solid #ccc; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#333333; margin:0px 0px 5px 0px; } #col_central_destinos .promo_dos_columnas p { margin:0px; padding:0px 0px 5px 0px; line-height:18px; } #col_central_destinos .promo_dos_columnas .promo_btn_verde { padding:0px 0px 0px 120px; margin-top:10px; float:none; } #col_central_destinos .promo_dos_columnas .promo_btn_verde .boton { background:url(/medios/BCI2/art/tarjetas/promo_btn_verde.jpg) no-repeat right bottom; color:#FFFFFF; font:bold 15px Arial, Helvetica, sans-serif; padding:0px; height:42px; width:260px; border:none; cursor:pointer; margin:auto;} #col_central_destinos .promo_dos_columnas ul li { background:url(/medios/BCI2/art/template/ico_ticket2.gif) no-repeat left 4px; padding:2px 0px 3px 15px; } /* ESTILO SERVICIOS */ /*----home bcimovil-----*/ #fondo_home_servicios {background:url(/medios/BCI2/art/serviciosbci/fondo_home.jpg) no-repeat; padding:100px 0px 0px 0px; height:180px; width:780px; color:#fff; margin:0px 0px 0px 15px; float:right;} #fondo_home_servicios ul li { height:20px; position:relative; float:left; padding: 80px 0px 0px 0px; margin:0px 7px 0px 8px; list-style:none; width:70px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;} *>#fondo_home_servicios ul li { height:20px; position:relative; float:left; padding: 0px 0px 0px 0px; margin:0px 8px 0px 8px; list-style:none; width:70px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;} #fondo_home_servicios ul li a:link, #fondo_home_servicios ul li a:visited { display:block; color:#fff; padding:200px 0px 0px 0px; height:50px; text-decoration:none; top:100px;} *>#fondo_home_servicios ul li a:link,*>#fondo_home_servicios ul li a:visited { display:block; color:#fff; padding:80px 0px 0px 0px; height:50px; text-decoration:none;} { display:block; color:#fff; text-decoration:none;} #fondo_home_servicios ul li a:hover { display:block; color:#fff; text-decoration:underline;} #fondo_home_servicios ul li a:active { display:block; color:#fff; text-decoration:none;} /*----pagina detalle bcimovil-----*/ #contenido_seguridad {width:778px; padding:0px; float:left; margin:0px 0px 0px 20px; } #contenido_seguridad .imagen {padding:0px 0px 0px 0px; height:101px; width:780px; color:#fff; margin:0px 0px 15px 0px; float:right;} #contenido_seguridad .textos { border:1px solid #D8D8D8; background-color:#f8f8f8; padding:10px; float:right; width:758px; font: normal 12px Arial, Helvetica, sans-serif; color:#333; } #contenido_seguridad h1{font: normal 18px Arial, Helvetica, sans-serif; color:#333; padding:0px; } #contenido_seguridad h2{font: bold 14px Arial, Helvetica, sans-serif; color:#333; padding:0px 0px 10px 0px; } #contenido_seguridad .img_derecha {float:right; width:177px; height:99px; margin:0px; padding:0px;} #contenido_seguridad p {font: normal 12px Arial, Helvetica, sans-serif; color:#333; padding:15px 0px; margin:0px; } #contenido_seguridad .ticket { padding:10px 0px ; } #contenido_seguridad .ticket ul li {background:url(/medios/BCI2/art/serviciosbci/ticket.jpg) no-repeat 0px 7px; padding:5px 0px 5px 15px; font: normal 12px Arial, Helvetica, sans-serif; color:#333; margin:0px; list-style:none;} /*Botones*/ .botones_acciones { text-align:center; padding:10px 0px; margin:0px; } .botones_acciones .bot_accion_160px { background:url(/medios/BCI2/art/botones/boton_162x30.jpg) center center no-repeat; width:550px; margin:0px 10px; text-align:center; cursor:pointer; border:none; font:bold 13px Arial, Helvetica, sans-serif; } .botones_acciones .bot_accion_202px { background:url(/medios/BCI2/art/botones/boton_202x28.gif) center center no-repeat; width:550px; margin:0px 10px; text-align:center; cursor:pointer; border:none; font:bold 13px Arial, Helvetica, sans-serif; } .botones_acciones a { color:#fff; padding:15px 80px 10px 80px; height:20px; text-decoration:none; width:190px; display:block;} *>.botones_acciones a{ color:#fff; padding:12px 80px 10px 80px; height:20px; text-decoration:none; width:170px; } .botones_acciones a:visited {color:#fff; text-decoration:none;} .botones_acciones a:hover {color:#fff; text-decoration:none;} .botones_acciones a:active {color:#fff; text-decoration:none; } .botones_acciones2 { text-align:center; padding:10px 0px; margin:0px; } .botones_acciones2 .bot_volver_122px { background:url(/medios/BCI2/art/botones/volver_122x28.jpg) center center no-repeat; width:122px; height:30px; margin:0px 10px; text-align:center; cursor:pointer; border:none; font:bold 13px Arial, Helvetica, sans-serif; } .botones_acciones2 a:link { color:#219B38; padding:20px 80px 20px 80px; height:30px; text-decoration:none; width:190px;} *>.botones_acciones2 a:link { color:#219B38; padding:20px 80px 20px 80px; height:30px; text-decoration:none; width:170px;} .botones_acciones2 a:visited {color:#219B38; text-decoration:none;} .botones_acciones2 a:hover {color:#219B38; text-decoration:none;} .botones_acciones2 a:active {color:#219B38; text-decoration:none;} /*banca movil*/ .fondo_home_bancamovil { padding:0px; width:755px; color:#fff; margin:0px ; float:left; clear:both;} *>.fondo_home_bancamovil { padding:0px; width:770px; color:#fff; margin:0px 0px 0px 0px; float:left;} .fondo_home_bancamovil ul {margin:0px; padding:0px 0px 0px 3px; font:normal 11px Arial, Helvetica, sans-serif !important;} .fondo_home_bancamovil ul li { height:116px; position:relative; float:left; padding: 0px ; margin:5px 6px 5px 0px; list-style:none; width:116px; border:solid 1px #D8D8D8; font:normal 11px Arial, Helvetica, sans-serif;} *>.fondo_home_bancamovil ul li { height:116px; position:relative; float:left; padding: 0px ; margin:5px 9px 5px 0px; list-style:none; width:116px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; border:solid 1px #D8D8D8;} #contenido_seguridad .cuadro_der {float:right; width:356px; border:1px solid #CCC;} #contenido_seguridad .cuadro_der_info {float:right; width:390px; border:1px solid #CCC; margin-top:35px; padding:0px 10px;} #contenido_seguridad .cuadro_der_info h2{padding:5px 0px; font: bold 14px Arial, Helvetica, sans-serif; color:#333;} #contenido_seguridad .cuadro_der_info p{padding:5px 0px; font: normal 12px Arial, Helvetica, sans-serif; color:#333;} #contenido_seguridad .cuadro_izq2 {width:320px; padding: 0px 10px 3px 10px; margin: 0px 10px 5px 0px;} #contenido_seguridad .cuadro_der_info .cuadro_amarillo {width:360px; background-color:#FFFF99; border: 1px solid #FFCC33; padding: 3px 10px; margin: 10px 10px 5px 0px;} #contenido_seguridad .cuadro_amarillo {width:370px; background-color:#FFFF99; border: 1px solid #FFCC33; padding: 3px 10px; margin: 10px 10px 5px 0px;} #contenido_seguridad .cuadro_izq {width:370px; padding: 0px 10px 3px 10px; margin: 0px 10px 5px 0px;} #contenido_seguridad .cuadro_gris {width:370px; background-color:#E2E2E2; border: 1px solid #BEBEBE; padding: 3px 10px; margin: 10px 0px;} #contenido_seguridad .cuadro_gris .align_centro {width:167px;margin:0px auto;} /*universitarios*/ #cont_main_universitarios{background: #F8F8F8; margin: 20px 0px 0px 0px; padding: 15px 12px 20px 10px; border: 1px solid #D8D8D8; width: 756px; overflow: hidden; color: #333;} #cont_main_universitarios2{background: #F8F8F8; margin: 10px 0px 0px 0px; padding: 15px 12px 20px 10px; border: 1px solid #D8D8D8; width: 756px; overflow: hidden; color: #333;} #cont_main_universitarios3{background: #F8F8F8; margin: 10px 0px 0px 0px; padding: 15px 0px 20px 0px; border: 1px solid #D8D8D8; width: 778px; overflow: hidden; color: #333;} #cont_main_universitarios p, #cont_main_universitarios2 p{ padding: 0px 0px 5px 0px; line-height:16px; margin:0px; } #cont_main_universitarios h1, #cont_main_universitarios2 h1{background:url(/medios/BCI2/art/cuentas/universitarios_titulo.jpg) no-repeat; margin: 0px; padding: 3px 10px 0px 10px; font: normal 20px Arial, Helvetica, sans-serif; color: #77C9E3; width: 520px; white-space: nowrap; margin:0px 0px 10px 0px; height:31px;} #cont_main_universitarios h1 strong, #cont_main_universitarios2 strong {padding: 3px 10px 0px 10px;} .fila_cuentas_univ{clear: both;} .fila_cuentas_univ .columnas{float: left; width: 369px; margin: 0px 10px 0px 0px;} .fila_cuentas_univ .columnas.last{margin: 0px;} .fila_cuentas_univ .columnas h2{margin: 0px 0px 12px 0px; padding: 0px 10px 0px 9px; border-bottom: 1px solid #CCC; font: bold 12px Arial, Helvetica, sans-serif; color: #333;} .fila_cuentas_univ .columnas h2 strong, .fila_cuentas_univ .columnas h2 b{background: url(/medios/BCI2/art/template/fondo_tit_internas_columnas.jpg) repeat-x left bottom #EFEFEE; font-weight: bold; width: 335px; margin: 0px; padding: 6px 5px 6px 10px; display: block;} .fila_cuentas_univ .columnas ul{margin: 0px; padding: 0px 0px 20px 5px; list-style: none; line-height: 120%;} .fila_cuentas_univ .columnas ul li{background:url(/medios/BCI2/art/cuentas/universitarios_bullet.jpg) no-repeat 0px 2px; margin: 0px; padding: 0px 0px 7px 20px; line-height:normal;} #cont_main_universitarios3 h1{background:url(/medios/BCI2/art/cuentas/universitarios_titulo.jpg) no-repeat; margin: 0px 0px 0px 10px; padding: 3px 10px 0px 10px; font: normal 20px Arial, Helvetica, sans-serif; color: #77C9E3; width: 520px; white-space: nowrap; height:31px;} #banners_3_col{ width: 778px; height: 178px; padding: 0px; clear: both; } #banners_3_col img {border: none;} #banners_3_col .columnas{text-align: center; width: 244px; float: left; padding: 5px 5px 0px 5px;} #banners_3_col .columnas.firts {border-left: none;} #banners_3_col .columnas.last{border-right: none;} #cont_main_universitarios .botones_inferiores { clear: both; text-align: center; margin: 0px; padding: 0px; } #cont_main_universitarios .botones_inferiores .boton_210x29 { background:url(/medios/BCI2/art/cuentas/universitarios_btn.jpg) no-repeat 0px 0px; width: 212px; height: 28px; margin: 0px auto; padding: 0px; text-align: center; display:block;} #cont_main_universitarios .botones_inferiores .boton_210x29 a:link, #cont_main_universitarios .botones_inferiores .boton_210x29 a:visited{width: 212px; height: 22px; margin: 0px; padding: 6px 0px 0px 0px; color: #FFF; text-decoration: none; display: block;} #cont_main_universitarios3 .tabla_general {margin:15px 0px 0px 0px;} #cont_main_universitarios3 .tabla_general .titulo_preguntas h3 {background:#ECECEC; height:20px; padding:7px 0px 7px 10px; border:1px solid #CCCCCC; width:768px;} #cont_main_universitarios3 .tabla_general .titulo_preguntas h3 ul li {background: url(/medios/BCI2/art/cuentas/universitarios_pregunta.jpg) no-repeat; padding:0px 0px 0px 20px; list-style:none;} #cont_main_universitarios3 .tabla_general .titulo_preguntas h3 a:link, #cont_main_universitarios3 .tabla_general .titulo_preguntas a:visited{font: bold 12px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;} #cont_main_universitarios3 .tabla_general .titulo_preguntas h3 a:hover, #cont_main_universitarios3 .tabla_general .titulo_preguntas a:active{font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;} #cont_main_universitarios3 .tabla_general ul.categoryitems {list-style:none; padding:8px 20px 8px 30px;} #cont_main_universitarios3 .tabla_general ul.categoryitems a, #cont_main_universitarios3 ul.categoryitems a:visited { font:bold 11px Arial, Helvetica, sans-serif; color:#0057AE;}