/* 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 { margin:0px; padding:0px; font:11px 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; } /* TRABAJE CON NOSOTROS */ /* +++[ Generales ]+++ */ img {border:0 none;} .clearfloat {clear:both; height:0; display:block; visibility:hidden;} .clearfix {display: inline-block;} /* --- cabecera */ #cabecera {background: url(../../art/trabajecn/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; padding-left: 15px; float: left;} #cabecera #logo img {padding-bottom:2px;} #cabecera #contacto {display:block; float:right; height:20px; margin-top: 3px; padding-bottom:12px; padding-top:0; text-align:right;} #cabecera .tit {float: right; clear:right; margin-top: 7px;} #contacto a:hover {color:#333333;} #contacto a, #contacto a:visited {color:#666666; margin-left:10px;} #menu_contenedor {border-top:1px solid #A59F7D; width:100%;} /* --- contenido (contenedor) */ #contenido {margin:0px auto; padding:20px 0px 0px 0px; width:980px;} #acceso_redes{clear:both; width:980px; margin:0px auto; padding:10px 0px 0px 0px;} #acceso_redes a#twitter{background:url(../../art/trabajecn/twitter_24x24.jpg) 10px 0px no-repeat; padding:5px 10px 12px 40px; cursor:pointer;} #acceso_redes a#twitter:link, #acceso_redes a#twitter:visited{color:#7695AC;} #acceso_redes a#twitter:hover, #acceso_redes a#twitter:active{color:#506D83;} /* --- pie */ #pie {clear:both; width:980px; margin-right:auto; margin-left:auto; margin-top:15px; padding:5px 0px 0px; border-top: 1px solid #CCCCCC;} #pie h2 {font:bold 11px Tahoma,Arial,Helvetica,sans-serif; color:#000; line-height:normal; margin:0px; padding:0px 0px 0px 7px;} #pie ul {float:left; font:10px Tahoma,Arial,Helvetica,sans-serif; line-height:18px; margin:0px; padding:3px 0px 15px; width:650px;} #pie ul li {border-right:1px solid #7695AC; display:inline; margin:0px; padding:0px 7px;} #pie ul li a {color:#7695AC;} #pie ul li a:hover {color:#506D83;} #pie ol {float:right; margin:0; padding:5px 0 15px; width:270px;} #pie ol li {color:#B4B4B4; float:left; margin:0px; padding:0px 3px; list-style:none;} #pie #copyright {clear:both; padding:2px 0px; width:980px;} #pie #copyright img {float:left; margin-bottom:3px;} #pie #copyright p {color:#9D9D9D; float:right; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; margin:0px; padding:0px; text-align:right; width:500px;} /* +++[ Index ]+++ */ /* --- contenido principal */ #contenido #contenidos_ppal {width:690px; overflow:hidden; padding-left:3px; float:left;} #contenido #contenidos_ppal #tcn_video {background:url(../../art/trabajecn/tcn_video_bgd.jpg) no-repeat; width:345px; height:249px; margin: -4px 0px 0px 0px; padding:22px 10px 0px 335px;} #contenido #contenidos_ppal .bloque_info01 {width:687px; overflow:hidden; background:url(../../art/trabajecn/bloque_info01_bg.gif) 0px 0px repeat-y; border:1px solid #CCC; margin-bottom:15px;} #contenido #contenidos_ppal .bloque_info01 dl {width:228px; overflow:auto; margin: 0px; padding-bottom:10px; float:left;} #contenido #contenidos_ppal .bloque_info01 dl.last {width:231px;} #contenido #contenidos_ppal .bloque_info01 dt {background:url(../../art/trabajecn/bg_verde01.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; height:30px; margin-left:0px; padding-top:8px; padding-left: 20px;} #contenido #contenidos_ppal .bloque_info01 dd {background:url(../../art/trabajecn/bullet.gif) no-repeat left 10px; padding-left:15px; margin-left:15px; line-height: 25px;} #contenido #contenidos_ppal .bloque_info01 dd a {color:#333; text-decoration:none;} #contenido #contenidos_ppal .bloque_info01 dd a:hover {color:#000;} #contenido #contenidos_ppal .bloque_info02 {background:#EFF7FB; clear:both; color:#666; overflow:hidden; border: solid 1px #D8E8D7; padding-bottom:15px;} #contenido #contenidos_ppal .bloque_info02 h1 {background:url(http://www.bci.cl/medios/BCI2/art/template/bg_cabecera_verde.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; color:#000000; height:30px; margin:0px; padding-top:8px; padding-left: 20px;} #contenido #contenidos_ppal .bloque_info02 p {padding-right:15px; padding-left:15px;} /* --- contenido secundario */ #contenido #contenidos_secund {color:#666666; height:auto !important; width:253px; float:right;} #contenido #contenidos_secund h1 {color:#FFFFFF; background:url(../../art/trabajecn/bg_cabecera_negra.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; height:21px; margin:0px; padding-top:5px; padding-left: 20px;} #contenido #contenidos_secund dl {overflow:hidden; margin:10px 0px 0px 0px; clear:both; display:block;} #contenido #contenidos_secund dl dt {width:45%; float:left; padding:0px 5px 20px 15px; } #contenido #contenidos_secund a.mas_testimonios {color:#0057AE; margin:0px 15px 10px 15px; line-height:50px;} #contenido #contenidos_secund a:hover.mas_testimonios {color:#0E1B5E;} #contenido #contenidos_secund .contenidos_secund_bloque {overflow:hidden; border:solid 1px #CCCCCC; border-top:none; padding:0px 0px 7px 0px; margin-bottom:20px;} #contenido #contenidos_secund .contenidos_secund_bloque h1 {padding:5px 0px 5px 20px;} #contenido #contenidos_secund .contenidos_secund_bloque dl {width:240px; background:url(../../art/trabajecn/border_unete_bottom.gif) left bottom no-repeat; padding:0px 0px 10px 10px;} #contenido #contenidos_secund .contenidos_secund_bloque dl.last {background:none;} #contenido #contenidos_secund .contenidos_secund_bloque dt {margin:0px; padding:0px; float:left;} #contenido #contenidos_secund .contenidos_secund_bloque dd {margin-left:120px;} #contenido #contenidos_secund .contenidos_secund_bloque img {margin:10px auto 5px auto; display:block;} #contenido #contenidos_secund .contenidos_secund_bloque p {margin:0px 15px 10px 15px;} #contenido #contenidos_secund .contenidos_secund_bloque .btn_contenidos_secund {font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; width:105px; height:30px; border:none; background:url(../../art/trabajecn/btn_submit_105x30.jpg) no-repeat; text-align:center; cursor:pointer;} #contenido #contenidos_secund .contenidos_secund_bloque .separador{height:1px; background:url(../../art/trabajecn/border_menu_bottom.gif) left bottom no-repeat; margin:10px 0px 0px 0px;} #contenido .contenidos_bloque_redes { overflow:hidden; border:solid 1px #ddd; padding:10px; text-align:center; margin-bottom:20px; background:#f8f8f8;} #contenido .contenidos_bloque_redes.portada { margin:15px 0px 10px 0px; height:30px; } #contenido .contenidos_bloque_redes.portada p { margin:0px; padding:0px 0px 0px 0px; width:350px; text-align:left; float:left; } #contenido .contenidos_bloque_redes.portada p.links_redes { margin:0px; padding:0px 0px 0px 10px; width:300px; text-align:left; } #contenido .contenidos_bloque_redes p { margin:0px; padding:0px 0px 10px 0px; } #contenido .contenidos_bloque_redes a { margin:0px 1px; } #contenido #contenidos_secund_testimonios .contenidos_bloque_redes { border:none; margin-bottom:0px; } /* +++[ Testimonios y Otras Paginas ]+++ */ /* --- contenido principal */ #contenido #contenidos_ppal_testimonios {width:630px; height:auto !important; padding:20px 20px 0px 20px; float:right; border:solid 1px #CCC;} #contenido #contenidos_ppal_testimonios .bloque_info01 {overflow:hidden; margin-top:-10px; margin-bottom:10px;} #contenido #contenidos_ppal_testimonios .bloque_info01 h1 {font:normal 25px Helvetica, Arial, sans-serif; color:#999;padding-bottom:10px; margin-bottom:0px;} #contenido #contenidos_ppal_testimonios .bloque_info01 h2 {font:bold 16px Helvetica, Arial, sans-serif; color:#333;margin-top:0px; padding-bottom:10px;} #contenido #contenidos_ppal_testimonios .bloque_info01 h2.titulo_bg {background:#e5e5e5 url(http://www.bci.cl/medios/BCI2/art/template/bg_cabecera_gris.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; min-height:17px; margin:0px; padding:8px 0px 5px 20px;} #contenido #contenidos_ppal_testimonios .bloque_info01 h3 {font:bold 12px Helvetica, Arial, sans-serif; color:#333;} #contenido #contenidos_ppal_testimonios .bloque_info01 h4 {font:bold 16px Helvetica, Arial, sans-serif; color:#333; margin-top:15px;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl {width:315px; overflow:auto; margin-bottom: 10px; float:left;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.ancho_completo {width:630px; overflow:auto; margin-bottom: 10px; float:left;} #contenido #contenidos_ppal_testimonios .bloque_info01 a, #contenido #contenidos_ppal_testimonios .bloque_info01 a:visited {color:#0057ae;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl dt {background:url(http://www.bci.cl/medios/BCI2/art/template/bg_cabecera_gris.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; height:30px; margin-left:0px; padding-top:8px; padding-left: 20px;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl dd {margin:0px 10px 10px 20px; line-height: 15px;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl dd a {color:#333; text-decoration:none;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl dd a:hover {color:#000;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl dd.imagen_bancas {margin:0px 0px 10px 0px; line-height: 15px; padding:10px 0px 0px 20px; border-top:1px solid #ccc;} #contenido #contenidos_ppal_testimonios .bloque_info01 p, #contenido #contenidos_ppal_testimonios .bloque_info01 h3 {padding: 7px 20px; line-height:18px; margin:0px;} #contenido #contenidos_ppal_testimonios .bloque_info01 ul {margin:0px; padding:0px 0px 15px 20px; list-style-type:none;} #contenido #contenidos_ppal_testimonios .bloque_info01 ul li {font:11px Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; padding:8px 20px 0px 18px; background:url(http://www.bci.cl/medios/BCI2/art/template/ico_ticket2_fdoEEE.gif) 0px 9px no-repeat;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.no_float {width:100%; margin:0px; padding:0px; float:none;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.no_float dt {background:url(http://www.bci.cl/medios/BCI2/art/template/bg_cabecera_gris.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; height:30px; margin-left:0px; padding-top:8px; padding-left: 20px;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.no_float dd {background:url(../../art/trabajecn/bullet.gif) no-repeat left 3px; padding-left:15px; margin:0px 10px 10px 15px; line-height: 15px;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.no_float dd a {color:#333; text-decoration:none;} #contenido #contenidos_ppal_testimonios .bloque_info01 dl.no_float dd a:hover {color:#000;} #contenido #contenidos_ppal_testimonios .bloque_info01 table {width:100%;} #contenido #contenidos_ppal_testimonios .bloque_info01 table tr.bgcolor {background:#F8F8F8;} #contenido #contenidos_ppal_testimonios .bloque_info01 table td.fecha {font-weight:bold; width:8%; text-align:center; padding:5px 0px 0px 0px; vertical-align:top;} #contenido #contenidos_ppal_testimonios .bloque_info01 table td.descripcion {padding:5px 15px 5px 10px; vertical-align:top;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_center {width:331px; height:155px; margin:0px auto; padding-bottom:30px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_center #video {width:329px; height:155px; border:solid 1px #CCC;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_center #video02 {width:329px; height:155px; border:solid 1px #CCC;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_testimonio {overflow:hidden; width:620px; padding-top:0px; padding-bottom:40px; margin-top:0px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_testimonio .video {width:329px; height:155px; border:solid 1px #CCC; float:left;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_testimonio .video_testimonio_descripcion {width:45%; float:right;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_testimonio .video_testimonio_descripcion h2 {font:bold 12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 18px; margin:0px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .video_testimonio .video_testimonio_descripcion p {line-height:18px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .img_txt {overflow:hidden; width:620px; padding-top:0px; padding-bottom:40px; margin-top:0px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .img_txt .txt {width:423px; float:left; padding-left:10px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha {overflow:hidden; width:590px; padding:20px 15px; margin:0px 0px 30px 0px; border:solid 1px #CCC;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha .ficha_txt {width:87%; float:left;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha .ficha_txt h2.nombres_desarrollo {font:bold 14px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 0px 20px;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha .ficha_txt h2.nombres_desarrollo span.normal, #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha .ficha_txt h3 span.normal {font-weight:normal;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha .ficha_txt h3 {font:bold 12px Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 0px 20px} #contenido #contenidos_ppal_testimonios .bloque_info01 .img_txt img, #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha img {float:left;} #contenido #contenidos_ppal_testimonios .bloque_info01 .ficha img {border:solid 1px #CCC;} /* --- contenido secundario (menu) */ #contenido #contenidos_secund_testimonios {color:#666666; height:auto !important; width:253px; padding:0px; float:left; text-align:right; border:solid 1px #CCCCCC; border-top:none; margin-bottom:10px;} #contenido #contenidos_secund_testimonios h1 {color:#FFFFFF; background:url(../../art/trabajecn/bg_cabecera_negra.jpg) repeat-x; font:bold 12px Arial, Helvetica, sans-serif; height:21px; margin:0px; padding-top:5px; padding-right: 20px;} #contenido #contenidos_secund_testimonios ul{font:bold 11px Arial, Helvetica, sans-serif; list-style-type:none; margin:0px; padding:0px; color:#000;} #contenido #contenidos_secund_testimonios ul li{background:url(../../art/trabajecn/border_menu_bottom.gif) left bottom no-repeat;} #contenido #contenidos_secund_testimonios ul li.last{background:none;} #contenido #contenidos_secund_testimonios ul li a{padding:10px 25px; display:block; text-decoration:none; background:url(../../art/trabajecn/bullet.gif) 230px 13px no-repeat;} #contenido #contenidos_secund_testimonios ul li a:link, #contenido #contenidos_secund_testimonios ul li a:visited{color:#000; } #contenido #contenidos_secund_testimonios ul li a:hover, #contenido #contenidos_secund_testimonios ul li a:active{color:#FFF; background:url(../../art/trabajecn/bullet.gif) 230px 13px no-repeat #666;} #contenido #contenidos_secund_testimonios ul li.activo a:link, #contenido #contenidos_secund_testimonios ul li.activo a:visited{color:#FFF; background:url(../../art/trabajecn/bullet.gif) 230px 13px no-repeat #666;} #contenido #contenidos_secund_testimonios ul li.activo a:hover, #contenido #contenidos_secund_testimonios ul li.activo a:active{color:#FFF; background:url(../../art/trabajecn/bullet.gif) 230px 13px no-repeat #666;} #contenido #contenidos_secund_testimonios ul li ul{font:normal 11px Arial, Helvetica, sans-serif; color:#666; padding:0px 23px 5px 10px; margin:0px;} #contenido #contenidos_secund_testimonios ul li ul li{margin:0px; padding:0px; border-bottom:none; background:none;} #contenido #contenidos_secund_testimonios ul li.activo ul li a:link, #contenido #contenidos_secund_testimonios ul li.activo ul li a:visited{color:#666; background:#FFF;} #contenido #contenidos_secund_testimonios ul li.activo ul li a:hover, #contenido #contenidos_secund_testimonios ul li.activo ul li a:active{color:#666; background:#FFF;} #contenido #contenidos_secund_testimonios ul li ul li a{padding:2px 0px; background:none;} #contenido #contenidos_secund_testimonios ul li ul li a:link, #contenido #contenidos_secund_testimonios ul li ul li a:visited{color:#666;} #contenido #contenidos_secund_testimonios ul li ul li a:hover, #contenido #contenidos_secund_testimonios ul li ul li a:active{color:#000; background:none;} /* --- Link a inicio Trabaje */ .home_trabaje_link {width:980px; margin:5px auto 0px;} .home_trabaje_link a {color:#666; text-decoration:none; background:url(../../art/trabajecn/icon_home.gif) no-repeat; padding-left:20px; display:block; float:right;} .home_trabaje_link a:hover {color:#333;} /* -----------[ Fin TRABAJE CON NOSOTROS ]----------- *