/* 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 */ /* */ /* 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:12px Arial, Helvetica, sans-serif; } /*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; } /* CORREDOR DE BOLSA */ 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;} ul { list-style:none; } ul li { list-style:none; } /* --- cabecera */ #cabecera {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%; height:1px;} /* --- 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(../art/corredordebolsa/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/corredordebolsa/bg_boton_165x30.gif) no-repeat; border:none; cursor:pointer; padding:6px 3px 7px;} #contenido #principal img.banner_home {padding-bottom:15px;} #contenido #principal .separador {height:1px; border-top:solid 1px #CCC; margin:15px 0px;} #bolsacomercio_links {font:12px Arial, Helvetica, sans-serif; color:#000; clear:both; margin:0px; padding:10px 0px 0px; display:block;} /*#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(../art/corredordebolsa/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 #txt_ppal_index {background:#F8F8F8; margin:0px 0px 20px; padding:15px; color:#000; overflow:hidden; height:100%;} #contenido #principal #txt_ppal_index p {font-size:12px; text-align:justify; padding:0px 5px 15px; margin:0px; color:#000;} #contenido #principal #txt_ppal_index ul {font-size:12px; margin:0px; padding:0px 0px 0px 15px; } #contenido #principal #txt_ppal_index ul li {font-weight:bold; background:url(../art/corredordebolsa/ico_flecha2_azul.gif) left 10px no-repeat; margin:0px; padding:7px 25px 7px 17px;} #contenido #principal #txt_ppal_index ul li a {font-weight:bold;} #contenido #principal #txt_ppal {background:#F8F8F8; margin:0px 0px 20px; 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(../art/corredordebolsa/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 0px 15px; padding:0px 0px 0px 15px;} #contenido #principal #txt_ppal ul li {background:url(../art/corredordebolsa/ico_flecha2_azul.gif) left 10px no-repeat; margin:0px; padding:7px 25px 7px 17px; } #contenido #principal #txt_ppal ul li a {font-weight:bold;} /* --- 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(../art/corredordebolsa/ico_pdf_small.jpg) left no-repeat;} #contenido #principal #txt_ppal ul li.descargar_word {background:url(../art/corredordebolsa/ico_word.gif) left no-repeat;} #contenido #principal #txt_ppal ul li.descargar_xls {background:url(../art/corredordebolsa/ico_xls.gif) left no-repeat;} /* --- usar este estilo cuando la LISTA ENTERA (UL) sea para descargar PDF */ #contenido #principal #txt_ppal ul.descargar_pdf li {background:url(../art/corredordebolsa/ico_pdf_small.jpg) left no-repeat;} /* --- end comment */ #contenido #principal #txt_ppal ul.lista_news {padding-bottom:20px; color:#333;} #contenido #principal #txt_ppal ul.lista_news li {background:url(../art/corredordebolsa/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(../art/corredordebolsa/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(../art/corredordebolsa/ico_flecha2_azul.gif) left 10px no-repeat; padding-left:17px;} #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(../art/corredordebolsa/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_ppal .contenido_tabla ul {text-align:left;} #contenido #principal #txt_ppal .contenido_tabla ul li {background:none; padding:0px; list-style:disc;} #contenido #principal #txt_ppal .separador {width:auto; height:1px; margin:20px 0px 15px; border-top:solid 1px #CCC;} #contenido #principal #txt_ppal #contacto_form {width:450px; margin:0px auto;} #contenido #principal #txt_ppal #contacto_form label {clear:both; padding:5px; vertical-align:top;} #contenido #principal #txt_ppal #contacto_form label input {width:150px;} #contenido #principal #txt_ppal #contacto_form label input.input_peq {width:30px;} #contenido #principal #txt_ppal #contacto_form label span {width:100px; padding:0px 0px 0px 15px; display:block; float:left;} #contenido #principal #txt_ppal #contacto_form label textarea {width:190px; height:80px;} #contenido #principal #txt_ppal #contacto_form .botones {padding:30px 0px 0px 20px; width:auto; height:auto;} #contenido #principal #txt_ppal #contacto_form .botones input {border:none; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; width:165px; height:30px; display:block; margin:0px 15px 0px 0px; padding:3px 0px; text-decoration:none; cursor:pointer; float:left;} #contenido #principal #txt_ppal #contacto_form .botones input.borrar_btn {background:url(../art/corredordebolsa/btn_blanco.jpg) no-repeat; color:#009900;} #contenido #principal #txt_ppal #contacto_form .botones input.enviar_btn {background:url(../art/corredordebolsa/bg_boton_165x30.gif) no-repeat; color:#FFF;} #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 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(../art/corredordebolsa/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;} #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(../art/corredordebolsa/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(../art/corredordebolsa/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(../art/corredordebolsa/bullet_menu_02.gif) 230px 5px no-repeat #FAFAFA;} #contenido #secundario #operaciones {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; margin:0px 0px 15px; padding:0px 10px 15px;} #contenido #secundario #operaciones h3 {font:normal 22px Helvetica, Arial, sans-serif; margin:0px; padding:10px 0px;} #contenido #secundario #operaciones dl {font-size:12px; color:#333;} #contenido #secundario #operaciones dl dt {font-weight:bold;} #contenido #secundario #operaciones dl dd {margin:0px;} #contenido #secundario #operaciones p {font-size:12px; color:#333; padding:0px 0px 15px;} #contenido #secundario #operaciones a.entrar {background:url(../art/corredordebolsa/bg_boton_165x30.gif) no-repeat; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; text-decoration:none; width:165px; display:block; margin:0px auto; padding:8px 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; padding:0px 0px 10px;} #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(../art/corredordebolsa/contacto_tit_bg.jpg) repeat-x; margin:0px; padding:5px 10px;} #contenido #secundario #contacto h3 {font:bold 12px Arial, Helvetica, sans-serif; color:#333; margin:8px 0px 0px; padding:5px 10px 3px;} #contenido #secundario #contacto p {padding:5px 10px; margin:0px; color:#000;} #contenido #secundario #contacto dl {padding:0px 10px; margin:0px; color:#000;} #contenido #secundario #contacto dl dt {float:left;} #contenido #secundario #contacto dl dd {font-weight:bold; margin-left:70px;} #contenido #secundario #contacto dl dd a {margin:0px;}