/* Normalización. Inicio los estilos base, para que todos los navegadores tengan el mismo punto de partida */ p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6, div, body, html, table, td, tr, textarea { margin:0; padding:0; border:0; font-size:1em; font-weight:normal; } img{ border:0; } /* Fin de la Normalización */ body{ background-image: url('../img/fondo.gif'); text-align: center; /* Esto lo necesita el IE ya que no reconoce el centrado de CSS normal de 'border: auto;' (aplicado al ID="pagina") */ /* Decoracion del texto por defecto*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #950040; text-decoration: none; font-weight: bold; } .limpia { /* class necesaria para la compatiblidad de la interfaz entre los navegadores Mozilla e I.E */ clear: both; line-height: 0%; } /****************************************************************/ /** La CABECERA */ #cabecera { width: 100%; height:69px; /* Es el mismo alto de la imagen del logotipo */ background-color: #E6B01C; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: normal; } #equisCerrarSession { background-color: #E6B01C; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: normal; } #enlaceCerrarSession { background-color: #E6B01C; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; font-weight: normal; } #logotipo { position: absolute; top: 0px; left: -1px; } #nombreAplicacion { position: absolute; left: 420px; top: 15px; font-size: 16px; } #fecha { position: absolute; top: 5px; right: 5px; } #reloj { position: absolute; top: 25px; right: 5px; font-weight: bold; /* sobreescribo el grosor de la fuente */ } #nombreYcerrarSesion { position: absolute; top: 45px; right: 5px; } #nombre { position: relative; float: left; } #cerrarSesion a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; font-weight: normal; } #enlaceCerrarSession:hover { text-decoration: underline; } #equisCerrarSession:hover { text-decoration: none; } /* Fin del estilo de la cabecera*/ /* Para que el contenido salga centrado basta con estas lineas de 'margin' y 'width' */ #pagina { margin: 25px; padding-bottom: 15px; width: 100%; text-align: left; position: relative; _left: 20px; } /* fin del centrado */ /***************************************************************************/ /** BOTONERAS */ .botonera { width: 95%; /* La botonera se ha ajustado a 95% cuando esta fuera del div "contenido" */ padding: 2px; } #contenido .botonera, #contenido_sin_borde .botonera { width: 99%; /* La botonera se ha ajustado a 99% cuando esta dentro del div "contenido" */ padding: 2px; } .texto_boton { width: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; } .botonera ul,.botonera ul li { list-style: none; margin: 5px 0 5px 0; padding: 0; text-align: center; } .lista_botones li { float: left; cursor: pointer; } .lista_botones li img { border: 0; } /** Fin BOTONERA */ /*****************************************************************************/ /** Las PESTAÑAS */ #pestanas ul li { text-align: center; } #pestanas ul,#pestanas ul li { list-style: none; margin: 0; padding: 0; } /* Esto solo lo necesita el IE */ #pestanas ul li { _float: left; /* En vez del float, tb se puede usar: display: inline;*/ } /* Fin de las necesidades del IE */ .parteIzquierdaPestana,.parteDerechaPestana { width: 5px; } .parteIzquierdaPestana,.parteDerechaPestana { height: 23px; float: left; } .parteIzquierdaPestana { background-image: url('../img/pestana_noseleccion_izquierda.gif'); background-repeat: no-repeat; } .parteCentralPestana { float: left; height: 23px; background-image: url('../img/pestana_noseleccion_centro.gif'); background-repeat: repeat-x; cursor: pointer; } .texto_pestana { padding: 5px 10px 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal; } .parteDerechaPestana { background-image: url('../img/pestana_noseleccion_derecha.gif'); background-repeat: no-repeat; } .pestana_fondo_izquierda { background-image: url('../img/pestana_inferior_izquierda.gif'); background-repeat: no-repeat; width: 9px; height: 6px; float: left; } .pestana_fondo_centro { background-image: url('../img/pestana_inferior_centro.gif'); background-repeat: repeat-x; float: left; width:95%; } .pestana_fondo_derecha { background-image: url('../img/pestana_inferior_derecha.gif'); background-repeat: no-repeat; width: 9px; height: 6px; float: left; } #contenido { background-color:#ffffff; border: double; border-width: 0 2px 2px 2px; border-color: #CB606F; } #contenido_sin_borde { margin-top: 30px; _margin-top: 20px; background-color:#ffffff; } #contenido,#contenido_sin_borde { width: 95%; } /* Fin pestañas*/ /*******************************************************************/ /** POSICIONADOS */ .pestana_fondo_derecha { position: relative; left: -14px; _left: -18px; } .pestana_fondo_centro { position: relative; left: -6px; _left: -9px; _z-index: -1; } #contenido,#contenido_sin_borde { position: relative; top: -10px; } .botonera hr { border: 0.5px solid #e1e1e1; /* El color del hr para Mozilla es mas claro por que la barra es mas gruesa y no se logra poner mas fina */ _border-color: #c0c0c0; position: relative; top: 15px; height: 1px; color: #c0c0c0; } /* Fin de los posicionados */ /**************************************************************************/ /** Elementos de la PLANTILLA DE MENSAJES */ .titulo_mensaje { color: #ffffff; font-size: 14px; font-weight: bold; position: relative; top: 4px; } #contenido_mensaje { background-color: #ffffff; _position: relative; _top: -4; padding: 10px; border: double; border-width: 0 2px 2px 2px; border-color: #D7AA5C; } #contenido_mensaje, .pestana_sup_centro, .pestana_inf_centro { /*Tamano para mozilla*/ width: 499px; /*Tamano para IE _width:95%;*/ _width: 475px; text-align: center; } html>body #contenido_mensaje { /*Tamano para mozilla*/ width: 487px; } #contenido_mensaje { /*Tamano para IE _width:97.4%;*/ _width: 487px; } .pestana_sup_izquierda, .pestana_sup_centro, .pestana_sup_derecha { height: 28px; float: left; } #tabla_mensaje_centrado { width: 100%; height: 85%; vertical-align: middle; } #tabla_mensaje_centrado td { width: 23%; } .pestana_sup_izquierda { background-image: url('../img/pestana_seleccion_izquierda.gif'); background-repeat: no-repeat; width: 6px; } .pestana_sup_centro { background-image: url('../img/pestana_seleccion_centro.gif'); background-repeat: repeat-x; float: left; } .pestana_sup_derecha { background-image: url('../img/pestana_seleccion_derecha.gif'); background-repeat: no-repeat; width: 6px; } .pestana_inf_izquierda, .pestana_inf_centro, .pestana_inf_derecha { height: 6px; float: left; _position: relative; _top: -9px; } .pestana_inf_izquierda { background-image: url('../img/pestana_inferior_izquierda2.gif'); background-repeat: no-repeat; width: 9px; } .pestana_inf_centro { background-image: url('../img/pestana_inferior_centro2.gif'); background-repeat: repeat-x; float: left; } .pestana_inf_derecha { background-image: url('../img/pestana_inferior_derecha2.gif'); background-repeat: no-repeat; width: 9px; position: relative; left: -6px; } #contenido_mensaje .texto { padding: 5px 20px 5px 20px; text-align: left; } /* FIN elementos de la plantilla de mensajes */ /**************************************************************************/ /** Elementos particulares */ /**************************************************************************/ /** Formulario de FILTROS del LISTADO */ #criterios,#resultados { padding: 10px; } /**************************************************************************/ /** Elementos de FORMULARIOS */ input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid navy; color: #950040; } fieldset { border: solid; border-width: 1px 1px 1px 1px; border-color: #C0C0C0; padding: 5px; } /* Fin elementos de formulario */ /**************************************************************************/ /** Estilo para ELEMENTOS y SUB-ELEMENTOS del listado */ .odd td, .even td, .sub td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: navy; background: #FFFFFF; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding-left: 5px; } .sub td { background: #f2f5fd; border-bottom: 1px solid #f2f5fd; border-top: 1px solid #f2f5fd; border-left: 1px solid #f2f5fd; border-right: 1px solid #f2f5fd; padding-left: 5px; } .even td a, .even td a.visited, .odd td a, .odd td a.visited, .sub td a, .sub td a.visited { color: #55481B; text-decoration: none; } .sub td a:hover, .even td a:hover, .odd td a:hover { color: #55481B; text-decoration: underline; } /* Fin subelementos */ /**************************************************************************/ /** Estilos nuevos */ /*NO UTILIZAR el nombre "estilo_texto_deshabilitado" ni "valor_campo_consulta", en su lugar poner "input_deshabilitado"*/ .estilo_texto_deshabilitado, .input_deshabilitado, .valor_campo_consulta { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; border: 1px solid #CCCCCC; background: #DEDEDE; } .input_habilitado { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #cccccc; } .nombre_campo { color: #55481B; font-size: 10px; font-weight: normal; } .nombre_campo_obligatorio { color: #55481B; font-size: 10px; font-weight: bold; } .texto_informacion { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; } /***************************************************************************/ /** fin estilos nuevos */ /**************************************************************************/ /** Estilos página errores */ .tabla_listado { background: #FFFFFF; width: 95%; border-bottom: 1px solid navy; border-top: 1px solid navy; border-left: 1px solid navy; border-right: 1px solid navy; } .texto_comentario_busqueda { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: bold; text-align: center; background: #FFFFFF; border-bottom: 2px solid #DEDEDE; border-top: 2px solid #DEDEDE; border-left: 2px solid #DEDEDE; border-right: 2px solid #DEDEDE; padding-bottom: 1px; padding-top: 1px; padding-left: 3px; padding-right: 1px; } .titulo_tabla { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #950040; font-weight: normal; text-align: left; background-color: #E9DFC9; font-style: normal; text-indent: 2px; height: 20px; border: 1px solid #cccccc; } /** Fin estilos página errores */ /***************************************************************************/ /** Estilos en deshuso, se mantienen por compatibilidad, no se deben usar en nuevos trabajos*/ .texto_celeste_negrita /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; } .texto_azul_grande /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #950040; text-decoration: none; font-weight: bold; } .texto_azul /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #950040; } .texto_rojo /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: Red; } .texto_azul_enlace /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #950040; text-decoration: none; } .texto_verde_negrita /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #99CC00; } .texto_azul_negrita /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #950040; font-weight: bold; } .texto_negrita /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; /*font-weight: bold;*/ } .texto_negrita_obligatorio /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; /*text-decoration: underline;*/ } .texto_aviso /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; font-weight: bold; text-align: center; background: #FFFFFF; padding-bottom: 1px; padding-top: 1px; padding-left: 3px; padding-right: 1px; } .tabla_borde /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; border: 2px solid #CCCCCC; background-color: #FFFFFF; } .texto_negrita_padding /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; padding-right: 5px; } .estilo_pestana /* DEPRECATED */ { position: absolute; left: 0px; top: 80px; width: 100%; z-index: 2; visibility: hidden; } .estilo_input /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid navy; } .estilo_input_importe /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; border: 1px solid navy; } .estilo_input_desabilitado /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; border: 1px solid #CCCCCC; background: #DEDEDE; } .estilo_input_texto_desabilitado /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; border: 1px solid navy; background: #DEDEDE; } .estilo_input_desabilitado_importe /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold; text-align: right; border: 1px solid #CCCCCC; background: #DEDEDE; } .estilo_checkbox /* DEPRECATED */ { vertical-align: middle; } .texto_azul_negrita_subrayado /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #950040; font-weight: bold; text-decoration: underline; } .paginacion /* DEPRECATED */ { COLOR: #5a5130; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.5pt; FONT-WEIGHT: bold; HEIGHT: 20px; MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; TEXT-ALIGN: center; TEXT-DECORATION: none; WIDTH: 100%; vertical-align: middle } .numerosPaginacion /* DEPRECATED */ { COLOR: #5a5130; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; HEIGHT: 20px; MARGIN-LEFT: 1px; MARGIN-RIGHT: 1px; TEXT-ALIGN: center; TEXT-DECORATION: none; WIDTH: 100%; vertical-align: middle } .enlacePaginacion /* DEPRECATED */ { COLOR: #5a5130; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.5pt; FONT-WEIGHT: bold; TEXT-DECORATION: none } .handPaginacion /* DEPRECATED */ { CURSOR: pointer } .estilo_listado /* DEPRECATED */ { position: relative; height: 350px; overflow: auto; width: 798px; SCROLLBAR-FACE-COLOR: #A0D7F1; SCROLLBAR-HIGHLIGHT-COLOR: navy; SCROLLBAR-SHADOW-COLOR: #A0D7F1; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: navy; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #111111; } .estilo_listado_con_aviso /* DEPRECATED */ { position: relative; height: 320px; overflow: auto; width: 798px; SCROLLBAR-FACE-COLOR: #A0D7F1; SCROLLBAR-HIGHLIGHT-COLOR: navy; SCROLLBAR-SHADOW-COLOR: #A0D7F1; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: navy; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #111111; } .texto_negro_pequenyo /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; font-weight: normal; } .estilo_tabla_criterio_busqueda /* DEPRECATED */ { border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; background-color: #F0F0F0; } th a,th a:visited,th a:hover /* DEPRECATED */ { color: black; } th a:hover /* DEPRECATED */ { text-decoration: underline; } th.sorted a,th.titulo_tabla a /* DEPRECATED */ { text-decoration: none; background-position: right; display: block; width: 100%; } th.titulo_tabla a /* DEPRECATED */ { background-image: url(../comun/img/arrow_off.png); background-repeat: no-repeat; } th.order1 a /* DEPRECATED */ { text-decoration: none; background-image: url(../comun/img/arrow_down.png); background-repeat: no-repeat; } th.order2 a /* DEPRECATED */ { text-decoration: none; background-image: url(../comun/img/arrow_up.png); background-repeat: no-repeat; } .estilo_menu_pestana /* DEPRECATED */ { background-color: #2787E8; } .estilo_calendario /* DEPRECATED */ { color: #993300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: normal; text-decoration: none; } .tabla_calendario /* DEPRECATED */ { background-color: #950040 } .apartado_calendario /* DEPRECATED */ { background-color: #87CEFA; color: #5a5130; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none } .campotabla2_calendario /* DEPRECATED */ { color: #5a5130; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; } .campotabla_calendario /* DEPRECATED */ { background-color: #F0F8FF; color: #5a5130; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; height: 20px; text-align: left; text-decoration: none; } .fondoblanco /* DEPRECATED */ { background-color: #ffffff; font-size: 7.5pt; text-decoration: none } .normal_calendario /* DEPRECATED */ { COLOR: #CCCCCC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.5pt; FONT-WEIGHT: normal; TEXT-DECORATION: none; } .enlaceCalenHoy /* DEPRECATED */ { COLOR: #950040; TEXT-DECORATION: none; } .enlaceCalenFind { COLOR: #a66; TEXT-DECORATION: none } .enlaceCalenLab /* DEPRECATED */ { COLOR: #6495ED; TEXT-DECORATION: none; } .estilo_tipo_incentivo /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-align: right; border-bottom: 1px solid #898989; border-top: 1px solid #898989; border-left: 1px solid #898989; border-right: 1px solid #898989; /*background-color: #97B3D4;*/ background-color: #BFD9EF } .texto_rojo /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ff0000; } .fondo_verde /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #D6F7D2; } .fondo_amarillo /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #FEEB9E; } .fondo_azul /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #D7DFFF; } .fondo_morado /* DEPRECATED */ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #F4E8FF; }