/* 1996-2006 Inter Media S.A. Todos los Derechos Reservados. */ /* CSS para proyecto Municipalidad de santiago */ /* Version 1.0 */ /* media: SCREEN */ /* Fecha de creación 22/06/2006 */ /* HISTORIAL DE MODIFICACIONES */ /* 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;} table{} td{} h1{} h2{} h3{} h4{} h5{} h6{} strong, b{} a:link{} a:visited{} a:hover{} a:active{} form{} label{} ul{} button{} .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*Estilos cabecera rediseño*/ #cabecera{height:104px; padding:0px;} #cabecera #flash{height:104px; width:100%; text-align:center; padding:0px; background:#FFF;} #cabecera #top{position:absolute; width:100%; z-index:1; white-space:nowrap; margin:0px auto; padding:2px 0px; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;} #cabecera #top a:link, #cabecera #top a:visited{color:#000; text-decoration:underline;} #cabecera #top a:hover, #cabecera #top a:active{color:#666; text-decoration:underline;} #cabecera #top span{margin:0px 15px;} #cabecera #top p{float:right; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px 10px;} #cabecera #top form{float:right; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px 10px;} #cabecera #top form input{height:14px; width:80px; border:1px solid #000; margin:0px 5px; font:9px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;} #cabecera #top form button{background:url(../images/rediseno/bot_buscar.gif) center top no-repeat; width:28px; height:8px; border:none; cursor:pointer; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1em;} #cabecera #middle{top:20px; position:absolute; z-index:1; height:80px; width:100%;} #cabecera #middle #logo{margin:3px 0px 0px 15px; top:0px; position:absolute;} #cabecera #middle #botones{height:27px; margin:57px 0px 0px 0px; padding:0px 0px 0px 35px; background:url(../images/rediseno/top_fon_left_botones.gif) 0px 0px no-repeat; float:right;} #cabecera #middle #botones div{height:27px; background:url(../images/rediseno/top_fon_botones.jpg) 0px 0px repeat-x; float:left;} #cabecera #middle #botones div img{margin:3px 10px 0px 0px;} #menu_principal{height:22px; margin:0px; padding:5px 0px 7px 0px; background:#1961CC; border-top:1px solid #4978BE; list-style-type:none;} #menu_principal li{display:inline; margin:0px 0px 0px 10px; padding:10px 0px 10px 0px; white-space:nowrap; font:11px Arial, Helvetica, sans-serif;} #menu_principal li a:link, #menu_principal li a:visited{background:url(../images/rediseno/fon_bot_menu.jpg) top center repeat-x; border:1px solid #000; padding:2px 15px 4px 15px; color:#000; text-decoration:none;} #menu_principal li a:hover, #menu_principal li a:active{background:#FFF; border:1px solid #000; padding:2px 15px 4px 15px; color:#000; text-decoration:none;} #submenu_desplegable{height:0px; background:#4876BA;} #submenu_desplegable td{height:0px; padding:0px;} #submenu_desplegable td div{border:1px solid #000; background:#F4F4F4; width:130px; padding:5px; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;} #submenu_desplegable td div p{margin:5px; padding:0px; font:9px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #CCC;} #submenu_desplegable td div p a:link, #submenu_desplegable td div p a:visited{color:#000; text-decoration:none;} #submenu_desplegable td div p a:hover, #submenu_desplegable td div p a:active{color:#666; text-decoration:none;} /*Posiciones Submenu*/ #submenu_desplegable td #subtop_0{left:80px; position:absolute; z-index:1;} #submenu_desplegable td #subtop_1{left:180px; position:absolute; z-index:1;} #submenu_desplegable td #subtop_2{left:290px; position:absolute; z-index:1;} #submenu_desplegable td #subtop_3{left:538px; position:absolute; z-index:1;} #submenu_desplegable td #subtop_4{left:620px; position:absolute; z-index:1;} /*Estilos contenidos, estructura*/ #estructura{width:100%;} #estructura td{vertical-align:top;} #estructura #centro{padding:22px 36px 10px 20px; margin:0px;} #col_left{background:url(../images/rediseno/left_fon_col.gif) 0px 0px repeat-y; width:143px; padding:6px 0px 0px 0px; vertical-align:top;} #col_left img{margin:0px auto;} #col_left ul{width:138px; background:url(../images/rediseno/left_top_menu.gif) top center no-repeat; margin:5px 0px; padding:5px 0px 5px 3px; list-style-type:none;} #col_left ul li{background:url(../images/rediseno/left_bullet_menu.gif) 0px 4px no-repeat; padding:0px 0px 0px 11px; margin:3px 0px; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif;} #col_left ul li ul{background:none; margin:0px; padding:0px; width:auto;} #col_left ul li ul li{background:url(../images/idx-cubo_rojo.jpg) 0px 5px no-repeat; font:9px Arial, Helvetica, sans-serif; width:110px; margin:0px; padding:2px 0px 2px 7px;} #col_left ol{width:138px; background:url(../images/rediseno/left_top_menu.gif) bottom center no-repeat; margin:5px 0px; padding:5px 0px 5px 3px; list-style-type:none;} #col_left ol li{background:url(../images/rediseno/left_bullet_menu.gif) 0px 4px no-repeat; padding:0px 0px 0px 11px; margin:3px 0px; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif;} #col_left a:link, #col_left a:visited{color:#FFF; text-decoration:none;} #col_left a:hover, #col_left a:active{color:#FF9; text-decoration:none;} #col_left_bott{background:url(../images/rediseno/left_bottom.gif) left bottom no-repeat; height:27px;} #tramites_linea{height:110px; background:url(../images/rediseno/pagos_linea_left.jpg) left top no-repeat; padding:0px 0px 0px 180px; margin:0px;} #tramites_linea div{background:url(../images/rediseno/pagos_linea_right.jpg) right top no-repeat; height:110px; text-align:right;} #tramites_linea div h1{font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url(../images/rediseno/pagos_linea_tit.gif) top right no-repeat; text-align:right; width:367px; margin:20px 14px 0px 0px; height:45px; float:right;} #tramites_linea div p{float:right; margin:10px 14px 0px 0px; text-align:right; width:367px;} #contenidos_home a:link{color:#002D9A; text-decoration:underline; padding:2px 4px;} #contenidos_home a:visited{color:#002D9A; text-decoration:underline; padding:2px 4px;} #contenidos_home a:hover{color:#002D9A; text-decoration:underline; padding:2px 4px;} /*************** EDITADO PARA IMAGEN HOME*********************************************************** #contenidos_home a:hover{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;}*/ #contenidos_home a:active{color:#002D9A; text-decoration:underline; padding:2px 4px;} /*************** EDITADO PARA IMAGEN HOME*********************************************************** #contenidos_home a:active{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;}*/ #contenidos_home{margin:14px auto 20px auto;} #contenidos_home #vacunacion{width:200px; border:1px solid #FFF; height:143px; background:url(../images/rediseno/home_vacunacion.jpg) top center no-repeat; color:#AE2121;} #contenidos_home #vacunacion p{width:105px; font:bold 11px Arial, Helvetica, sans-serif; padding:45px 0px 0px 10px;} #contenidos_home #banner_destacado{width:105px;} #contenidos_home #banner_destacado a.link_banner:link{background:none; border:none; padding:0px; margin:0px;} #contenidos_home #banner_destacado a.link_banner:visited{background:none; border:none; padding:0px; margin:0px;} #contenidos_home #banner_destacado a.link_banner:hover{background:none; border:none; padding:0px; margin:0px;} #contenidos_home #banner_destacado a.link_banner:active{background:none; border:none; padding:0px; margin:0px;} #busca_tramites{padding:0px 15px 0px 0px;} #busca_tramites form{background:url(/images/rediseno/busca_tramites_fon.jpg) 10px 25px no-repeat #F0F3F9; margin:0px; display:table; padding:0px; width:100%; height:140px; border-bottom:3px solid #DBE3F0;} #busca_tramites form h1{background:url(../images/busca_tramites_tit.gif) 0px 0px no-repeat; width:337px; height:20px; margin:0px; padding:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1em; color:#FFF;} #busca_tramites form div{height:100px; margin:0px; padding:10px 0px 0px 105px; text-align:right;} #busca_tramites form div select{height:18px; width:95%; margin:0px 0px 10px 0px; font:9px Arial, Helvetica, sans-serif; float:left;} #busca_tramites form div input{height:16px; width:95%; margin:0px 0px 10px 0px; padding:0px; border:1px solid #999; font:9px Arial, Helvetica, sans-serif; background:url(../images/rediseno/fon_input.jpg) 0px 0px repeat-x; float:left;} #busca_tramites form button{background:url(../images/rediseno/busca_tramites_boton.jpg) top center no-repeat; cursor:pointer; width:132px; height:16px; color:#FFF; border:none; margin:0px 20px 0px 0px; font:9px Arial, Helvetica, sans-serif; float:right;} #contenidos_home .noticias{padding:0px 15px 15px 0px;} #contenidos_home .noticias h1{height:23px; background:url(../images/rediseno/home_noticias_fon.jpg) 0px 0px repeat-x; border-bottom:3px solid #E4E7E7; padding:10px 10px 0px 10px; font:bold 14px Arial, Helvetica, sans-serif;} #contenidos_home .informa{padding:0px 0px 15px 0px;} #contenidos_home .informa h1{height:23px; background:url(../images/rediseno/home_noticias_fon.jpg) 0px 0px repeat-x; border-bottom:3px solid #E4E7E7; padding:10px 10px 0px 10px; font:bold 14px Arial, Helvetica, sans-serif;} #contenidos_home .noticias h2, #contenidos_home .informa h2{font:bold 11px/18px Arial, Helvetica, sans-serif; color:#002D9A; margin:0px 10px 10px 10px;} #contenidos_home .noticias h3, #contenidos_home .informa h3{font:9px/18px Arial, Helvetica, sans-serif; color:#666; font-style:italic; margin:0px 10px;} #contenidos_home .noticias p, #contenidos_home .informa p{font:11px/18px Arial, Helvetica, sans-serif; color:#000; margin:0px 10px;} #contenidos_home .noticias img, #contenidos_home .informa img{float:right; border:1px solid #002D9A;} #contenidos_home .link_seccion{border-top:1px dotted #EAEAEA; border-bottom:1px solid #EAEAEA; padding:5px 0px; text-align:right; font:bold 11px Arial, Helvetica, sans-serif;} #cantidad_resultado{font:bold 11px Arial, Helvetica, sans-serif; margin:10px 0px; padding:0px;} /*Estilos pie de pagina*/ #footer{font:11px Arial, Helvetica, sans-serif; text-align:center; margin:0px; width:100%;} #footer th{text-align:center; padding:15px 10px; font:normal 11px Arial, Helvetica, sans-serif;} #footer td{text-align:center; padding:15px 10px; font:bold 9px Verdana, Arial, Helvetica, sans-serif; background:#E6E6E6; border-top:1px solid #D8D8D8; border-bottom:20px solid #678EC8; color:#1553B0;} #footer th a:link, #footer th a:visited{color:#000; text-decoration:none;} #footer th a:hover, #footer th a:active{color:#666; text-decoration:underline;} #footer td a:link, #footer td a:visited{color:#1553B0; text-decoration:none;} #footer td a:hover, #footer td a:active{color:#2D61D9; text-decoration:underline;} #resultado_busqueda{font:11px Arial, Helvetica, sans-serif; border-bottom:3px solid #E2E9F3;} #resultado_busqueda th{background:#F0F3F9; padding:5px 15px; border-bottom:1px solid #E2E9F3; text-align:left; color:#002D9A; font:bold 11px Arial, Helvetica, sans-serif;} #resultado_busqueda .seccion{background:#FDFDFD; padding:7px 15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; color:#000; font:bold 11px Arial, Helvetica, sans-serif;} #resultado_busqueda td{background:#F3F5F5; padding:7px 15px; border-top:2px solid #FFF; text-align:left; color:#000; font:11px Arial, Helvetica, sans-serif;} #resultado_busqueda td p{background:url(../images/bullet_rojo.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px;} #resultado_busqueda td .ver_ficha{background:url(../images/bullet_ficha.gif) 2px 0px no-repeat; padding:0px 0px 0px 15px;} #resultado_busqueda td .ver_ficha a:link, #resultado_busqueda td .ver_ficha a:visited{color:#C00; text-decoration:underline; font:10px Arial, Helvetica, sans-serif;} #resultado_busqueda td .ver_ficha a:hover, #resultado_busqueda td .ver_ficha a:active{color:#C30; text-decoration:underline; font:10px Arial, Helvetica, sans-serif;} /*Estilos Licitaciones*/ #tit_licitaciones{background:#F0F3F9; padding:10px; border-bottom:3px solid #E2E9F3; font: bold 13px Arial, Helvetica, sans-serif; color:#000; text-align:left;} .licitaciones{background:#F3F5F5; padding:10px; margin:0px 0px 20px 0px; border-bottom:1px solid #CBD3D3; text-align:left; color:#000;} .licitaciones h2{color:#002D9A; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px dashed #CBD3D3; text-align:left; margin:0px; padding:10px 0px 5px 0px;} .licitaciones h2 strong{color:#900;} .licitaciones ul{list-style-type:none; margin:10px 0px; padding:0px;} .licitaciones ul li{background:url(../images/bullet_rojo.gif) 0px 6px no-repeat; padding:0px 0px 0px 10px;} .licitaciones ul li img{margin:0px 5px;} .licitaciones ul li a:link, .licitaciones ul li a:visited{color:#900; text-decoration:underline;} .licitaciones ul li a:hover, .licitaciones ul li a:active{color:#930; text-decoration:underline;} .licitaciones ul li .files{margin:0px 0px 0px 130px; padding:0px; list-style-type:none; top:-15px; position:relative;} .licitaciones ul li .files li{padding:0px; margin:3px 0px; background:none;} .licitaciones a:link{color:#002D9A; text-decoration:underline; padding:2px 4px;} .licitaciones a:visited{color:#002D9A; text-decoration:underline; padding:2px 4px;} .licitaciones a:hover{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;} .licitaciones a:active{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;} #tit_licitaciones{background:#F0F3F9; padding:10px; border-bottom:3px solid #E2E9F3; font: bold 13px Arial, Helvetica, sans-serif; color:#000; text-align:left;} .licitaciones_cerradas{background:#F3F0F0; padding:10px; margin:0px 0px 20px 0px; border-bottom:1px solid #CBD3D3; text-align:left; color:#000;} .licitaciones_cerradas h2{color:#002D9A; font:bold 12px Arial, Helvetica, sans-serif; border-bottom:1px dashed #CBD3D3; text-align:left; margin:0px; padding:10px 0px 5px 0px;} .licitaciones_cerradas h2 strong{color:#900;} .licitaciones_cerradas ul{list-style-type:none; margin:10px 0px; padding:0px;} .licitaciones_cerradas ul li{background:url(../images/bullet_rojo.gif) 0px 6px no-repeat; padding:0px 0px 0px 10px;} .licitaciones_cerradas ul li img{margin:0px 5px;} .licitaciones_cerradas ul li a:link, .licitaciones_cerradas ul li a:visited{color:#900; text-decoration:underline;} .licitaciones_cerradas ul li a:hover, .licitaciones_cerradas ul li a:active{color:#930; text-decoration:underline;} .licitaciones_cerradas ul li .files{margin:0px 0px 0px 130px; padding:0px; list-style-type:none; top:-15px; position:relative;} .licitaciones_cerradas ul li .files li{padding:0px; margin:3px 0px; background:none;} .licitaciones_cerradas a:link{color:#002D9A; text-decoration:underline; padding:2px 4px;} .licitaciones_cerradas a:visited{color:#002D9A; text-decoration:underline; padding:2px 4px;} .licitaciones_cerradas a:hover{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;} .licitaciones_cerradas a:active{color:#002D9A; text-decoration:underline; background:#CCD5EB; padding:2px 4px;} .paginador{text-align:center; font:10px Arial, Helvetica, sans-serif; margin:10px 0px 25px 0px; color:#000;} .paginador a:link, .paginador a:visited{margin:0px 5px; color:#000; width:14px; height:14px; text-decoration:none;} .paginador a:hover, .paginador a:active{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat;} .paginador a.selected:link, .paginador a.selected:visited{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat;} .paginador a.selected:hover, .paginador a.selected:active{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat;} .paginador #actual{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat; border:none; cursor:pointer;} .paginador #actual:link, .paginador #actual:visited{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat;} .paginador #actual:hover, .paginador #actual:active{margin:0px 5px; color:#FFF; width:14px; height:14px; text-decoration:none; background:url(../images/fon_over_paginador.gif) top center no-repeat;} .fotos_noticias{float:right; margin:0px 0px 15px 15px; width:200px; border:1px solid #000;} .fotos_noticias img{float:right; margin:0px 0px 15px 0px;} /*ESTILOS AGENDA*/ #agenda{margin:20px 20px; background:#F0F3F9; padding:0px 0px 15px 0px; border-bottom:3px solid #E2E9F3;} #agenda #top{height:155px; background:url(../images/rediseno/agenda_fon_top.gif) left bottom no-repeat #FFF; vertical-align:bottom;} #agenda #top #fecha{color:#002C99; padding:100px 0px 0px 0px; text-align:left; font:bold 12px Arial, Helvetica, sans-serif; float:left;} #agenda #top #calendarios{width:380px; height:150px; text-align:center; float:right;} #agenda #top #calendarios .botones{margin:50px 0px 0px 0px;} #agenda #top #calendarios .calendario{width:140px; height:133px; border:1px solid #002D9A; margin:0px 4px; float:left; background:#002D9A; display:table;} #agenda #top #calendarios .calendario .mes{border-top:1px solid #FFF; height:35px; padding:2px 0px 0px 0px; text-align:center; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;} #agenda #top #calendarios .calendario .titulo_calendario{border-top:1px solid #FFF; height:35px; padding:12px 0px 0px 0px; background:#002D9A; text-align:center; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;} #agenda #top #calendarios .calendario table{border:1px solid #D2D7DD; border-collapse:collapse;} #agenda #top #calendarios .calendario table th{border:1px solid #D2D7DD; text-align:center; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; background:#D2D7DD;} #agenda #top #calendarios .calendario table td{border:1px solid #D2D7DD; text-align:center; font:bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#002D9A; background:#FFF;} #agenda #top #calendarios .calendario table td a:link, #agenda #top #calendarios .calendario table td a:visited{background:#D6E0EF; color:#002D9A; display:block; width:100%; text-decoration:none;} #agenda #top #calendarios .calendario table td a:hover, #agenda #top #calendarios .calendario table td a:active{background:#900; color:#FFF; display:block; width:100%; text-decoration:none;} #agenda #top #calendarios .calendario table td a:link strong, #agenda #top #calendarios .calendario table td a:visited strong{background:#F1F3F5; color:#900; display:block; width:100%; text-decoration:none; cursor:pointer;} #agenda #top #calendarios .calendario table td a:hover strong, #agenda #top #calendarios .calendario table td a:active strong{background:#900; color:#FFF; display:block; width:100%; text-decoration:none; cursor:pointer;} #agenda #top #calendarios .calendario table td .dia_actual {background:#900; color:#FFF; text-decoration:none} #agenda #top #calendarios .calendario table td .dia_actual a {background:#900; color:#FFF; text-decoration:none} #agenda #detalle_agenda{background:url(../images/rediseno/agenda_fon_detalle.jpg) top right no-repeat #FFF; font:11px Arial, Helvetica, sans-serif; padding:15px 20px; margin:15px; height:350px; overflow:auto;} #agenda #detalle_agenda h1{font:bold 11px Arial, Helvetica, sans-serif; background:url(../images/bullet_rojo.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px; margin:0px;} #agenda #detalle_agenda .actividad{border-bottom:1px dashed #C9D6E9; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px;} #agenda #detalle_agenda p{font:11px Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px 0px 15px 0px;} /*POPUP TRAMITE*/ #ficha_tramite{font:11px Arial, Helvetica, sans-serif;} #ficha_tramite #cabecera{background:url(../images/rediseno/ficha_fon_top.jpg) 0px 0px repeat-x; height:91px; border-bottom:10px solid #D5DFEE;} #ficha_tramite #cabecera div{height:91px;} #ficha_tramite #cabecera div img{float:left;} #ficha_tramite #cabecera div #flash{width:311px; height:91px; float:right;} #ficha_tramite #detalle{padding:20px;} #ficha_tramite #detalle h1{font:bold 12px Arial, Helvetica, sans-serif; color:#900; margin:0px 0px 15px 0px;} #ficha_tramite #detalle div{background:#F3F5F5; margin:0px 0px 15px 0px; padding:10px 15px; font:11px Arial, Helvetica, sans-serif;} #ficha_tramite #detalle div h1{color:#002D9A; text-align:left; margin:0px 0px 10px 0px; padding:0px; font:bold 11px Arial, Helvetica, sans-serif;} #ficha_tramite #detalle div p {font:11px Arial, Helvetica, sans-serif; padding:0px; margin:0px;} #ficha_tramite #detalle div ul{list-style-type:none; margin:10px 0px; padding:0px;} #ficha_tramite #detalle div ul li{background:url(../images/bullet_rojo.gif) 0px 4px no-repeat; padding:0px 0px 0px 10px;} #ficha_tramite #detalle div a:link, #ficha_tramite #detalle div a:visited{color:#900; text-decoration:underline;} #ficha_tramite #detalle div a:hover, #ficha_tramite #detalle div a:active{color:#930; text-decoration:underline;} #ficha_tramite #detalle div img{margin:0px 4px;} #ficha_tramite #bottom{height:26px; background:#002D9A; border-top:3px solid #D5DFEE; text-align:right;} #ficha_tramite #bottom a:link, #ficha_tramite #bottom a:visited{color:#FFF; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; padding:7px 5px 0px 0px;} #ficha_tramite #bottom a:hover, #ficha_tramite #bottom a:active{color:#CFF; font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; padding:7px 5px 0px 0px;} /*Copyright Inter Media*/ #intermedia{background:#678EC8; padding:0px 10px 10px 0px; margin:0px; text-align:right; color:#FFF; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;} #intermedia a:link, #intermedia a:visited{color:#FFF; text-decoration:none; padding:2px 3px;} #intermedia a:hover, #intermedia a:active{color:#FFF; text-decoration:none; padding:2px 3px; background:#406CB0;}