/* * Fichero: public.css ,v1.0 17/10/2005 Francisco Javier Lopez * * Hoja de estilos para presentación de los elementos principales comunes a * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Safari, Opera 7 * CSS 2 * Fichero public.css * Version v1.0 * Autores Fco Javier Lopez Latorre * */ /* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; height: 100%; font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 11px; color: #645F5A; text-align:center; background: #F1EDE8 url(/imagenes/varios/fondo.jpg) top left repeat-x; } html, body { } td { font-family: "Trebuchet MS", arial, helvetica, sans-serif; font-size: 11px; } /* ESTILOS PARA LA PREHOME */ #prehome { } /* ESTILOS CAJAS GLOBALES */ #web { margin: 0px auto 0px auto; width:700px; text-align: left; } #cabecera { height: 77px; } #menu { clear: both; } #datos { clear: both; } #datos-home { clear: both; } #pie { clear: both; background: #F1EDE8; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera h1 { margin: 0px 0px 0px 145px; padding: 0px: } #cabecera h1 a { display: block; width: 410px; height: 77px; background: url(/imagenes/varios/logo.gif) top left repeat-x; } #cabecera h1 a span { display: none; } /* ESTILOS PARA EL MENU */ #menu #menu-padding { padding: 0px; } #menu ul { margin: 0px; padding: 0px; background: url(/imagenes/varios/fondo_menu.gif) bottom left repeat-x; } #menu ul li { list-style-type: none; float: left; margin: 0px; padding: 12px 0px 8px 2px; } #menu ul li a { color: #6B645D; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #menu ul li a:hover { color: #AC853B; } #menu ul li a span { padding: 0px 0px 0px 8px; background: url(/imagenes/varios/menu_separador.gif) 0px 6px no-repeat; } #menu ul li.primero a span { padding: 0px; background: none; } #menu ul li.actual { background: url(/imagenes/varios/menu_actual.gif) bottom center no-repeat; } #menu ul li.actual a { color: #663300 } #menu ul li.actual a:hover { color: #663300; } /* ESTILOS PARA EL MENU */ #submenu #submenu-padding { padding: 0px; } #submenu ul { margin: 0px; padding: 0px; background: url(/imagenes/varios/fondo_submenu.gif) top left repeat-x; border-bottom: 1px solid #D0C4B8; } #submenu ul li { list-style-type: none; float: left; margin: 0px; padding: 5px 0px 8px 2px; } #submenu ul li a { color: #54514C; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; } #submenu ul li a:hover { color: #201D19; } #submenu ul li a span { padding: 0px 0px 0px 8px; background: url(/imagenes/varios/menu_separador2.gif) 0px 6px no-repeat; } #submenu ul li.primero a span { padding: 0px; background: none; } #submenu ul li.actual { } #submenu ul li.actual a { color: #201D19 } #submenu ul li.actual a:hover { color: #201D19; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie-padding { margin: 12px 0px 5px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #DDD9D3; } #pie em { font-weight: normal; color: #A46A36; font-style: normal; } /* ESTILOS PARA EL CONTENIDO DATOS-HOME */ #datos-home #datos-home-padding { padding: 18px 0px 0px 0px; } #datos-home #claim { margin: 0px 0px 12px 0px; height: 188px; background: url(/imagenes/varios/fondo_claim1.gif) top left repeat-x; } #datos-home #claim #claim-imagenes { float: right; width: 315px; } #datos-home #claim #claim-mensaje { float: left; width: 385px; height: 188px; background: url(/imagenes/varios/fondo_claim2.gif) top left no-repeat; } #datos-home #claim h2 { margin: 0px; padding: 0px; display: block; width: 375px; height: 100px; background: url(/imagenes/varios/lema_claim.gif) 10px 30px no-repeat; } #datos-home #claim h2 span { display: none; } #datos-home #claim #claim-mensaje #claim-destacado { } #datos-home #claim #claim-mensaje #claim-destacado-padding { padding: 0px 30px 0px 60px; } #datos-home h3 { margin: 0px 0px 12px 0px; padding: 0px 0px 8px 0px; color: #000000; font-weight: normal; font-size: 14px; border-bottom: 1px solid #DEDEDD; } /* ESTILOS PARA EL CONTENIDO DATOS */ #datos #datos-padding { padding: 15px 0px 0px 0px; } #datos h2 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #721572; font-size: 14px; font-weight: normal; border-bottom: 1px solid #DEDEDD; } #datos h3{ margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #5E005E; font-size: 13px; font-weight: bold; } #datos h4 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #000000; font-size: 12px; font-weight: normal; border-bottom: 1px solid #E8DDC7; } #contenido2,#contenido3,#contenido4,#contenido5,#contenido6,#contenido7,#contenido8,#contenido9,#contenido10,#contenido11,#contenido12 { display: none; } /* ESTILOS PARA LOS LISTADOS */ .listado-documentos ul { margin: 2px 0px 5px 0px; padding: 0px; } .listado-documentos li { list-style-type: none; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 15px; background: url(/imagenes/varios/bullet_documentos.gif) 0px 2px no-repeat; } .listado-enlaces ul { } .listado-enlaces li { } .listado-categorias ul { } .listado-categorias li { } .listado-formato1 ul { margin: 7px 0px 10px 0px; padding: 0px; } .listado-formato1 li { list-style-type: none; margin: 0px 0px 2px 0px; padding: 3px 0px 0px 20px; background: url(/imagenes/varios/bullet_i.gif) 0px 2px no-repeat; } .listado-formato1 dl { } .listado-formato1 dt { } .listado-formato1 dd { } .listado-formato2 ul { margin: 7px 0px 10px 0px; padding: 0px; } .listado-formato2 li { list-style-type: none; margin: 0px 0px 2px 0px; padding: 3px 0px 0px 20px; background: url(/imagenes/varios/bullet_menu.gif) 0px 2px no-repeat; } #listado-home { } #listado-home ul { margin: 0px; padding: 0px; height: 99px; } #listado-home ul li { list-style-type: none; display: block; width: 106px; height: 87px; background: url(/imagenes/varios/menu_home_fondo.gif) top left no-repeat; } #listado-home .espacio { } #listado-home .espacio-padding {padding: 64px 0px 0px 28px; } #listado-home li.opcion1 { float: left; } #listado-home li.opcion1 .espacio { background: url(/imagenes/varios/menu_home_opcion1.jpg) top left no-repeat; } #listado-home li.opcion2 { float: left; margin: 0px 0px 0px 15px; } #listado-home li.opcion2 .espacio { background: url(/imagenes/varios/menu_home_opcion2.jpg) top left no-repeat; } #listado-home li.opcion3 { float: right; } #listado-home li.opcion3 .espacio { background: url(/imagenes/varios/menu_home_opcion3.jpg) top left no-repeat; } /* TABLA DE DATOS */ table.tabla-datos { width: 75%;border-collapse: collpase; } .tabla-datos thead th { } .tabla-datos td { padding: 5px 8px 5px 0px; vertical-align: top; border-bottom: 1px solid #F5EBCC; } table.tabla-datos2 { width: 95%; border-collapse: collpase; } .tabla-datos2 thead th { } .tabla-datos2 td { padding: 0px 8px 5px 0px; vertical-align: top; } table.tabla-datos3 { width: 95%; border-collapse: collpase; } .tabla-datos3 thead th { } .tabla-datos3 td { padding: 8px 8px 8px 0px; vertical-align: top; border-bottom: 1px solid #F5EBCC; } /* ESTILOS PARA CAJA CON FORMATOS */ .caja-formato1 { } .caja-formato1-padding { } /* ESTILOS PARA CAJAS REDONDEADAS */ .caja-redondaf1-dch { background: #FFFFFF url(/imagenes/varios/caja_redonda_color.gif) top right repeat-y; } .caja-redondaf1-izq { } .caja-redondaf1-sup { } .caja-redondaf1-sup1 { background: url(/imagenes/varios/caja_redonda_s1.gif) top left no-repeat; } .caja-redondaf1-sup2 { background: url(/imagenes/varios/caja_redonda_s2.gif) top right no-repeat; } .caja-redondaf2-sup1 { background: url(/imagenes/varios/caja_redonda_s11.gif) top left no-repeat; } .caja-redondaf2-sup2 { background: url(/imagenes/varios/caja_redonda_s22.gif) top right no-repeat; } .caja-redondaf1-inf { background: url(/imagenes/varios/caja_redonda_color.gif) bottom left repeat-x; } .caja-redondaf1-inf1 { background: url(/imagenes/varios/caja_redonda_i1.gif) bottom left no-repeat; } .caja-redondaf1-inf2 { background: url(/imagenes/varios/caja_redonda_i2.gif) bottom right no-repeat; } .caja-redondaf1-padding { padding: 15px; } /* ESTILOS PARA COLUMNAS */ .columnas2f1 { } .columnas2f1-c1 { float: left; width: 338px; } .columnas2f1-c2 { float: right; width: 350px; } .columnas2f1 h2 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #721572; font-size: 14px; font-weight: normal; border-bottom: 1px solid #DEDEDD; } .columnas2f2 { background: url(/imagenes/varios/separador_c2f2.gif) 182px 0px repeat-y; } .columnas2f2-c1 { float: left; width: 180px; } .columnas2f2-c2 { float: right; width: 470px; } .columnas2f3 { padding: 0px 90px 0px 90px; } .columnas2f3-c1 { float: left; width: 235px; } .columnas2f3-c2 { float: right; width: 235px; } /* ESTILO PARA LA PAGINACION */ #paginacion { } #paginacion a.retroceder-todo { } #paginacion a.retroceder-todo:hover { } #paginacion a.retroceder-todo span { } #paginacion a.retroceder { } #paginacion a.retroceder:hover { } #paginacion a.retroceder span { } #paginacion a.avanzar-todo { } #paginacion a.avanzar-todo:hover { } #paginacion a.avanzar-todo span { } #paginacion a.avanzar { } #paginacion a.avanzar:hover { } #paginacion a.avanzar span { } #paginacion .leyenda { } #paginacion .leyenda strong { } #paginacion .resultados { } #paginacion .actual { } #paginacion .actual strong { } /* ESTILOS PARA CUALQUIER FORMULARIO */ #formulario { margin: 0px; margin: 8px 0px 0px 0px; padding: 5px 0px 5px 0px; } #formulario fieldset { border: 0px solid #FFFFFF; } #formulario fieldset legend { margin: 0px; padding: 0px; display: none; } #formulario fieldset label { float: left; padding: 2px 0px 0px 0px; width: 40%; text-align: right; color: #444444; clear: both; } #formulario fieldset .campos { margin-bottom: 8px; color: #474747; font-size: 11px; vertical-align: middle; background: #F7F7F7; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6; } #formulario fieldset .boton { margin: 4px 0px 0px 40%; vertical-align: middle; font-size: 9px; color: #FFFFFF; font-weight: bold; background: #818181;} #formulario sup { color: #E30D17; font-weight: bold; font-size: 12px; } #formulario div { padding: 3px 0px 0px 0px; text-align: center; border-top: 1px solid #DCDCDC; } #formulario cite { color: #E30D17; font-size: 10px; font-style: normal; } /* ESTILOS PARA TEXTO */ .texto { } .entradilla { color: #A46A36; font-size: 12px; } .destacado { color: #000000; } .especial { color: #A46A36; } .fecha { } .antetitulo { } .titulo { color: #000000; font-size: 13px; } .subtitulo { } .resumen { } .cuerpo { } .especial { } .nota { font-size: 10px; } /* ESTILOS PARA IMAGENES */ .imagen-sinmarco { } .imagen-sinmarco-izquierda { float: left; margin: 3px 10px 3px 0px; } .imagen-sinmarco-derecha { float: right; margin: 3px 0px 3px 10px; } .imagen-conmarco { border: 1px solid #847B68; } .imagen-conmarco-izquierda { float: left; border: 1px solid #847B68; margin: 3px 10px 3px 0px; } .imagen-conmarco-derecha { float: right; border: 1px solid #847B68; margin: 3px 0px 3px 10px; } .imagenes-derecha { float: right; } .imagenes-derecha .imagenes-padding { } .imagenes-derecha .imagenes-padding div { } .imagenes-izquierda { float: left; } .imagenes-izquierda .imagenes-padding { } .imagenes-izquierda .imagenes-padding div { } .imagenes-centro .imagenes-padding { } .imagenes-centro .imagenes-padding div { } /* ESTILOS PARA LOS ENLACES */ a.enlace { color: #CC9900; } a.enlace:hover { color: #F2BA35; } a.enlace-destacado { color: #CC9900; } a.enlace-destacado:hover { color: #F2BA35; } a.enlace-menu { color: #A76DA7; font-weight: bold; text-decoration: none; } a.enlace-menu:hover { color: #7A007A; } a.enlace-mail { padding: 0px 0px 0px 15px; color: #CC9900; background: url(/imagenes/varios/ico_mail.gif) 0px 5px no-repeat } a.enlace-mail:hover { color: #F2BA35; } a.enlace-documento { padding: 0px 0px 0px 15px; color: #CC9900; background: url(/imagenes/varios/bullet_documentos.gif) 0px 5px no-repeat } a.enlace-documento:hover { color: #F2BA35; } /* ESTILOS PARA LA LINEA */ .linea { color: #000000; height: 1px; border: 1px solid #000000; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .alinear-centro { text-align: center; } .padding-izquierda { padding: 0px 15px 15px 0px; } .padding-derecha { padding: 0px 0px 15px 15px; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padding-horizontal { } .padding-vertical { } /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } .contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */