/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto INN Exporta Calidad */ /* Version 1.0 */ /* media: PRINT */ /* Fecha de creación 18/04/2007 */ /* 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; font:11px Arial, Helvetica, sans-serif; background:none;} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} form{} label{} ul{} button{} .float_left{float:left; margin:0px 10px 10px 0px;} .float_right{float:right; margin:0px 0px 10px 10px;} .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} #main{width: 98%; margin:0px auto; padding:0px;} *>#main{width: 98%; margin:0px auto; padding:0px; display:block;} #contenedor{width:100%;} #contenedor td{vertical-align:top; padding: 0px;} /*ESTILOS CABECERA*/ #header{display:none;} /*FIN ESTILOS PARA LA CABECERA*/ /*Estilos botones*/ .bot_75px{display: none; visibility: hidden;} .bot_100px{display: none; visibility: hidden;} /*ESTILOS CONTENIDOS HOME*/ #info_home{float:left; background:url(../images/html/info_home_midd.jpg) 0px 0px repeat-y; display:table;} #info_home #info_top{padding:31px 0px 0px 0px; display:table;} #info_home #info_bott{padding:0px 0px 30px 0px; display:table;} /*¿Que es ExportaCalidad? en HOME*/ #info_home #que_es{width:300px; float:left; padding:0px 15px; color:#666; font:11px/20px Arial, Helvetica, sans-serif;} #info_home #que_es h1{background:url(../images/html/que_es_tit.gif) 0px 0px no-repeat; width:164px; height:33px; margin:0px; padding:0px;} #info_home #que_es p{margin:10px 0px; padding:0px 0px 0px 5px;} /*Ayudas al Exportador en HOME*/ #info_home #ayudas_links{width: 250px; float:right; padding:0px 20px 0px 10px; margin:0px;} #info_home #ayudas_links h1{margin:0px; padding:0px;} #info_home #ayudas_links #tips_ayuda{width:250px; margin:0px auto; padding:8px 0px 0px 0px;} #info_home #ayudas_links #tips_ayuda #tips_bottom{background:url(../images/html/tips_bottom.gif) left bottom no-repeat;} #info_home #ayudas_links #tips_ayuda #tips_bottom p{ display: none; visibility: hidden;} /*Tips de ayuda en marquesina*/ #info_home #ayudas_links #tips_ayuda #tips_bottom #tips{width:250px; position:relative; border-left:1px solid #E9E9E4; border-right:1px solid #E9E9E4;} #info_home #ayudas_links #tips_ayuda #tips_bottom #tips #marquee{padding:10px 10px 0px 10px; color:#666;} #info_home #ayudas_links #tips_ayuda #tips_bottom #tips #marquee p{color:#666; font:11px/14px Arial, Helvetica, sans-serif; height:auto; margin:0px 0px 5px 0px; padding:0px 0px 5px 10px; display: block; visibility: visible;} #info_home #ayudas_links #tips_ayuda #tips_bottom #tips #marquee a:link{color:#666; text-decoration:none; padding:2px;} #info_home #ayudas_links #tips_ayuda #tips_bottom #tips #marquee a:visited{color:#999; text-decoration:none; padding:2px;} /*Links de interés*/ #info_home #ayudas_links #links_interes{margin:0px;} #info_home #ayudas_links #links_interes h1{background:url(../images/html/links_tit.gif) 0px 0px no-repeat;} #info_home #ayudas_links #links_interes ul{list-style-type:none; padding:0px; margin:0px 0px 10px 5px;} #info_home #ayudas_links #links_interes ul li{background:url(../images/html/links_bullet.gif) 0px 2px no-repeat; padding:0px 0px 3px 15px;} #info_home #ayudas_links #links_interes ul li a:link{color:#044284;} #info_home #ayudas_links #links_interes ul li a:visited{color:#04355E;} /*Buscador Como Exportar*/ #como_exportar{ display: none; visibility: hidden;} /*#como_exportar{width:540px; margin:15px 0px 0px 0px; float:right; clear:right; padding:0px; color:#666; font:11px/16px Arial, Helvetica, sans-serif;}*/ #como_exportar h1{background:url(../images/html/como_exportar_tit.gif) 0px 0px no-repeat; width:193px; height:23px; margin:5px 0px 10px 0px; padding:0px;} #como_exportar p{padding:0px 20px 0px 5px; margin:0px; font:11px/16px Arial, Helvetica, sans-serif;} *>#como_exportar p{padding:0px 20px 0px 5px; margin:0px; font:11px/13px Arial, Helvetica, sans-serif;} #como_exportar form{width:522px; margin:20px auto 10px 0px; display:table;} #como_exportar form fieldset{padding:0px; margin:0px; border:1px solid #FFF;} #como_exportar form #paso1{width:180px; height:93px; background:url(../images/html/buscador_flecha.jpg) right center no-repeat; float:left;} #como_exportar form #paso2{width:180px; height:93px; background:url(../images/html/buscador_paso2.gif) right bottom no-repeat; float:left;} #como_exportar form #paso3{width:160px; height:93px; background:url(../images/html/buscador_paso3.gif) right bottom no-repeat; float:left;} #como_exportar form div label{font:bold 11px Arial, Helvetica, sans-serif; color:#666; } #como_exportar form div select{width:160px; font:11px Arial, Helvetica, sans-serif; color:#666; border:1px solid #CCC;} #como_exportar #buscador_listado{width:525px; margin:10px 0px 0px 0px; display:table;} #como_exportar #buscador_listado #imprimir_listado{background:url(../images/html/buscador_fon_imprimir.gif) 0px 0px repeat-x; height:21px; width:527px; text-align:right; padding:0px; margin:0px;} #como_exportar #buscador_listado #imprimir_listado button{background:url(../images/botones/buscador_listado_print.jpg) center center no-repeat; width:106px; height:21px; padding:0px 0px 0px 10px; margin:0px 15px 0px 0px; text-align:center; color:#FFF; border:none; font:9px/20px Arial, Helvetica, sans-serif; cursor:pointer;} #como_exportar #buscador_listado #resultado_0{width:527px; height:224px; background:url(../images/html/buscador_paso4.gif) 20px 20px no-repeat #E8E8E6;} #como_exportar #buscador_listado #resultado_0 p{color:#666; font:11px Arial, Helvetica, sans-serif; padding:80px 0px 0px 140px; margin:0px;} #resultado_como_exportar #buscador_listado #cabecera{width:527px; border-collapse:collapse;} #resultado_como_exportar #buscador_listado #cabecera th{color:#FFF; text-align:center; padding:0px; font:bold 11px Arial, Helvetica, sans-serif; height:26px; background:url(../images/html/listado_thead_fondo.jpg) 0px 0px repeat-x;} #resultado_como_exportar #buscador_listado #lista{width:525px; height:170px; overflow:auto; border:1px solid #9C9C9C; } #resultado_como_exportar #buscador_listado #lista table{width:508px; border-collapse:collapse;} #resultado_como_exportar #buscador_listado #lista table td{padding:3px; height:auto; vertical-align:top; border:1px solid #CCC; color:#333;} #resultado_como_exportar #buscador_listado #lista table td a:link{font:9px Arial, Helvetica, sans-serif; color:#044284; padding:2px;} #resultado_como_exportar #buscador_listado #lista table td a:visited{font:9px Arial, Helvetica, sans-serif; color:#044284; padding:2px;} #resultado_como_exportar #buscador_listado #lista table td a:hover{font:9px Arial, Helvetica, sans-serif; color:#04355E; text-decoration:none; background:#DBEEFD; padding:2px;} #resultado_como_exportar #buscador_listado #lista table td a:active{font:9px Arial, Helvetica, sans-serif; color:#04355E; text-decoration:none; background:#DBEEFD; padding:2px;} #resultado_como_exportar #buscador_listado #lista table td button{background:url(../images/botones/listado_boton.gif) center center no-repeat; color:#FFF; font:9px/20px Arial, Helvetica, sans-serif; text-align:center; border:none; cursor:pointer; width:56px; height:22px;} #resultado_como_exportar #buscador_listado #lista_paginador{background:url(../images/html/listado_pagina_fondo.jpg) 0px 0px no-repeat; width:522px; padding:0px 0px 0px 5px; height:26px; margin:0px auto;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right{background:url(../images/html/listado_pagina_fondo2.jpg) right top no-repeat; height:26px; text-align:center; font:9px Arial, Helvetica, sans-serif; color:#9BB1C8;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p{padding:5px 0px 1px 0px; letter-spacing:4px; font:9px Arial, Helvetica, sans-serif;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p span{color:#FFF;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p a:link{color:#9BB1C8; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p a:visited{color:#9BB1C8; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p a:hover{color:#FFF; background:#032F5F; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p a:active{color:#FFF; background:#032F5F; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p span a:link{color:#FFF; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p span a:visited{color:#FFF; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p span a:hover{color:#FFF; background:#032F5F; text-decoration:none; padding:2px;} #resultado_como_exportar #buscador_listado #lista_paginador #pag_right p span a:active{color:#FFF; background:#032F5F; text-decoration:none; padding:2px;} /*Estilos ficha*/ .mascara{width:100%; background:#FFF; opacity: .10; filter:alpha(opacity=500); left:0px; top:0px; position:absolute;} #mascara_ficha_0{z-index:6;} #mascara_busqueda_0{z-index:5; } #pestana_ficha{display:none;} #pestana_ficha{display:none;} #pestana_ficha_img{display:none;} #pestana_ficha_img a{display:none;} #buscador_internas_0{width:594px; z-index:6; height:510px; float:left; background:url(../images/html/fon_buscador_interna.gif) 0px 0px no-repeat; position:absolute; margin:82px 0px 0px 50px;} #buscador_internas_0 #cerrar_buscador{width:33px; height:510px; float:left; padding:0px; margin:10px 0px 0px 0px; background:url(../images/html/buscador_boton_cerrar.jpg) 5px 0px no-repeat;} #buscador_internas_0 #cerrar_buscador a{width:29px; height:202px; display:block; color:#E0E0D8;} #buscador_internas_0 #como_exportar{margin:15px 5px 0px 0px;} #buscador_internas_0 #como_exportar form fieldset{padding:0px; margin:0px; border:1px solid #F6F6F3;} #ficha_0{width:730px; z-index:999; margin:7px 0px 0px 40px; position:absolute; float:left; top:20px; left:40px; background:url(../images/html/ficha_bottom.gif) left bottom no-repeat; padding:0px 0px 17px 0px; display:block;} /*nuevo*/ #ficha_1{width:730px; z-index:999; margin:7px 0px 0px 40zpx; position:absolute; float:left; top:0; left:0; background:url(../images/html/ficha_bottom.gif) left bottom no-repeat; padding:0px 0px 17px 0px; display:none;} #ficha_2 #ficha_main{padding:2px 2px; margin:0px; background:url(../images/html/ficha_fondo_main.jpg) 0px 0px repeat-x #E9E9E4;} #ficha_2 #ficha_main a:link, #ficha_0 #ficha_main a:visited{color:#07508B; padding:2px;} #ficha_2 #ficha_main a:hover, #ficha_0 #ficha_main a:active{color:#04355E; background:#DBEEFD; padding:2px;} #ficha_2 #ficha_main h1{font:bold 14px Arial, Helvetica, sans-serif; color:#07508B; margin:0px 25px 5px 25px; padding:5px 0px 0px 0px;} #ficha_2 #ficha_main h2{font:14px Arial, Helvetica, sans-serif; color:#07508B; background:url(../images/html/ficha_ic_url.gif) 0px 0px no-repeat; padding:2px 0px 5px 30px; margin:0px 25px 15px 25px;} #ficha_2 #ficha_main .tabla_datos{width:650px; margin:15px auto; font:11px Arial, Helvetica, sans-serif;} #ficha_2 #ficha_main .tabla_datos th{background:url(../images/html/bullet_menu_secundario.gif) 0px 6px no-repeat; font:normal 11px Arial, Helvetica, sans-serif; width:160px; vertical-align:top; text-align:left; padding:1px 0px 1px 10px; color:#666;} #ficha_2 #ficha_main .tabla_datos td{vertical-align:top; padding:1px 0px 1px 10px; color:#666; font:11px Arial, Helvetica, sans-serif;} #ficha_3 #ficha_main {width:680px; height:270px; border:2px solid #F37A01; margin:0px auto;} #ficha_2 #ficha_main .tabla_datos_ficha{border:1px solid #014670; color:#666; border-collapse:collapse; width:670px;} #ficha_2 #ficha_main .tabla_datos_ficha thead td{background:#014670; border-left:1px solid #014670; border-right:1px solid #014670; color:#FFF; text-align:center; padding:3px;} #ficha_2 #ficha_main .tabla_datos_ficha td{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#FFF; padding:3px 5px; font:11px Arial, Helvetica, sans-serif;} #ficha_2 #ficha_main .tabla_datos_ficha td .ayuda{padding:20px;} #ficha_2 #ficha_main .tabla_datos_ficha td .ayuda h1{color:#014670; margin:30px 0px 10px 0px; padding:0px;} #ficha_2 #ficha_main .tabla_datos_ficha td .ayuda p{margin:10px 0px 5px 0px; padding:0px;} #ficha_2 #ficha_main .tabla_datos_ficha td .ayuda p strong{color:#666;} #ficha_2 #ficha_main .tabla_datos_ficha th{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#E6ECF2; padding:3px 5px; font:11px Arial, Helvetica, sans-serif;} #ficha_2 #ficha_main .tabla_datos_ficha span{font: 15px Arial, Helvetica, sans-serif; color:#044284;} /*FIN ESTILOS CONTENIDOS HOME*/ /*ESTILOS PAGINAS INTERNAS*/ #info_internas{display:none;} /*Contenidos Interna*/ #contenido_interna{margin:0px; padding:0px 0px 0px 10px; width: 98%; display:table; font:11px/20px Arial, Helvetica, sans-serif; color:#666;} #contenido_interna #contenido_top{display:none;} #contenido_interna a:link, #contenido_interna a:visited{color:#07508B; padding:2px;} #contenido_interna ul{margin:0px; padding:0px; list-style-type:none;} #contenido_interna ul li{background:url(../images/html/bullet_listas.gif) 0px 8px no-repeat; padding:0px 0px 0px 10px;} #contenido_interna #contenido_top #imprimir_pagina{width:25px; height:24px; margin:0px; background:url(../images/botones/bot_print.gif) center center no-repeat; border:none; cursor:pointer; float:right;} #contenido_interna #contenido_top #bot_home{width:25px; height:24px; margin:0px; background:url(../images/botones/bot_home.gif) center center no-repeat; border:none; cursor:pointer; float:right;} #contenido_interna #contenido_top #bot_volver{width:25px; height:24px; margin:0px; background:url(../images/botones/bot_volver.gif) center center no-repeat; border:none; cursor:pointer; float:right;} #contenido_interna #contenido_top #bot_txt_achicar{width:24px; height:24px; margin:0px 15px 0px 0px; background:url(../images/botones/bot_txt_disminuir.gif) center center no-repeat; border:none; cursor:pointer; float:right;} #contenido_interna #contenido_top #bot_txt_agrandar{width:24px; height:24px; margin:0px; background:url(../images/botones/bot_txt_aumentar.gif) center center no-repeat; border:none; cursor:pointer; float:right;} #contenido_interna h1{color:#818181; font:1.9em Arial, Helvetica, sans-serif;} #contenido_interna h1 strong{font:bold 1em Arial, Helvetica, sans-serif; color:#FE9324; letter-spacing:-1px;} #contenido_interna h2{color:#04376F; font:bold 1.1em Arial, Helvetica, sans-serif;} #contenido_interna h3{color:#04376F; font:bold 1em Arial, Helvetica, sans-serif; background:url(../images/html/bullet_listas.gif) 0px 5px no-repeat; margin:20px 0px 0px 0px; padding:0px 0px 0px 10px;} #contenido_interna h4{color:#000; font:1em Arial, Helvetica, sans-serif; margin:0px; padding:3px 0px 0px 10px;} #contenido_interna #img_certificacion_fases{width: 600px;} #contenido_interna blockquote{margin:0px; padding:0px 0px 10px 10px;} #contenido_interna .mapa_sitio{float:left; display:table; width:310px; margin:15px 10px;} #contenido_interna .links_interes{width:690px; padding:20px 0px; margin:0px auto; display:table;} #contenido_interna .links_interes h1{width:540px; float:right; font:bold 1em Arial, Helvetica, sans-serif; padding:0px; margin:0px; color:#07508B; } #contenido_interna .links_interes p{width:540px; float:right; padding:0px; margin:0px;} #contenido_interna .links_interes img{float:left; width:120px;} /*Destacados portadsa 4 columnas*/ #contenido_interna .destacado_3col{width:210px; float:left; margin:0px 15px 0px 0px;} #contenido_interna .destacado_3col h2{background:url(../images/html/bullet_destacados.gif) 0px 2px no-repeat; color:#07508B; font:bold 1em Arial, Helvetica, sans-serif; padding:0px 0px 5px 10px; margin:0px;} #contenido_interna .destacado_3col h3{margin:5px 0px; padding:0px;} #contenido_interna .destacado_3col p{margin:5px 0px 0px 0px; padding:0px 0px 0px 3px;} #contenido_interna .destacado_3col img{border:4px solid #EBEBE9; margin:0px auto;} /*Destacados portadsa 3 columnas*/ #contenido_interna .destacado_4col{width:250px; padding: 0px 0px 20px 0px; float:left;} #contenido_interna .destacado_4col h2{color:#07508B; font:bold 1em Arial, Helvetica, sans-serif; padding:0px 5px 0px 0px; margin:0px;} #contenido_interna .destacado_4col h3{margin:5px 0px; padding:0px;} #contenido_interna .destacado_4col p{margin:5px 0px 0px 0px; padding:0px 15px 0px 3px;} #contenido_interna .destacado_4col img{border:4px solid #EBEBE9; margin:0px auto;} #contenido_interna .documento_pdf{padding:0px;} #contenido_interna .tabla_datos{width:680px; margin:15px auto; border:1px solid #014670; color:#666; border-collapse:collapse;} #contenido_interna .tabla_datos thead th{background:#014670; border-left:1px solid #014670; border-right:1px solid #014670; color:#FFF; text-align:left; padding:10px 15px; font:bold 1em Arial, Helvetica, sans-serif;} #contenido_interna .tabla_datos td{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#FFF; padding:10px 15px; font:1em Arial, Helvetica, sans-serif; text-align:left; vertical-align:top;} #contenido_interna .tabla_datos th{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#E6ECF2; padding:10px 15px; font:normal 1em Arial, Helvetica, sans-serif; text-align:left; vertical-align:top;} #ficha_0 #ficha_main #ficha_contenido .tabla_datos_ficha td{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#FFF; padding:3px 5px; font:11px Arial, Helvetica, sans-serif;} #ficha_0 #ficha_main #ficha_contenido .tabla_datos_ficha th{border-left:1px solid #B2C7D4; border-right:1px solid #B2C7D4; border-top:1px solid #E9E9E4; border-bottom:1px solid #E9E9E4; background:#E6ECF2; padding:3px 5px; font:normal 11px Arial, Helvetica, sans-serif;} #ficha_0 #ficha_main #ficha_contenido .tabla_datos_ficha span{font:bold 15px Arial, Helvetica, sans-serif; color:#044284;} #contenido_interna .foto_left{border:1px solid #CCC; margin:7px 15px 15px 0px; float:left;} #contenido_interna .foto_right{border:1px solid #CCC; margin:7px 0px 15px 15px; float:right;} /*ESTILOS PIE DE PAGINA*/ #menu_footer{display:none; visibility: hidden;} #footer{display:none; visibility: hidden;} #intermedia{display:none; visibility: hidden;}