/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {KOANDINA} */ /* Version 1.0 */ /* media: PRINT */ /* Fecha de creación 08/05/2006 */ /* HISTORIAL DE MODIFICACIONES */ /* 30/05/2006 Se añaden nuevos estilos para el apoyo de incorporación de contenidos */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REDEFINICION DE ELEMENTOS HTML */ @font-face {font-family: "AvantGarde Bk BT"; src: url(http://koandina.diseno.inter-media.cl/fonts/AVANTGA0.eot);} body{text-align: center; margin: 0px; padding: 0px; font: 11px Arial, Helvetica, sans-serif; color: #464F51;} table{font: 1em Arial, Helvetica, sans-serif;} td{font: 1em Arial, Helvetica, sans-serif;} h1{font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #FFF;} h2{font: bold 1.7em "AvantGarde Bk BT", Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -1px; border-bottom: 1px solid #CBCFD0; color: #545C5F; line-height: 90%; padding: 0px; margin: 10px 0px; clear: both;} h3{font: bold 1em Arial, Helvetica, sans-serif; color: #C20711; border-bottom: 1px dashed #C20711; padding: 3px 0px; margin: 0px 0px 15px 0px;} h4{font: bold 1.2em Arial, Helvetica, sans-serif; color: #C20711; border-bottom: 1px dashed #CBCFD0; margin: 10px 0px 10px 0px;} h5{} h6{} strong, b{} a:link{color: #000; text-decoration: underline; border: none;} a:visited{color: #000; text-decoration: underline; border: none;} form{margin: 0px; padding: 0px;} label{cursor: pointer;} ul{} button{border: 0px; font: 0px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #FFF; cursor: pointer;} input, textarea{background: url(../images/html/fondo_input.gif) no-repeat 0px 0px; border: 1px solid #6D7B7E; font: 1em Arial, Helvetica, sans-serif;} .fotos_right{border: 1px solid #475052; float: right;} .condiciones{ font: 0.8em/120% Arial, Helvetica, sans-serif;} dl{font: 1em/160% Arial, Helvetica, sans-serif; color: #6D7B7E; margin: 0px; padding: 0px; clear: both;} dt{font: bold 1em/160% Arial, Helvetica, sans-serif; color: #C20711; float: left; width: 10%; margin: 0px; padding: 10px 0px 15px 0px;} dd{font: 1em/160% Arial, Helvetica, sans-serif; float: right; width: 89%; border-bottom: 1px dashed #DDDEDF; margin: 0px; padding: 10px 0px 15px 0px;} /*BOTONES*/ .bot_anios_ant{display: none; visibility: hidden;} .bot_descargar{display: none; visibility: hidden;} .bot_enviar{display: none; visibility: hidden;} .bot_fecus{display: none; visibility: hidden;} .bot_memorias{display: none; visibility: hidden;} .bot_ver_comunicados{display: none; visibility: hidden;} /*CABECERA: MENU AUXILIAR Y FLASH HOME*/ #header{width: 100%; text-align: center;} #header #logo{padding: 12px 0px 6px 28px; border: 0px;} #header #menu_auxiliar{display: none; visibility: hidden;} #header #flash_home{display: none; visibility: hidden;} /*MENU PRINCIPAL*/ #menu_principal{display: none; visibility: hidden;} /*DESTACADOS HOME*/ #destacados{text-align: center; padding: 16px 0px 19px 23px; margin: 0px; color: #464F51;} #destacados div{float: left; text-align: left; line-height: 140%;} #destacados h1{color: #4E4E4E; font: 15px "AvantGarde Bk BT", Tahoma, Arial, Helvetica, sans-serif; margin:0px; white-space: nowrap; letter-spacing: -1px;} #destacados h1 strong, b{display: block; padding: 5px 0px 9px 6px; font-weight: bold;} #destacados h1#tit_argentina{font: bold 11px Arial, Helvetica, sans-serif; } #destacados h1#tit_brasil{font: bold 11px Arial, Helvetica, sans-serif; } #destacados h1#tit_chile{font: bold 11px Arial, Helvetica, sans-serif; } #destacados ul{margin: 0px; padding: 0px;} #destacados li{margin: 5px 8px 5px 0px; padding: 0px;} #destacados li strong, b{margin: 0px; padding: 0px; font-weight: bold;} #destacados a:link, #destacados_home a:visited{color: #464F51;} #destacados #tips_temas{width: 150px; margin: 0px 6px; display:table; float:left;} #destacados #tips_temas h1 strong{ margin: 0px; padding: 0px; color:#CC0000;} #destacados #tips_destacados{width: 150px; margin: 0px 6px; padding: 0px; display:table; float:left;} #destacados #tips_destacados h1 strong{ margin: 0px; padding: 0px; color:#CC0000;} #destacados #tips_indicadores{width: 150px; margin: 0px; padding: 0px; display:table; float:left;} #destacados #tips_indicadores h1 strong{ margin: 0px; padding: 0px; color:#CC0000;} #destacados .tips_operaciones{width: 185px; margin: 0px; padding: 0px;} #destacados .contenido_tips_operaciones{width: 98%; padding: 0px;} #destacados .fotos{float: right; margin: 0px; padding: 0px;} #destacados .contenido_tips{width: 98%; padding: 0px;} #destacados .bottom_tips{display: none; visibility: hidden;} #destacados .bottom_tips .esquina_left{display: none; visibility: hidden;} /*MENU CONTENIDOS*/ #menu_contenidos{display: none; visibility: hidden;} /*Fotos Contenidos*/ #fotos_contenidos{display: none; visibility: hidden;} /*Breadcrumbs*/ #breadcrumbs{font: 9px Arial, Helvetica, sans-serif; color: #545C5F; width: 600px; padding: 19px 0px 10px 0px;} #breadcrumbs a{ text-decoration: none;} #breadcrumbs p{padding: 2px 0px 0px 0px; margin: 0px 0px 10px 0px;} /*Herramientas*/ #herramientas{display: none; visibility: hidden;} #main{margin: 0px auto; padding: 0px; text-align: left; font: 1em Arial, Helvetica, sans-serif; width: 600px;} #main #internas{width: 100%; margin: 0px 4px 1px 4px; padding: 0px; font: 1em Arial, Helvetica, sans-serif;} #main #internas.sinfondo{background: none;} #main #contenidos_genericos{margin: 0px 0px 28px 0px; font: 1em/180% Arial, Helvetica, sans-serif; width: 98%; color: #6D7B7E;} .base_terminos {background:url(/images/html/base_terminos.jpg) top center no-repeat; width:auto; margin: 20px 0px 0px 0px; padding: 130px 0px 0px 0px; text-align:center;} #contenidos{margin: 0px; padding: 0px 0px 28px 0px; font: 1em/160% Arial, Helvetica, sans-serif; width: 100%; float: left; color: #6D7B7E;} #contenidos ul{margin: 0px; padding: 0px 0px 5px 0px;} #contenidos li{background: url(../images/html/bullet_lista.gif) no-repeat 0px 7px; padding: 0px 0px 0px 11px; margin: 0px 0px 4px 0px; list-style: none; } #contenidos a:link, #contenidos a:visited{color: #6D7B7E;} #contenidos .graficos { margin: 40px 0px 0px 0px;} /*Contenidos Flotantes: Divide el contenido en dos elementos flotantes en la misma linea, posicionando uno a la izquierda y el otro a la derecha*/ .cont_float{width: 100%; margin: 0px; padding: 0px 0px 20px 0px; clear: both; height: 1px;} .cont_float .cont_float_left{width: 58%; float: left;} .cont_float .cont_float_right{width: 40%; float: right;} /*MEMORIAS*/ .cont_gral {margin: 0px 10px 0px 0px; padding: 0px; width: 48%; display:table; float:left;} .cont_gral_der {margin: 0px; padding: 0px; width: 48%; display:table; float:left;} .cont_memorias{width: 100%; clear: both; margin: 10px 0px;} .cont_memorias img{margin: 0px 10px 0px 0px;} /*PRECIO ACCION*/ .cont_accion {width: 98%; height: 400px; margin: 30px 0px 0px 0px; padding: 0px; font: 1px Arial, Helvetica, sans-serif; font: 1px Arial, Helvetica, sans-serif; display: compact;} .cont_accion .cont01 {width: 186px; height: 400px; margin: 0px; padding: 0px; float:left; font: 1px Arial, Helvetica, sans-serif;} .cont_accion .cont02 {width: 182px; height: 400px; margin: 0px; padding: 0px; float:left; font: 1px Arial, Helvetica, sans-serif;} .cont_accion .cont03 {width: 120px; height: 400px; margin: 0px; padding: 0px; float:left; font: 1px Arial, Helvetica, sans-serif;} .cont_accion .cont03 img {margin: 45px 0px 0px 0px; padding: 0px;} /*HECHOS Y FECUS*/ .cont_hechos{width: 100%; clear: both; margin: 10px 0px;} /*Comunicados*/ .comunicados{width: 100%; margin: 0px; padding: 0px; height: 100%;} .comunicados .cont_comunicados{width: 45%; margin: 20px 15px 10px 0px; padding: 0px; height: 100%; float: left; background: url(../images/html/fondo_memorias.gif) repeat-x center top; } /*OPERACIONES: LISTAS y TABLAS*/ #banderas{ display: none; visibility: hidden;} .operaciones_paises{width: 95%; padding: 25px 0px 10px 0px;} .operaciones_paises dl{width: 100%; background: #F2F1EE; clear: both; border-bottom: 3px solid #FFF; color: #545C5F;} .operaciones_paises dt{width: 55%; float: none; margin: 0px; padding: 5px 0px 5px 8px; font: 1em Arial, Helvetica, sans-serif; color: #545C5F; background: url(../images/html/bullet_operaciones.gif) no-repeat 3px 10px;} .operaciones_paises dd{width: 39%; float: right; margin: 0px; padding: 5px 0px 5px 8px; border: 0px; border-left: 1px solid #FFF;} .operaciones_datos{width: 95%; margin: 20px 0px; padding: 0px; font: 1em/250% Arial, Helvetica, sans-serif; border: 0px; border-bottom: 1px dashed #C20711; border-collapse: collapse; color: #545C5F;} .operaciones_datos thead{color: #C20711; font-weight: bold;} .operaciones_datos td{vertical-align: top; padding: 7px 8px; border-bottom: 1px dashed #DFDCD7;} .operaciones_datos th{vertical-align: bottom; border-bottom: 1px solid #C20711; padding: 0px 0px 0px 8px; text-align: left;} .operaciones_datos td.destacado{text-align: right; background: #EEECE9; width: 10%; border: 0px;} .operaciones_proveedores{width: 95%; margin: 20px 0px; padding: 0px; font: 1em/250% Arial, Helvetica, sans-serif; border: 0px; border-bottom: 1px dashed #C20711; border-collapse: collapse; color: #545C5F;} .operaciones_proveedores caption{color: #C20711; font-weight: bold; border-bottom: 1px dashed #C20711; text-align: left;} .operaciones_proveedores thead{color: #545C5F; font-weight: bold; text-align: left;} .operaciones_proveedores td{vertical-align: top; padding: 7px 3px; border-bottom: 1px dashed #DFDCD7;} .operaciones_proveedores th{vertical-align: bottom; background: #EEECE9; border-bottom: 1px solid #DFDCD7; padding: 3px 2px;} /*FOTOS DIRECTORIO*/ #fotos_directorio{width: 100%; border: 0px; text-align: left; font: 11px/140% Arial, Helvetica, sans-serif; margin: 90px 0px 0px 0px; padding: 0px;} #fotos_directorio img{float: left; position: relative; left: 13px; top: 23px;} #fotos_directorio p{float: left; margin: 0px; padding: 46px 0px 0px 0px; position: relative; left: 15px; width: 130px;} #fotos_directorio hr{height: 1px; margin: 0px; padding: 0px; width: 121px; position: relative; left: 75px; float: left; border: 0px;} #fotos_directorio .contenido_fotos{width: 48%; padding: 0px 2px 0px 0px; float: left;} #fotos_directorio .fondo_fotos{width: 218px; height: 111px; margin: 4px 0px;} #fotos_directorio .fondo_fotos p{margin:0px 0px 0px 10px;} /*FORMULARIOS*/ #formularios{width: 100%; font: bold 1em Arial, Helvetica, sans-serif; margin: 15px 0px 20px 0px;} #formularios p{clear: both; margin: 0px; padding: 0px 0px 0px 12px; background: url(../images/html/bullet_lista.gif) no-repeat 0px 4px;} #formularios hr{clear: both; margin: 5px 0px 5px 32%; padding: 0px; height: 1px; border: 0px; border-bottom: 1px dashed #DDDEDF;} #formularios label{width: 28%; margin: 0px; padding: 0px;} #formularios input, textarea{float: right; width: 70%; margin: 0px; padding: 1px 2px;} /*TABLAS: Estilos de tablas de datos, td, th y bordes. los anchos y alineacion se dan en el HTML como etiqueta