/*------------------------------------------------------------------ [Hoja estilos de componentes] Version: 1.0 Modificado: 2008/07/07 Autoria: -------------------------------------------------------------------*/ /* equivalencia 10px=1em. */ body, html{font-size: 62.5%;} body {font-size: 101%;font-family:sans-serif;} html>/**/body {font-size: 100%;} /* inicializacion de las propiedades del modelo de caja a cero */ * { margin:0; padding:0; } fieldset, img, acronym, abbr {border:0;} /* imagenes como caja de bloque principal */ img {display: block;} /* supresion de los marcadores de las listas */ ol, ul { list-style:none; } /* dimension de fuente por defecto para los elementos principales */ #contenido p, #contenido a, #contenido ul li, #contenido dl dt, #contenido dl dd, #contenido ol li, #contenido legend, #contenido input, #contenido select, #contenido textarea, #contenido td, #contenido th, #contenido caption {font-size:1.2em;} #contenido p a, #contenido ul li a, #contenido ul li p, #contenido ol li a, #contenido ol li p, #contenido dl dd a, #contenido dl dd p, #contenido ul li ul li, #contenido ol li ol li, #contenido ol li ul li, #contenido ol li ul li p, #contenido dl dt p, #contenido dl dt a, #contenido p label span, #contenido p input, #contenido td a, #contenido th a, #contenido dd li, #contenido dd li a, #contenido td p, #contenido td li, #contenido td dt, #contenido td dd {font-size:1em;} #contenido table {border-collapse:collapse; border-spacing:0; font-size: 100%; } h1, h2, h3, h4, h5, h6 {font-size:1em;} /* redefinicion del modelo de caja para los elementos DIV y declaracion de la clase 'clear' para el resto de elementos para evitar problemas de entidad con las flotaciones */ .clear:after, div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clear, * html div{height:1%;} *:first-child+html .clear, *:first-child+html div {height:auto; display:inline-block;} /* definicion de la presentacion general de los enlaces */ a:hover, a:focus, a:active {color:#f79a1d;} /*capitalize*/ .capitalize{text-transform: capitalize;} /* elementos ocultos */ .indentado {display:block; left:-999em; line-height:0; position:absolute; text-indent:-999em; top:-999em;} .oculto {display:none;} /* ---------------------------------------------------------------------------------------------------------------- ESQUELETO ---------------------------------------------------------------------------------------------------------------- */ #contenedor {margin:0 auto;} /* modulo vertical */ #moduloVertical {float:left;width:15.6em;} /* contenido */ #contenido {float:right;} /* ---------------------------------------------------------------------------------------------------------------- COMPONENTES ---------------------------------------------------------------------------------------------------------------- */ /* migas */ #migas img {display:inline;} /* menu de soporte */ #menuSoporte {padding-right:.8em;} #menuSoporte ul {text-align:right;} #menuSoporte ul li {display:inline;} #menuSoporte ul li.ultimo {margin-right:0;background-image:none;} /* buscador generico */ #buscador {width:14.5em;} #buscador label {float:left;} #buscador input {border:1px solid #999;color:#585858;font-family:verdana,arial,sans-serif;font-size:1.1em;padding:0 .1818em;width:11.0909em;} #buscador input.claro {color:#999;} #buscador input.buscador-boton {border:0;cursor:pointer;float:left;height:1.3636em;margin-left:.1818em;padding:0;width:1.3636em;} * html #buscador input.buscador-boton {padding-top:.0909em;} *:first-child+html #buscador input.buscador-boton {padding-top:.0909em;} #buscador input.buscador-boton:hover {background:url(../img-css/buscar.gif) no-repeat 0 -9.5454em;} *:first-child+html #buscador input.buscador-boton:hover {background:url(../img-css/buscar.gif) no-repeat 0 -9.4545em;} /* menu modulo horizontal */ #moduloHorizontal ul li {float:left;} /* paginacion resultados */ div.resultados-paginacion div.paginas {text-align: center;} div.resultados-paginacion ul, div.resultados-paginacion li {display: inline;} div.resultados-paginacion form.mostrar {float: right; text-align: right;} /* menu de pie de pagina */ #menuPie {text-align:center;} #menuPie li {display:inline;} #menuPie li.ultimo {margin-right:0;background-image:none;} /* ---------------------------------------------------------------------------------------------------------------- FORMULARIOS ---------------------------------------------------------------------------------------------------------------- */ #contenido form input, #contenido form select {font-family:arial,sans-serif;font-size:1em;} #contenido form p label span {float:left;padding-top:.0833em;cursor:default;} * html #contenido form p label span {padding-top:.25em;} *:first-child+html #contenido form p label span {padding-top:.25em;} #contenido form p label input {float:left;} #contenido form p label input.check {float:left;} #contenido form li label input {float:left;} #contenido form li label span {float:left;cursor:default;} * html #contenido form li label span {padding-top:.3333em;} *:first-child+html #contenido form li label span {padding-top:.3333em;} #contenido form input.texto, #contenido form textarea {border:.0833em solid #999;padding:0 .1666em;} /* botones formulario */ #cuerpo .botonera input {border: 1px solid #C5C5C5; border-bottom: 1px solid #6A6C6B; background: #E2E5EA url(../img-css/fondo_boton.gif) repeat-x top left;cursor: pointer;font: bold 1.1em tahoma;overflow:visible;padding: .0909em .3636em;} #cuerpo .botonera input.positivo {border-bottom: 1px solid #0c0;} #cuerpo .botonera input.negativo {border-bottom: 1px solid #B11F20;} #contenedor #cuerpo .botonera input.buscar {background:url(../img-css/boton_buscar.gif) no-repeat 0 0; padding-left:2em; width:6.5454em;} html>/**/body #contenedor #cuerpo .botonera input.buscar {background:url(../img-css/boton_buscar.gif) no-repeat .0909em .0909em;} #cuerpo .botonera input:hover {color: #F7941D;} #contenedor #cuerpo .botonera input.buscar:hover {background:url(../img-css/boton_buscar.gif) no-repeat 0 -20.4545em;} html>/**/body #contenedor #cuerpo .botonera input.buscar:hover {background:url(../img-css/boton_buscar.gif) no-repeat .0909em -20.3636em;} #contenedor #cuerpo .botonera input.buscar-boton-hover {background:url(../img-css/boton_buscar.gif) no-repeat 0 -20.4545em; color:#f79a1d;} html>/**/body #contenedor #cuerpo .botonera input.buscar:hover {background:url(../img-css/boton_buscar.gif) no-repeat .0909em -20.2727em;} /*body:not(:root:root) #contenedor #cuerpo .botonera input.buscar:hover {background:url(../img-css/boton_buscar.gif) no-repeat 0 -20.1818em;}*/ #cuerpo #contenido .botonera input {font-size:.9166em;padding: .1em .4em;} /* ---------------------------------------------------------------------------------------------------------------- COMPONENTES DESTACADOS El H2-H6 del titulo siempre lleva enlace. El tamano se le da al enlace de dentro, y nunca al H ---------------------------------------------------------------------------------------------------------------- */ /* base del componente horizontal*/ #contenido div.dh {position:relative;} #contenido div.dh div.imagen {float:left;} #contenido div.dh div.texto {float:right; padding:0 .8em 2.5em .8em;} #contenido div.dh div.texto p.fecha {font-size:1.1em;} #contenido div.dh div.texto div.enlaces {bottom:0; position:absolute; right:.8em; text-align:right;} #contenido div.dh div.texto div.enlaces ul {display:inline;} #contenido div.dh div.texto div.enlaces ul li {display:inline;} #contenido div.tlm h2, #contenido div.tlm h3, #contenido div.tlm h4, #contenido div.tlm h5, #contenido div.tlm h6 {margin-left:-.8em;} /* base del componente vertical */ #cuerpo #contenido div.dv div.imagen {width:auto;} #cuerpo #contenido div.dv div.texto {padding:0 .8em;width:auto;} #cuerpo #contenido div.dv div.texto p.fecha {font-size:1.1em;} /* destacado horizontal 10 columnas, imagen de 4 columnas */ #contenido div.c10-i4 {width:81.2em;} #contenido div.c10-i4 div.imagen {width:32em;} #contenido div.c10-i4 div.imagen img {width:32em;} #contenido div.c10-i4 div.texto {width:46.8em;} /* destacado horizontal 10 columnas, imagen de 4 columnas con padding */ #contenido div.c10-i4p {width:81.2em;} #contenido div.c10-i4p div.imagen {padding-left:.8em;padding-right:.8em;width:30.4em;} #contenido div.c10-i4p div.imagen img {width:30.4em;} #contenido div.c10-i4p div.texto {width:46.8em;} /* destacado horizontal 10 columnas, imagen de 3 columnas */ #contenido div.c10-i3 {width:81.2em;} #contenido div.c10-i3 div.imagen {width:23.8em;} #contenido div.c10-i3 div.imagen img {width:23.8em;} #contenido div.c10-i3 div.texto {width:55em;} /* destacado horizontal 10 columnas, imagen de 3 columnas con padding */ #contenido div.c10-i3p {width:81.2em;} #contenido div.c10-i3p div.imagen {padding-left:.8em;padding-right:.8em;width:22.2em;} #contenido div.c10-i3p div.imagen img {width:22.2em;} #contenido div.c10-i3p div.texto {width:55em;} /* destacado horizontal 10 columnas, imagen de 2 columnas */ #contenido div.c10-i2 {width:81.2em;} #contenido div.c10-i2 div.imagen {width:15.6em;} #contenido div.c10-i2 div.imagen img {width:15.6em;} #contenido div.c10-i2 div.texto {width:63.2em;} /* destacado horizontal 10 columnas, imagen de 2 columnas con padding */ #contenido div.c10-i2p {width:81.2em;} #contenido div.c10-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c10-i2p div.imagen img {width:14em;} #contenido div.c10-i2p div.texto {width:63.2em;} /* destacado horizontal 9 columnas, imagen de 4 columnas */ #contenido div.c09-i4 {width:73em;} #contenido div.c09-i4 div.imagen {width:32em;} #contenido div.c09-i4 div.imagen img {width:32em;} #contenido div.c09-i4 div.texto {width:38.6em;} /* destacado horizontal 9 columnas, imagen de 4 columnas con padding */ #contenido div.c09-i4p {width:73em;} #contenido div.c09-i4p div.imagen {padding-left:.8em;padding-right:.8em;width:30.4em;} #contenido div.c09-i4p div.imagen img {width:30.4em;} #contenido div.c09-i4p div.texto {width:38.6em;} /* destacado horizontal 9 columnas, imagen de 3 columnas */ #contenido div.c09-i3 {width:73em;} #contenido div.c09-i3 div.imagen {width:23.8em;} #contenido div.c09-i3 div.imagen img {width:23.8em;} #contenido div.c09-i3 div.texto {width:46.8em;} /* destacado horizontal 9 columnas, imagen de 3 columnas con padding */ #contenido div.c09-i3p {width:73em;} #contenido div.c09-i3p div.imagen {padding-left:.8em;padding-right:.8em;width:22.2em;} #contenido div.c09-i3p div.imagen img {width:22.2em;} #contenido div.c09-i3p div.texto {width:46.8em;} /* destacado horizontal 9 columnas, imagen de 2 columnas */ #contenido div.c09-i2 {width:73em;} #contenido div.c09-i2 div.imagen {width:15.6em;} #contenido div.c09-i2 div.imagen img {width:15.6em;} #contenido div.c09-i2 div.texto {width:55em;} /* destacado horizontal 9 columnas, imagen de 2 columnas con padding */ #contenido div.c09-i2p {width:73em;} #contenido div.c09-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c09-i2p div.imagen img {width:14em;} #contenido div.c09-i2p div.texto {width:55em;} /* destacado horizontal 8 columnas, imagen de 3 columnas */ #contenido div.c08-i3 {width:64.8em;} #contenido div.c08-i3 div.imagen {width:23.8em;} #contenido div.c08-i3 div.imagen img {width:23.8em;} #contenido div.c08-i3 div.texto {width:38.6em;} /* destacado horizontal 8 columnas, imagen de 3 columnas con padding */ #contenido div.c08-i3p {width:64.8em;} #contenido div.c08-i3p div.imagen {padding-left:.8em;padding-right:.8em;width:22.2em;} #contenido div.c08-i3p div.imagen img {width:22.2em;} #contenido div.c08-i3p div.texto {width:38.6em;} /* destacado horizontal 8 columnas, imagen de 2 columnas */ #contenido div.c08-i2 {width:64.8em;} #contenido div.c08-i2 div.imagen {width:15.6em;} #contenido div.c08-i2 div.imagen img {width:15.6em;} #contenido div.c08-i2 div.texto {width:46.8em;} /* destacado horizontal 8 columnas, imagen de 2 columnas con padding */ #contenido div.c08-i2p {width:64.8em;} #contenido div.c08-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c08-i2p div.imagen img {width:14em;} #contenido div.c08-i2p div.texto {width:46.8em;} /* destacado horizontal 7 columnas, imagen de 3 columnas */ #contenido div.c07-i3 {width:56.6em;} #contenido div.c07-i3 div.imagen {width:23.8em;} #contenido div.c07-i3 div.imagen img {width:23.8em;} #contenido div.c07-i3 div.texto {width:30.4em;} /* destacado horizontal 7 columnas, imagen de 3 columnas con padding */ #contenido div.c07-i3p {width:56.6em;} #contenido div.c07-i3p div.imagen {padding-left:.8em;padding-right:.8em;width:22.2em;} #contenido div.c07-i3p div.imagen img {width:22.2em;} #contenido div.c07-i3p div.texto {width:30.4em;} /* destacado horizontal 7 columnas, imagen de 2 columnas */ #contenido div.c07-i2 {width:56.6em;} #contenido div.c07-i2 div.imagen {width:15.6em;} #contenido div.c07-i2 div.imagen img {width:15.6em;} #contenido div.c07-i2 div.texto {width:38.6em;} /* destacado horizontal 7 columnas, imagen de 2 columnas con padding */ #contenido div.c07-i2p {width:56.6em;} #contenido div.c07-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c07-i2p div.imagen img {width:14em;} #contenido div.c07-i2p div.texto {width:38.6em;} /* destacado horizontal 7 columnas, imagen de 1 columna */ #contenido div.c07-i1 {width:56.6em;} #contenido div.c07-i1 div.imagen {width:7.4em;} #contenido div.c07-i1 div.imagen img {width:7.4em;} #contenido div.c07-i1 div.texto {width:46.8em;} /* destacado horizontal 7 columnas, imagen de 1 columna con padding */ #contenido div.c07-i1p {width:56.6em;} #contenido div.c07-i1p div.imagen {padding-left:.8em;padding-right:.8em;width:5.8em;} #contenido div.c07-i1p div.imagen img {width:5.8em;} #contenido div.c07-i1p div.texto {width:46.8em;} /* destacado horizontal 6 columnas, imagen de 2 columnas */ #contenido div.c06-i2 {width:48.4em;} #contenido div.c06-i2 div.imagen {width:15.6em;} #contenido div.c06-i2 div.imagen img {width:15.6em;} #contenido div.c06-i2 div.texto {width:30.4em;} /* destacado horizontal 6 columnas, imagen de 2 columnas con padding */ #contenido div.c06-i2p {width:48.4em;} #contenido div.c06-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c06-i2p div.imagen img {width:14em;} #contenido div.c06-i2p div.texto {width:30.4em;} /* destacado horizontal 5 columnas, imagen de 2 columnas */ #contenido div.c05-i2 {width:40.2em;} #contenido div.c05-i2 div.imagen {width:15.6em;} #contenido div.c05-i2 div.imagen img {width:15.6em;} #contenido div.c05-i2 div.texto {width:22.2em;} /* destacado horizontal 5 columnas, imagen de 2 columnas con padding */ #contenido div.c05-i2p {width:40.2em;} #contenido div.c05-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c05-i2p div.imagen img {width:14em;} #contenido div.c05-i2p div.texto {width:22.2em;} /* destacado horizontal 4 columnas, imagen de 2 columnas */ #contenido div.c04-i2 {width:32em;} #contenido div.c04-i2 div.imagen {width:15.6em;} #contenido div.c04-i2 div.imagen img {width:15.6em;} #contenido div.c04-i2 div.texto {width:14em;} /* destacado horizontal 4 columnas, imagen de 2 columnas con padding */ #contenido div.c04-i2p {width:32em;} #contenido div.c04-i2p div.imagen {padding-left:.8em;padding-right:.8em;width:14em;} #contenido div.c04-i2p div.imagen img {width:14em;} #contenido div.c04-i2p div.texto {width:14em;} /* destacado horizontal 4 columnas, imagen de 1 columna */ #contenido div.c04-i1 {width:32em;} #contenido div.c04-i1 div.imagen {width:7.4em;} #contenido div.c04-i1 div.imagen img {width:7.4em;} #contenido div.c04-i1 div.texto {width:22.2em;} /* destacado horizontal 4 columnas, imagen de 1 columna con padding */ #contenido div.c04-i1p {width:32em;} #contenido div.c04-i1p div.imagen {padding-left:.8em;padding-right:.8em; width:5.8em;} #contenido div.c04-i1p div.imagen img {width:5.8em;} #contenido div.c04-i1p div.texto {width:22.2em;} /* destacado horizontal 3 columnas, imagen de 1 columna */ #contenido div.c03-i1 {width:23.8em;} #contenido div.c03-i1 div.imagen {width:7.4em;} #contenido div.c03-i1 div.imagen img {width:7.4em;} #contenido div.c03-i1 div.texto {width:14em;} /* destacado horizontal 3 columnas, imagen de 1 columna con padding */ #contenido div.c03-i1p {width:23.8em;} #contenido div.c03-i1p div.imagen {padding-left:.8em; padding-right:.8em; width:5.8em;} #contenido div.c03-i1p div.imagen img {width:5.8em;} #contenido div.c03-i1p div.texto {width:14em;} /* destacado vertical 5 columnas, imagen de 5 columnas */ #contenido div.c05-i5 {width:40.2em;} #contenido div.c05-i5 div.imagen img {width:40.2em;} /* destacado vertical 5 columnas, imagen de 5 columnas con padding */ #contenido div.c05-i5p {width:40.2em;} #contenido div.c05-i5p div.imagen {padding-left:.8em; padding-right:.8em;} #contenido div.c05-i5p div.imagen img {width:38.6em;} /* destacado vertical 4 columnas, imagen de 4 columnas */ #contenido div.c04-i4 {width:32em;} #contenido div.c04-i4 div.imagen img {width:32em;} /* destacado vertical 4 columnas, imagen de 4 columnas con padding */ #contenido div.c04-i4p {width:32em;} #contenido div.c04-i4p div.imagen {padding-left:.8em; padding-right:.8em;} #contenido div.c04-i4p div.imagen img {width:30.4em;} /* destacado vertical 3 columnas, imagen de 3 columnas */ #contenido div.c03-i3 {width:23.8em;} #contenido div.c03-i3 div.imagen img {width:23.8em;} /* destacado vertical 3 columnas, imagen de 3 columnas con padding */ #contenido div.c03-i3p {width:23.8em;} #contenido div.c03-i3p div.imagen {padding-left:.8em; padding-right:.8em;} #contenido div.c03-i3p div.imagen img {width:22.2em;} /* destacado vertical 2 columnas, imagen de 2 columnas */ #contenido div.c02-i2 {width:15.6em;} #contenido div.c02-i2 div.imagen img {width:15.6em;} /* destacado vertical 2 columnas, imagen de 2 columnas con padding */ #contenido div.c02-i2p {width:15.6em;} #contenido div.c02-i2p div.imagen {padding-left:.8em; padding-right:.8em;} #contenido div.c02-i2p div.imagen img {width:14em;}