/* 1996-2008 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto PROYECTO */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 19/06/2008 */ /* HISTORIAL DE MODIFICACIONES */ /* 22-04-2009 Modificación de bullet en el interior del sitio*/ /* IMPORTANTE • Los nombres de los estilos deben hacer referencia a la funcionalidad del elemento que se esta definiendo, en ningun caso a caracteristicas gráficas o ubicación, por ejemplo NO NOMBRAR #menu_left o #menu_rojo SI NOMBRAR #menu_principal • NO USAR guiones al centro(-) al nombrar estilos ya que puede generar problemas si se necesita que el estilo interactue con una funcion javascript o PHP, para separar palabras utilizar guion bajo (_) • Lo ideal es generar el Css para impresión al final de la programacion HTML, CSS de modo que existan las mismas clases en ambos Css, de no ser posible es importante que cada vez que se cree un estilo nuevo en la versión SCREEN, este sea replicado en la versión PRINT con las características que corresponden. • Se debe privilegiar la utilización de etiquetas HTML por sobre las clases. • Todos los comentarios adicionales a una definición de estilos SON DE AYUDA Y SON BIENVENIDOS estos deben estar ubicados al principio de la definicion y ser lo mas breve posibles y en un leguaje claro. */ /* REDEFINICION DE ELEMENTOS HTML */ body { padding:0px; margin-top:0px; font:11px Arial, Helvetica, sans-serif; background-color:#ffffff; } /*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; } /* ACCIONISTAS */ a {outline:0;} a, a:link, a:visited {color:#0057AE;} a:hover, a:active {color:#0E1B5E;} img {border:0 none;} .clearfloat {clear:both; height:0; display:block; visibility:hidden;} .clearfix {display:inline-block;} /* --- cabecera */ #cabecera {background: url(/medios/BCI2/accionistas/art/tcn_tit.gif) no-repeat; background-position: right 45px; font-size:12px; width:980px; height:76px !important; margin:0 auto 0; overflow:hidden; padding-bottom:0; } #cabecera #logo {padding-top: 8px; float: left;} #cabecera #logo img {padding-bottom:2px; border:0 none;} #cabecera #botonera #fecha {display:block; float:right; height:20px; padding:10px 20px 10px 0px; text-align:right; color:#666666;} #cabecera .tit {float: right; clear:right;} #linea_cabecera {border-top:1px solid #A59F7D; width:100%;} /* --- contenido (contenedor) */ #contenido {margin:0px auto; padding:20px 0px 0px 0px; width:980px;} /* --- contenido principal */ #contenido #principal {width:700px; overflow:hidden; float:left; } #contenido #principal a.volver {background:url(/medios/BCI2/accionistas/art/bg_boton_165x30.gif) no-repeat; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; text-decoration:none; width:165px; height:30px; display:block; margin:0px auto; padding:6px 0px;} #contenido #principal h1 {font:25px Helvetica, Arial, sans-serif; color:#333; margin:0px 0px 4px;} #contenido #principal h2 {font:normal 18px Arial, Helvetica, sans-serif; color:#666; margin-bottom:15px;} #contenido #principal button {font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; width:165px; height:30px; margin:37px auto; text-align:center; display:block; background:url(/medios/BCI2/art/accionistas/bg_boton_165x30.gif) no-repeat; border:none; cursor:pointer; padding:6px 3px 7px;} #contenido #principal img.banner_home {padding-bottom:15px;} #contenido #principal #noticias {font-size:12px; color:#333; width:473px; border:solid 1px #CCC; margin-right:14px; float:left;} #contenido #principal #noticias h1 {font:bold 12px Arial, Helvetica, sans-serif; background:url(/medios/BCI2/accionistas/art/noticias_tit_bg.jpg) repeat-x; margin:0px; padding:5px 10px 10px;} #contenido #principal #noticias dl {padding:15px 10px 0px;} #contenido #principal #noticias dl dt {font-weight:bold;} #contenido #principal #noticias dl dd {margin:0px 0px 15px;} #contenido #principal #noticias a.ver_mas {padding:0px 10px 15px; display:block;} #contenido #principal #banners {width:210px; float:left;} #contenido #principal #banners img {margin-bottom:18px;} #contenido #principal #txt_ppal {background:#F8F8F8; padding:15px; color:#000; border-top:solid 1px #999; border-bottom:solid 1px #999; overflow:hidden; height:100%;} #contenido #principal #txt_ppal h2 {background:url(/medios/BCI2/accionistas/art/bg_cabecera_verde.jpg) repeat-x #CCCCCC; color:#333333; font-size:14px; font-weight:bold; padding:4px 10px; margin:0px 0px 10px;} #contenido #principal #txt_ppal h2.titulo_noticia {font:bold 20px Arial, Helvetica, sans-serif; margin-bottom:5px; padding:0px 5px; background:none;} #contenido #principal #txt_ppal h2.titulo_noticia span {font-size:14px; font-weight:bold; padding-bottom:5px;} #contenido #principal #txt_ppal h3 {font-size:13px; margin:8px 5px 10px;} #contenido #principal #txt_ppal dl {margin:8px 5px 10px;} #contenido #principal #txt_ppal dl dt {font-size:13px;} #contenido #principal #txt_ppal dl dd {margin:5px 0px 0px; color:#333;} #contenido #principal #txt_ppal p {font-size:12px; text-align:justify; padding:0px 5px 15px; margin:0px; color:#000;} #contenido #principal #txt_ppal p.fecha_noticia {font-weight:bold; color:#333; padding-top:5px;} #contenido #principal #txt_ppal p.fecha_noticia2 {font-weight:bold; font-size:11px; color:#333;} #contenido #principal #txt_ppal ul {font-size:12px; margin:0px; padding:0px 0px 0px 15px} #contenido #principal #txt_ppal ul li {margin:0px; padding:7px 25px;} /* --- usar estos estilos cuando las LISTAS EN DETALLE (LI) sean para descargar PDF, WORD o XLS respectivamente */ #contenido #principal #txt_ppal ul li.descargar_pdf {background:url(/medios/BCI2/accionistas/art/ico_pdf_small.jpg) left no-repeat;list-style:none;} #contenido #principal #txt_ppal ul li.descargar_word {background:url(/medios/BCI2/accionistas/art/ico_word.gif) left no-repeat;list-style:none;} #contenido #principal #txt_ppal ul li.descargar_xls {background:url(/medios/BCI2/accionistas/art/ico_xls.gif) left no-repeat; list-style:none;} /* --- usar este estilo cuando la LISTA ENTERA (UL) sea para descargar PDF */ #contenido #principal #txt_ppal ul.descargar_pdf li {background:url(/medios/BCI2/accionistas/art/ico_pdf_small.jpg) left no-repeat; list-style:none;} /* --- end comment */ #contenido #principal #txt_ppal ul.lista_news {padding-bottom:20px; color:#333;} #contenido #principal #txt_ppal ul.lista_news li {background:url(/medios/BCI2/accionistas/art/bullet_news.gif) left 12px no-repeat; padding-left:15px;} #contenido #principal #txt_ppal .conteido_anexo {font-size:12px; background:#F1F1F1; width:216px; margin:0px 0px 20px 20px; padding:0px 0px 15px 0px; border:solid 1px #CCC; float:right;} #contenido #principal #txt_ppal .conteido_anexo img {padding:15px 0px; margin:0px auto; display:block;} #contenido #principal #txt_ppal .conteido_anexo h3 {font:bold 12px Arial, Helvetica, sans-serif; background:url(/medios/BCI2/accionistas/art/contenido_anexo_tit_bg.jpg) repeat-x; height:21px; margin:0px; padding:3px 15px 0px;} #contenido #principal #txt_ppal .conteido_anexo ul li {font-weight:bold; background:url(/medios/BCI2/accionistas/art/ico_flecha2_azul.gif) left 10px no-repeat; padding-left:17px; list-style:none;} #contenido #principal #txt_ppal .conteido_anexo .memoria_completa {width:120px; margin:0px auto; text-align:center} #contenido #principal #txt_ppal .contenido_tabla {width:60%; margin:0px auto 15px; text-align:center;} #contenido #principal #txt_ppal .contenido_tabla p {font-size:11px; color:#333; display:block; margin-top:5px;} #contenido #principal #txt_ppal .contenido_tabla table {font-size:11px; color:#333; width:100%; background:#F1F1F1; border:solid 1px #CCC; text-align:left;} #contenido #principal #txt_ppal .contenido_tabla table thead {font-weight:bold; background:url(/medios/BCI2/accionistas/art/contenido_anexo_tit_bg.jpg) repeat-x; padding:0px;} #contenido #principal #txt_ppal .contenido_tabla table thead tr td {padding-top:3px;} #contenido #principal #txt_ppal .contenido_tabla table tr td, #contenido #principal #txt_ppal .contenido_tabla table tr th {padding:5px;} #contenido #principal #txt_ppal .contenido_tabla table tr th {font-weight:bold;} #contenido #principal #txt_ppal .contenido_tabla table tr.tr_color {background:#F8F8F8;} #contenido #principal #txt_secund {background:#FFFEEA; margin:0px 0px 15px 0px; padding:15px 15px 0px 15px; border-top:solid 1px #FDE686; border-bottom:solid 1px #FDE686;} #contenido #principal #txt_secund p {font-size:10px; text-align:justify; padding:0px 0px 15px 0px; margin:0px; color:#666;} #contenido #principal #txt_ppal .separador {width:auto; height:1px; margin:20px 0px 15px; border-top:solid 1px #CCC;} #contenido #principal #txt_ppal_hitos {background:#F8F8F8; color:#000; border:solid 1px #C5C5C5; overflow:hidden; height:100%; margin:0px 0px 15px; padding:0px 0px 15px;} #contenido #principal #txt_ppal_hitos h3 {font:bold 12px Arial, Helvetica, sans-serif; background:url(/medios/BCI2/accionistas/art/noticias_tit_bg.jpg) repeat-x; margin:0px; padding:5px 10px 10px;} #contenido #principal #txt_ppal_hitos h4 {font:bold 14px Arial, Helvetica, sans-serif; padding:15px 15px 10px; clear:both;} #contenido #principal #txt_ppal_hitos p {font:12px Arial, Helvetica, sans-serif; color:#333; padding:0px 15px 15px;} #contenido #principal #txt_ppal_hitos .hito {width:315px; background:#F1F1F1; border:solid 1px #CCC; margin:15px 0px 15px 12px; float:left;} #contenido #principal #txt_ppal_hitos .hito h4 {font:bold 12px Arial, Helvetica, sans-serif; background:url(/medios/BCI2/accionistas/art/contenido_anexo_tit_bg.jpg) repeat-x; height:21px; margin:0px; padding:3px 15px 0px;} #contenido #principal #txt_ppal_hitos .hito h4 a {color:#000; text-decoration:none;} #contenido #principal #txt_ppal_hitos .hito h4 a:hover {color:#666;} #contenido #principal #txt_ppal_hitos .hito img {display:block; padding:5px 0px 8px; margin:0px auto;} #contenido #principal #txt_ppal_hitos .img_descripcion {padding:0px 0px 0px 15px; width:325px; overflow:hidden;} #contenido #principal #txt_ppal_hitos .img_descripcion img {margin:0px 10px 0px 0px; padding-bottom:15px; float:left;} #contenido #principal #txt_ppal_hitos .img_descripcion p {font-size:11px; padding:15px 0px 0px;} #contenido #principal #txt_ppal_hitos .img_txt {padding:0px 15px; margin-bottom:15px;} #contenido #principal #txt_ppal_hitos .img_txt img {float:left; margin:0px 15px 0px 0px;} /* --- contenido secundario */ #contenido #secundario {width:250px; float:right; margin:0px;} #contenido #secundario #menu {width:250px; margin:0px 0px 15px 0px; padding:0px; background:#F0F0F0;} #contenido #secundario #menu h3 {font:15px Arial, Helvetica, sans-serif; color:#FFF; background:url(/medios/BCI2/accionistas/art/bg_h1menu.jpg) right top no-repeat #999; margin:0px; padding:5px 10px;} #contenido #secundario #menu ul {margin:0px; padding:0px 0px 10px 0px; overflow:hidden; width:250px;} #contenido #secundario #menu ul li {list-style:none; margin:0px; display:block;} #contenido #secundario #menu ul li a {font:14px Arial, Helvetica, sans-serif; display:block; padding:5px 15px 3px 10px; width:100%; margin:0px;} #contenido #secundario #menu ul li a:link, #contenido #secundario #menu ul li a:visited {color:#333; background:url(/medios/BCI2/accionistas/art/bullet_menu_01.gif) 230px 5px no-repeat;} #contenido #secundario #menu ul li a.menu_seleccionado:link, #contenido #secundario #menu ul li a.menu_seleccionado:visited {color:#333; background:url(/medios/BCI2/accionistas/art/bullet_menu_02.gif) 230px 5px no-repeat #FAFAFA; text-decoration:underline;} #contenido #secundario #menu ul li a.menu_seleccionado:hover, #contenido #secundario #menu ul li a.menu_seleccionado:active {color:#FF3300;} #contenido #secundario #menu ul li a:hover, #contenido #secundario #menu ul li a:active {color:#FF3300; background:url(/medios/BCI2/accionistas/art/bullet_menu_02.gif) 230px 5px no-repeat #FAFAFA;} #contenido #secundario #webcast {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; padding:0px 10px 15px;} #contenido #secundario #webcast h3 {background:url(/medios/BCI2/accionistas/art/webcast_tit.gif) no-repeat; text-indent:-9000px; margin:0px 0px 10px; padding:0px; height:46px;} #contenido #secundario #webcast dl {font-size:12px; color:#333;} #contenido #secundario #webcast dl dt {font-weight:bold;} #contenido #secundario #webcast dl dd {margin:0px;} #contenido #secundario #contacto {width:250px; font-size:12px; background:#C6ECFF; border-top:solid 1px #0099FF; border-bottom:solid 1px #0099FF; margin:0px 0px 15px 0px;} #contenido #secundario #contacto a, #contenido #secundario #contacto a:link, #contenido #secundario #contacto a:visited {font:bold 12px Arial, Helvetica, sans-serif; color:#0057AE;} #contenido #secundario #contacto a:hover, #contenido #secundario #contacto a:active {color:#0E1B5E;} #contenido #secundario #contacto h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#333; background:url(/medios/BCI2/art/asset/contacto_tit_bg.jpg) repeat-x; margin:0px; padding:5px 10px;} #contenido #secundario #contacto p, #contenido #secundario #contacto dl {padding:5px 10px; margin:0px;} #contenido #secundario #contacto dl dt {float:left;} #contenido #secundario #contacto dl dd {font-weight:bold; margin-left:70px;}