/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto {PROYECTO} */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación dd/mm/aaaa */ /* HISTORIAL DE MODIFICACIONES */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* 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; background:url(../images/html/background.jpg) center top no-repeat #292017;} body#bkg_versiones{background:url(../images/html/background_versiones.jpg) center top no-repeat #000;} body#bkg_ficha{background:url(../images/html/background_ficha.jpg) center top no-repeat #000;} body#bkg_colores{background:url(../images/html/background_colores.jpg) center top no-repeat #000;} body#bkg_performance{background:url(../images/html/background_performance.jpg) center top no-repeat #000;} body#bkg_capacidad{background:url(../images/html/background_capacidad.jpg) center top no-repeat #000;} body#bkg_confort{background:url(../images/html/background_confort.jpg) center top no-repeat #000;} body#bkg_descargas{background:url(../images/html/background_descargas.jpg) center top no-repeat #000;} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} :focus{outline:none;} form{} label{} ul{} button{} /*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;} body#fondo_home{background:url(../images/html/fondo_home.jpg) center top no-repeat;} body#fondo_versiones{background:url(../images/html/fondo_int_azul_versiones.jpg) center top no-repeat;} body#fondo_performance{background:url(../images/html/fondo_int_azul_performance.jpg) center top no-repeat;} body#fondo_colores{background:url(../images/html/fondo_int_azul_colores.jpg) center top no-repeat;} body#fondo_descargas{background:url(../images/html/fondo_int_azul_descargas.jpg) center top no-repeat;} body#fondo_exterior{background:url(../images/html/fondo_int_azul_exterior.jpg) center top no-repeat;} body#fondo_ficha{background:url(../images/html/fondo_int_azul_ficha.jpg) center top no-repeat;} body#fondo_interior{background:url(../images/html/fondo_int_azul_interior.jpg) center top no-repeat;} body#fondo_descargas_mailing_comercial{background:url(../images/html/fondo_int_naranja_descargas_comercial.jpg) center top no-repeat;} /*Estilos Cabecera*/ #header{width:1003px; height:64px; margin:0px auto;} #header #iconos_home{width:470px; height:60px;position:absolute; margin:12px 0px 0px 576px; background: url(../images/shim.gif)0px 0px no-repeat; z-index:900;} #header h1{width:403px; height:60px; background: url(../images/html/header_logo_sorento.gif) 0px 0px no-repeat; float:left; margin:4px 0px 0px 15px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header h1 a{color:#000; text-decoration:none; width:225px; height:66px; display:block;} #header h2{width:460px; height:74px; background: url(../images/html/header_iconos.gif) 0px 0px no-repeat; float:right; margin:5px 0px 0px 0px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #versiones h2{width:427px; height:74px; background: url(../images/html/header_iconos_versiones.gif) 0px 0px no-repeat; float:right; margin:5px 0px 0px 0px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #ficha h2{width:427px; height:74px; background: url(../images/html/header_iconos_ficha.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #colores h2{width:427px; height:74px; background: url(../images/html/header_iconos_colores.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #performance h2{width:427px; height:74px; background: url(../images/html/header_iconos_performance.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #interior h2{width:427px; height:74px; background: url(../images/html/header_iconos_interior.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #exterior h2{width:427px; height:74px; background: url(../images/html/header_iconos_exterior.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} #header #descargas h2{width:427px; height:74px; background: url(../images/html/header_iconos_descargas.gif) 0px 0px no-repeat; float:right; margin:7px 0px 0px 0x; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;} /*Estilos Menu*/ #header ul{width:599px; height:55px; float:right; background:url(../images/html/bkg_menu.jpg) right top no-repeat; padding:0px; margin:9px 2px 0px 0px; list-style-type:none;} #header ul li{font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0px; margin:0px; height:55px; float:left;} #header ul li a{text-decoration:none; height:55px; display:block;} #header ul li a:link, #header ul li a:visited{color:#292929;} #header ul li a:hover, #header ul li a:active{color:#C1CAD0;} /*Estilos Botones Menu*/ #main #menu{width:129px; height:150px; position:absolute; margin:172px 0px 0px -44px;z-index:900; font:1px Geneva, Arial, Helvetica, sans-serif; color:#000;text-align:right;letter-spacing:-1px} #main #menu ul{list-style-type:none;} #main #menu ul li{list-style-type:none;} #main #menu ul li a{text-decoration:none; height:16px; display:block;} #main #home_precio{ background:url(../images/html/home_precio.gif) top no-repeat; width:190px; height:27px; position:absolute; z-index:700; margin:473px 0px 0px 795px; text-align:right; font:bold 1px Arial, Helvetica, sans-serif; color:#000;} #main #menu ul li#menu_home{background: url(../images/botones/bot_home.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_home a:link, #main #menu ul li#menu_home a:visited{width:129px; background:url(../images/botones/bot_home.gif) center top no-repeat;} #main #menu ul li#menu_home a:hover, #main #menu ul li#menu_home a:active{width:129px; background:url(../images/botones/bot_home_activo.gif) center top no-repeat;} #main #menu ul li#menu_home.activo{background:url(../images/botones/bot_home_activo_ok.gif) right top no-repeat; cursor:default;} #main #menu ul li#menu_home.activo a:link, #main #menu ul li#menu_home.activo a:visited{background:url(../images/botones/bot_home_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_home.activo a:hover, #main #menu ul li#menu_home.activo a:active{background:url(../images/botones/bot_home_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_versiones{background: url(../images/botones/bot_versiones.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_versiones a:link, #main #menu ul li#menu_versiones a:visited{width:129px; background:url(../images/botones/bot_versiones.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_versiones a:hover, #main #menu ul li#menu_versiones a:active{width:129px; background:url(../images/botones/bot_versiones_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_versiones.activo{background:url(../images/botones/bot_versiones_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_versiones.activo a:link, #main #menu ul li#menu_versiones.activo a:visited{background:url(../images/botones/bot_versiones_activo_ok.gif) center top no-repeat; cursor:default; color:#000000; } #main #menu ul li#menu_versiones.activo a:hover, #main #menu ul li#menu_versiones.activo a:active{background:url(../images/botones/bot_versiones_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_ficha{background: url(../images/botones/bot_ficha.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_ficha a:link, #main #menu ul li#menu_ficha a:visited{width:129px; background:url(../images/botones/bot_ficha.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_ficha a:hover, #main #menu ul li#menu_ficha a:active{width:129px; background:url(../images/botones/bot_ficha_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_ficha.activo{background:url(../images/botones/bot_ficha_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_ficha.activo a:link, #main #menu ul li#menu_ficha.activo a:visited{background:url(../images/botones/bot_ficha_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_ficha.activo a:hover, #main #menu ul li#menu_ficha.activo a:active{background:url(../images/botones/bot_ficha_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_colores{background: url(../images/botones/bot_colores.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_colores a:link, #main #menu ul li#menu_colores a:visited{width:129px; background:url(../images/botones/bot_colores.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_colores a:hover, #main #menu ul li#menu_colores a:active{width:129px; background:url(../images/botones/bot_colores_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_colores.activo{background:url(../images/botones/bot_colores_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_colores.activo a:link, #main #menu ul li#menu_colores.activo a:visited{background:url(../images/botones/bot_colores_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_colores.activo a:hover, #main #menu ul li#menu_colores.activo a:active{background:url(../images/botones/bot_colores_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_performance{background: url(../images/botones/bot_performance.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_performance a:link, #main #menu ul li#menu_performance a:visited{width:129px; background:url(../images/botones/bot_performance.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_performance a:hover, #main #menu ul li#menu_performance a:active{width:129px; background:url(../images/botones/bot_performance_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_performance.activo{background:url(../images/botones/bot_performance_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_performance.activo a:link, #main #menu ul li#menu_performance.activo a:visited{background:url(../images/botones/bot_performance_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_performance.activo a:hover, #main #menu ul li#menu_performance.activo a:active{background:url(../images/botones/bot_performance_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_interior{background: url(../images/botones/bot_interior.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_interior a:link, #main #menu ul li#menu_interior a:visited{width:129px; background:url(../images/botones/bot_interior.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_interior a:hover, #main #menu ul li#menu_interior a:active{width:129px; background:url(../images/botones/bot_interior_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_interior.activo{background:url(../images/botones/bot_interior_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_interior.activo a:link, #main #menu ul li#menu_interior.activo a:visited{background:url(../images/botones/bot_interior_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_interior.activo a:hover, #main #menu ul li#menu_interior.activo a:active{background:url(../images/botones/bot_interior_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_exterior{background: url(../images/botones/bot_exterior.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_exterior a:link, #main #menu ul li#menu_exterior a:visited{width:129px; background:url(../images/botones/bot_exterior.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_exterior a:hover, #main #menu ul li#menu_exterior a:active{width:129px; background:url(../images/botones/bot_exterior_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_exterior.activo{background:url(../images/botones/bot_exterior_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_exterior.activo a:link, #main #menu ul li#menu_exterior.activo a:visited{background:url(../images/botones/bot_exterior_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_exterior.activo a:hover, #main #menu ul li#menu_exterior.activo a:active{background:url(../images/botones/bot_exterior_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_descargas{background: url(../images/botones/bot_descargas.gif) right top no-repeat; width:129px;} #main #menu ul li#menu_descargas a:link, #main #menu ul li#menu_descargas a:visited{width:129px; background:url(../images/botones/bot_descargas.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_descargas a:hover, #main #menu ul li#menu_descargas a:active{width:129px; background:url(../images/botones/bot_descargas_activo.gif) center top no-repeat;color:#000000;} #main #menu ul li#menu_descargas.activo{background:url(../images/botones/bot_descargas_activo_ok.gif) right top no-repeat; cursor:default;color:#000000;} #main #menu ul li#menu_descargas.activo a:link, #main #menu ul li#menu_descargas.activo a:visited{background:url(../images/botones/bot_descargas_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} #main #menu ul li#menu_descargas.activo a:hover, #main #menu ul li#menu_descargas.activo a:active{background:url(../images/botones/bot_descargas_activo_ok.gif) center top no-repeat; cursor:default; color:#000000;} /*Estilos Contenido Central*/ #main{width:1003px; height:473px; margin:0px auto;} #main #excell{width:300px; height:353px; position:absolute; z-index:500; padding:0px; margin:330px 0px 0px 770px; font:10px Arial, Helvetica, sans-serif; color:#CCCCCC;} #main #excell a:link, #main #excell a:hover,#main #excell a:visited {color:#FFF;cursor:pointer;} #main #bot_cotiza{width:155px; height:36px; background: url(../images/botones/bot_cotiza_home.gif) center no-repeat; position:absolute; z-index:400; margin:417px 0px 0px 834px; color:#005B00; font:1px Arial, Helvetica, sans-serif; border:none; cursor:pointer; letter-spacing:-1px; text-indent:-999px;} #main #bot_cotiza_home{width:155px; height:36px; background: url(../images/botones/bot_cotiza_home.gif) center no-repeat; position:absolute; z-index:400; margin:417px 0px 0px 795px; color:#005B00; font:1px Arial, Helvetica, sans-serif; border:none; cursor:pointer; letter-spacing:-1px; text-indent:-999px;} /*Estilos Titulos páginas*/ #main #titulo_colores{ background:url(../images/titulos/tit_colores.gif) top left no-repeat; width:157px; height:46px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#010E17; position:absolute; margin:50px 0px 0px 14px;} #main #titulo_performance{ background:url(../images/titulos/tit_performance.gif) top left no-repeat; width:184px; height:58px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#A62B23; position:absolute; margin:120px 0px 0px 775px;z-index:900;} #main #titulo_interior{ background:url(../images/titulos/tit_interior.gif) top left no-repeat; width:91px; height:26px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:145px 0px 0px 775px;z-index:900;} #main #titulo_exterior{ background:url(../images/titulos/tit_exterior.gif) top left no-repeat; width:97px; height:28px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:145px 0px 0px 775px;z-index:900;} #main #titulo_versiones{ background:url(../images/titulos/tit_versiones.gif) top left no-repeat; width:155px; height:51px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:115px 0px 0px 775px;z-index:900;} #main #imagen_versiones{width:232px; height:124px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:182px 0px 0px 750px;z-index:900;} #main #titulo_ficha{ background:url(../images/titulos/tit_ficha.gif) top left no-repeat; width:108px; height:52px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:115px 0px 0px 765px;z-index:900;} #main #imagen_ficha{width:232px; height:124px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:182px 0px 0px 750px;z-index:900;} #main #titulo_descargas{ background:url(../images/titulos/tit_descargas.gif) top left no-repeat; width:148px; height:33px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:145px 0px 0px 609px;z-index:900;} #main #titulo_descargas_wallpapers{ background:url(../images/titulos/tit_descargas_wallpapers.gif) top left no-repeat; width:104px; height:21px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#282801; position:absolute; margin:190px 0px 0px 609px;z-index:900;} #main #titulo_descargas_catalogos{ background:url(../images/titulos/tit_descargas_catalogos.gif) top left no-repeat; width:155px; height:25px;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color: #3E4B53; position:absolute; margin:325px 0px 0px 609px;z-index:900;} /*Estilos Home*/ /* #main #video_home{width:437px; height:389px; position:absolute; margin:7px 0px 0px 10px; background:url(../images/html/video_home.jpg) 0px 0px no-repeat; z-index:300;} */ #main #video_home{width:956px; height:530px; position:absolute; margin:7px 0px 0px 10px; background:url(../images/html/video_home.jpg) 0px 0px no-repeat; z-index:300;} #main #video_home a{width:437px; height:389px; display:block;} #main #auto_home{width:621px; height:376px;position:absolute; margin:103px 0px 0px 126px; background: url(../images/shim.gif)0px 0px no-repeat; z-index:900;} #main #flash_colores{width:773px;position:absolute; margin:26px 0px 0px 185px;z-index:100;} #main #flash_performance{width:849px;position:absolute; margin:32px 0px 0px 130px;z-index:100;} #main #flash_interior{width:849px;position:absolute; margin:32px 0px 0px 130px;z-index:100;} #main #flash_exterior{width:849px;position:absolute; margin:32px 0px 0px 130px;z-index:100;} #main #noticiashome{width:497px; height:178px; position:absolute; margin:20px 0px 0px 500px; z-index:999;} #main #auto_home a{width:635px;display:block;} #main #intro_home{width:359px; height:85px; background:url(../images/html/intro_home.gif) 0px 0px no-repeat; z-index:300; position:absolute; margin:87px 0px 0px 540px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-900px; color:#DB380C;} #main #firma_fernando{width:76px; height:42px; background:url(../images/html/firma_fernando.jpg) 0px 0px no-repeat; position:absolute; margin:491px 0px 0px 927px; font:1px Arial, Helvetica, sans-serif; z-index:999; letter-spacing:-1px; text-indent:-999px;} /*Estilos versiones y precios*/ #main #versiones_precios{width:580px; height:184px;position:absolute; z-index:500; padding:0px; margin:143px 0px 0px 148px;} #main #bot_print{display:none;} #main #versiones_precios h1{font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#CB4F1D; text-indent:-999px; height:30px; padding:0px; margin:0px;} #main #versiones_precios table{width:590px; height:98px; margin:14px auto 0px auto; } #main #versiones_precios table #pdf{ width:98px; height:38px;background: url(../images/botones/bot_descargar.gif) top center no-repeat;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#CB4F1D;cursor:pointer; } #main #versiones_precios table a:link, #main #versiones_precios table a:visited{color:#000; text-decoration:underline;} #main #versiones_precios table a:hover, #main #versiones_precios table a:active{color:#666; text-decoration:underline;} #main #versiones_precios table thead th{ width:98px;height:49px; background:url(../images/html/th_fondo_versiones_01.jpg) no-repeat top center; font:bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; padding:5px 8px;} #main #versiones_precios table tbody th{width:98px;height:49px; color:#000; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; background: #EFEFEF; padding:0px 8px;} #main #versiones_precios table tbody td{width:98px;height:37px; border-top:1px #333333 solid;border-left:1px #333333 solid; background:url(../images/html/fon_versiones_celda.gif) repeat; color:#FFF; font:11px Tahoma, Arial, Helvetica, sans-serif; padding:0px 8px;} #main #versiones_precios table tbody td#precio_lista{ background:url(../images/html/fon_versiones_celda.gif) repeat; color: #FFF;} #main #versiones_precios table tbody td#bono{ background:url(../images/html/fon_versiones_celda.gif) repeat; color: #FFF;} #main #versiones_precios table tbody td#valor_final{ background:url(../images/html/fon_versiones_celda.gif) repeat; color: #FFF; font-weight:bold;} #main #versiones_precios_img01{width:339px; height:218px; background:url(../images/fotos_banner/versiones_precios_img_01.jpg) 0px 0px no-repeat; position:absolute; z-index:400; margin:234px 0px 0px 40px;} #main #versiones_precios_img02{width:548px; height:334px; background:url(../images/fotos_banner/versiones_precios_img_02.jpg) 0px 0px no-repeat; position:absolute; z-index:450; margin:187px 0px 0px 468px;} #main #versiones_precios_img02 h2{width:115px; height:33px; position:absolute; margin:300px 0px 0px 404px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #versiones_precios_img02 h2 strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Ficha Tecnica*/ #main #bot_print{display:none;} #main #tit_ficha_tecnica{font:1px Arial, Helvetica, sans-serif; position:absolute; letter-spacing:-1px; color:#CB4F1D; text-indent:-999px; height:32px; z-index:600; width:560px; padding:0px; margin:55px 0px 0px 35px;} #main #ficha_tecnica{width:560px; height:353px; position:absolute; z-index:500; padding:0px; margin:100px 0px 0px 140px;} #main #ficha_tecnica #header_tabla{width:560px; height:55px; position:absolute; margin:0px; padding:0px;} #main #ficha_tecnica #header_tabla table{width:560px; height:55px; border:none;} #main #ficha_tecnica #header_tabla table a.pdf{background:url(../images/html/ic_pdf.gif) 0px 0px no-repeat; padding:0px 0px 0px 20px;} #main #ficha_tecnica #header_tabla table a:link, #main #ficha_tecnica #header_tabla table a:visited{color:#000; text-decoration:underline;} #main #ficha_tecnica #header_tabla table a:hover, #main #ficha_tecnica #header_tabla table a:active{color:#666; text-decoration:underline;} #main #ficha_tecnica #header_tabla table th{height:25px; font:bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; padding:0px 8px;} #main #ficha_tecnica #header_tabla table td{height:25px; font:bold 10px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; padding:0px 8px;} #main #ficha_tecnica #header_tabla table .fondo01{background:url(../images/html/ficha_fondo_tit01.jpg) 0px 0px no-repeat;} #main #ficha_tecnica #header_tabla table .fondo02{background:url(../images/html/ficha_fondo_tit02.jpg) 0px 0px no-repeat;} #main #ficha_tecnica #content_tabla {width:580px; height:270px; overflow-y:auto; overflow-x:hidden; position:absolute; margin:51px 0px 0px 0px;} #main #ficha_tecnica #content_tabla table{width:560px; height:55px; border-collapse:collapse; border:1px solid #CCC;} #main #ficha_tecnica #content_tabla table a:link, #main #ficha_tecnica #content_tabla table a:visited{color:#000; text-decoration:underline;} #main #ficha_tecnica #content_tabla table a:hover, #main #ficha_tecnica #content_tabla table a:active{color:#666; text-decoration:underline;} #main #ficha_tecnica #content_tabla table tbody td{height:30px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#666; padding:0px 5px;} #main #ficha_tecnica #content_tabla table tbody th{ height:30px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#666; padding:0px 5px;} #main #ficha_tecnica #content_tabla table tbody .fondo01{background:url(../images/html/fondo_ficha_tecnica_td.gif) repeat; color:#FFF; border:1px solid #606060; border-collapse:collapse;} #main #ficha_tecnica #content_tabla table tbody .fondo02{background:url(../images/html/fondo_ficha_tecnica_td2.gif) repeat; color:#FFF; border:1px solid #949494; border-collapse:collapse;} #main #ficha_fernando{width:212px; height:373px; background: url(../images/fotos_banner/ficha_tecnica_fernando.jpg) 0px 0px no-repeat; position:absolute; margin:165px 0px 0px 787px; z-index:700;} #main #ficha_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 709px; text-align:right; font:bold 10px/14px Arial, Helvetica, sans-serif; color:#FFF;} #main #ficha_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /* MENU GASOLINA Y DSL*/ #menu_ficha_tecnica{height: 25px;color: #CCC; font: 10px Arial, Helvetica, sans-serif; position:absolute; margin:70px 0px 0px 140px;} #menu_ficha_tecnica p {float: left; margin: 0px; padding: 5px 0px;} #menu_ficha_tecnica .boton_activo{background: #000000;} #menu_ficha_tecnica .boton_activo a{font: 11px Arial, Helvetica, sans-serif;font-weight: bold; color: #FFF; text-decoration: none; padding: 1px 10px 3px 10px; background: url(../images/html/bullet_menu_ficha.gif) no-repeat center bottom;} #menu_ficha_tecnica .boton_off{background: #333333;} #menu_ficha_tecnica .boton_off a{font: 11px Arial, Helvetica, sans-serif;font-weight: bold; color: #CCC; text-decoration: underline; padding: 1px 10px;} #menu_ficha_tecnica a{color: #FFF; text-decoration: none; padding: 1px 10px;} #menu_ficha_tecnica a:hover{color: #FFF; text-decoration: none;} /*Estilos Colores*/ #main #tit_colores{width:242px; height:49px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#A62B23; background: url(../images/html/colores_titulo.jpg) 0px 0px no-repeat; z-index:700; position:absolute; margin:21px 0px 0px 32px;} #main #colores_autos{width:587px; height:380px; position:absolute; z-index:600; margin:78px 0px 0px 237px;} #main #colores_fernando{width:180px; height:385px; background:url(../images/fotos_banner/colores_fernando.jpg) 0px 0px no-repeat; position:absolute; margin:163px 0px 0px 800px; z-index:400;} #main #colores_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 709px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #colores_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Performance*/ #main #tit_performance{width:409px; height:51px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/performance_titulo.jpg) 0px 0px no-repeat; position:absolute; color:#5C0F07; margin:52px 0px 0px 34px;} #main #performance_fotos{width:537px; height:349px; position:absolute; z-index:600; margin:96px 0px 0px 432px;} #main #performance_fernando{width:175px; height:361px; background:url(../images/fotos_banner/performance_fernando.jpg) 0px 0px no-repeat; position:absolute; margin:124px 0px 0px 141px; z-index:400;} #main #performance_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 839px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #performance_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Capacidad*/ #main #tit_capacidad{width:409px; height:51px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#C9250C; background:url(../images/html/capacidad_titulo.jpg) 0px 0px no-repeat; position:absolute; margin:53px 0px 0px 35px;} #main #menu_capacidad{width:142px; position:absolute; height:320px; margin:116px 0px 0px 31px; z-index:600;} #main #menu_capacidad img{float:left; margin:0px 1px 1px 0px; border:none;} #main #capacidad_fotos{width:537px; height:349px; position:absolute; z-index:600; margin:96px 0px 0px 432px;} #main #capacidad_auto{width:345px; height:193px; background:url(../images/fotos_banner/capacidad_auto.jpg) 0px 0px no-repeat; position:absolute; margin:258px 0px 0px 72px; z-index:400;} #main #capacidad_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 839px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #capacidad_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Confort*/ #main #tit_confort{width:409px; height:51px; padding:0px; color:#9E1B09; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/confort_titulo.jpg) 0px 0px no-repeat; position:absolute; margin:53px 0px 0px 35px;} #main #menu_confort{width:142px; position:absolute; height:320px; margin:116px 0px 0px 31px; z-index:600;} #main #menu_confort img{float:left; margin:0px 1px 1px 0px; border:none;} #main #confort_fotos{width:537px; height:349px; position:absolute; z-index:600; margin:96px 0px 0px 432px;} #main #confort_auto{width:345px; height:193px; background:url(../images/fotos_banner/capacidad_auto.jpg) 0px 0px no-repeat; position:absolute; margin:258px 0px 0px 72px; z-index:400;} #main #confort_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 839px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #confort_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Descargas*/ #main #tit_descargas{width:287px; height:38px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/descargas_titulo.jpg) 0px 0px no-repeat; position:absolute; margin:53px 0px 0px 35px;} #main #tit_wallpaper{width:95px; height:20px; padding:0px; color:#C62E0B; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/descargas_tit_wallpaper.jpg) 0px 0px no-repeat; position:absolute; margin:126px 0px 0px 164px;} #main #menu_wallpaper{width:324px; height:88px; position:absolute; margin:25px 0px 0px 0px;} #main #menu_wallpaper img{float:left; border:none; padding-right:5px;} #main #menu_catalogos{width:145px; height:64px; position:absolute; margin:355px 0px 0px 608px;} #main #menu_catalogos img{float:left; border:none; padding-right:5px;} #main #tit_publicidad{width:88px; height:20px; padding:0px; color:#8D2107; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/descargas_tit_publicidad.jpg) 0px 0px no-repeat; position:absolute; margin:395px 0px 0px 64px;} #main #menu_publicidad{width:220px; height:70px; position:absolute; margin:395px 0px 0px 163px;} #main #menu_publicidad img{float:left; border:none; margin:0px 2px 0px 0px;} #main #tit_videos_descargas{width:432px; height:20px; padding:0px; color:#C6370B; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/html/descargas_tit_videos.jpg) 0px 0px no-repeat; position:absolute; margin:43px 0px 0px 420px;} #main #video_descargas{width:434px; height:342px; position:absolute; margin:75px 0px 0px 160px; background: url(../images/html/fondo_comercial.gif) 0px 0px no-repeat;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;color:#544E68;} #main #video_descargas a{width:434px; height:342px; display:block;} #main #video_descargas_mailing{width:434px; height:342px; position:absolute; margin:75px 0px 0px 140px; background: url(../images/html/fondo_comercial.gif) 0px 0px no-repeat;font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px;color:#544E68;} #main #video_descargas_mailing a{width:434px; height:342px; display:block;} #main #descargas_precio{width:133px; height:30px; position:absolute; z-index:700; margin:489px 0px 0px 839px; text-align:right; font:bold 11px/16px Arial, Helvetica, sans-serif; color:#FFF;} #main #descargas_precio strong{font:bold 21px Arial, Helvetica, sans-serif;} /*Estilos Pie*/ #footer{height:168px;} #footer #txt_footer{width:970px; height:65px; margin:0px auto; overflow:hidden;} #footer #txt_footer h1{background:url(../images/html/home_logo_kia.gif) 0px 0px no-repeat; width:330px; height:48px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#271F16; padding:0px; margin:5px 0px 0px 0px;} #footer #txt_footer h1 a{width:330px; height:41px; display:block; color:#271F16;} #footer #info_footer{width:970px; height:103px; margin:0px auto;} #footer #info_footer h2{width:934px; height:110px; background: url(../images/html/footer_text_legal.gif) 0px 5px no-repeat; float:left; margin:0px;} #footer #info_footer h3{background:url(../images/html/footer_facebook.jpg) 0px 7px no-repeat; display:none; float:right; width:124px; height:39px; padding:0px; margin:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#AFCA2F;} #footer #info_footer h3 a{width:124px; height:39px; display:block; color:#AFCA2F;} /*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{}