/** * Enlaces Editoriales 2009 * * autor runroom * copyright 2009 by runroom * * color #a0071b; rojo (corporativo) * color #069; azul (enlaces) * color #1a1818; gris oscuro (titulos) * color #5f5f5f; gris claro (subtitulos / textos) * color #f3f4f4; gris muy claro fondo busqueda, fondo alternate, etc) * color #aeb0b3; gris muy claro (lineas / separadores footer) * */ /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,label,input { margin: 0; padding: 0; } fieldset { border: none; } :focus { outline: none } ul { list-style: none; } /* Elementos HTML -----------------------------------------------------------------------------*/ body { font: 100.01%/1em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; color: #1a1818; text-align: center; background: #fff; } h1 { height: 92px; } h1 a { display: block; margin: 26px auto; width: 596px; height: 66px; background: url("css_imgs/sprites.gif") -999px -21px no-repeat; } h1 span { position: absolute; left: -9999px; } h2 { padding: 15px 0 10px 0; font: 1.88em/1.05em Georgia, "Times New Roman", Times, serif; color: #1a1818; } /* dejar espacio para imprimir/compartir */ h2.ficha_libro, h3.subtitulo, h3.autor, h3.ilustrador { margin-right: 260px; } h3 { font: 1.25em/1.5em Georgia, "Times New Roman", Times, serif; color: #1a1818; } h3 small { position: relative; top: -5px; font-size: 0.70em; color: #1a1818; display: block; } h3.subtitulo { padding-bottom: 5px; line-height: 1.25em; color: #666; } h3.autor { padding-bottom: 5px; } h3.ilustrador { font-size: 1em; padding-bottom: 5px; } h3.maslibros, h3.edicionesanteriores { clear: both; padding: 20px 0 0 0; border-top: 1px dotted #aeb0b3; } h3.edicionesanteriores { margin-right: 30px; } p+h3 { margin-top: 20px; } h4 { padding-left: 15px; height: 28px; font: 0.63em/28px Verdana, "Lucida sans", Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; background: #fff url("css_imgs/sprites.gif") -998px -180px repeat-x; } .caja h3 { padding: 0 12px; } .caja h4 { background: none; } h5 { padding: 10px 0 0 13px; font: 0.63em/1em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color: #999; } h6 { padding: 20px 0 5px 0; font: bold 0.75em/1em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; color: #000; } h3+h6 { padding-top: 5px; } p, li, th, td { font: 0.69em/1.25em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; } li p { font-size: 1em; line-height: 1.8em; padding: 0 0 5px 20px; } label { font: 0.8em/1.25em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; } #opciones label, #masopciones label, #predef_clave label { font-size: 1em; } label span { color: #666; } /* legend { display: none; font-size: 0.7em; font-weight: bold; margin-top: 60px; } */ a:link { color: #069; text-decoration: none; } a:visited { color: #069; text-decoration: none; } a:hover { color: #069; text-decoration: underline; } a:active { position: relative; top: 1px; color: #000; text-decoration: none; } img { padding: 1px; border: 1px solid #a2a2a2; } a:hover img { border-color: #000; background: #fff; } /* MENU -----------------------------------------------------------------------------*/ #menu { list-style: none; padding: 6px 0; border-top: 1px solid #dfdfe1; overflow: hidden; } #menu li { display: block; float: left; padding-right: 40px; height: 28px; font: bold 15px/28px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; } #menu li a:link, #menu li a:visited { color: #069; font-weight: normal; } #menu li a:hover, #menu li a:active { color: #069; background: none; } #menu li a.selected:link, #menu li a.selected:visited, #menu li a.selected:hover, #menu li a.selected:active { color: #000; font-weight:bold; } #menu li.pedido { float: right; padding-right: 0; text-indent: 40px; background: url("css_imgs/sprites.gif") -1949px -426px no-repeat; } #menu li.pedido a { display: block; background: #fff url("css_imgs/sprites.gif") -1949px -396px no-repeat; } #menu li.pedido a:hover { background: url("css_imgs/sprites.gif") -1949px -426px no-repeat; } /* ESTRUCTURA GENERAL -----------------------------------------------------------------------------*/ #cabecera, #contenedor { width: 966px; margin: 0 auto; text-align: left; overflow: visible; } /* width: 960px; */ #menu, #busqueda { width: 960px; margin: 0 auto; } #ticker { position: relative; width: 954px; margin: 5px auto 7px auto; border: 1px solid #a7bed6; } #ticker div { padding: 25px 20px 20px 20px; background: #fbf9e4; border: 3px solid #fff; } #ticker h4 { position: absolute; top: -10px; left: -10px; height: 36px; width: 142px; line-height: 36px; background: url("css_imgs/ticker.png") 0 1px no-repeat; } #ticker p { font: 1em/1.25em Georgia, "Times New Roman", Times, serif; color: #666; } #contenido { clear: both; padding-bottom: 20px; position: relative; } /* cuando hay barra lateral */ .estrecho { width: 714px; float: left; margin-left: 6px; } #barralateral { width: 245px; float: left; } #barralateral img { padding: 0; border: none; } #footer { clear: both; padding: 50px 0 5px 0; border-bottom: 1px dotted #aeb0b3; } #footer span { display: block; float: right; text-align: right; } /* logos debajo del footer */ #logos { width: 1000px; margin: 0 auto 80px auto; } #logos a, #logos img { margin: 0; padding: 0; border: none; } #firma { padding-top: 10px; width: 954px; margin: 80px auto; font: normal 13px/1em Georgia, Times, serif; border-top: 1px solid #ccc; } #firma a:link, #firma a:visited, #firma a:hover, #firma a:active { color: #666; } #firma img { position: relative; top: 3px; padding: 0; border: none; } /*----------------------------------------------------------------------------- BUSQUEDA -----------------------------------------------------------------------------*/ #busqueda { background: #f3f4f4 url("css_imgs/sprites.gif") -1px 0 repeat-y; } #opciones, #masopciones, #bot_masopciones, #predef_clave { margin: 0 5px; } #opciones { padding: 15px; border-bottom: 1px solid #ccc; } #opciones label { padding-right: 20px; } #predef_clave { padding: 15px; border-top: 1px solid #ccc; overflow: hidden; } #predef_clave p { width: 60%; float: left; font-size: 12px; } #predef_clave p a { padding: 0 5px; } #predef_clave p.palabra_clave { float: right; text-align: right; width: 39%; position: relative; top: -1px; } #palabra { margin: 0 5px; } #bot_masopciones { position: relative; text-align: right; background: #e2e3e3; } #bot_masopciones a { display: block; padding-right: 9px; } #indicador { display: block; position: absolute; top: -6px; right: -16px; width: 24px; height: 24px; text-align: center; background: url("css_imgs/abrir_cerrar.png") 0 -83px no-repeat; } .cerrado #indicador { background: url("css_imgs/abrir_cerrar.png") 0 0 no-repeat; } /* MAS OPCIONES DE BUSQUEDA -----------------------------------------------------------------------------*/ /* la capa */ #masopciones { clear: both; height: 210px; background: #e2e3e3; } /* display: none; height: 155px; */ /* uso fieldset para crear columnas */ #masopciones fieldset { float: left; width: 25%; padding: 5px 0; } #masopciones p { padding: 5px 10px 0 20px; } #masopciones label { display: block; padding: 7px 0 0 0; } #masopciones .coleccion { margin-bottom: -3px; } #masopciones .coleccion label { padding-top: 0; } #masopciones input[type="text"] { width: 190px; background: #f3f4f4; } #masopciones input[type="text"]:focus { background: #fff; } #masopciones select { width: 190px; } .insert { display: block; padding-left: 10px; } /* precios */ .metalabel { display: block; padding: 5px 0 0 0; color: #000; } #masopciones .precios label { display: inline; padding-top: 3px; } #masopciones .precios input[type="text"] { width: 37px; } .precios, #masopciones .precios label { color: #666; } /* fechas */ #masopciones .fechas label { padding-top: 3px; } #masopciones .fechas input[type="text"] { width: 170px; } .fechas, #masopciones .fechas label { color: #666; } /* calendario que se abre (datepicker) */ #fd-servicio_novedad_inicio table, #fd-servicio_novedad_fin table { width: 220px; margin-top: 0; } #fd-servicio_novedad_inicio th, #fd-servicio_novedad_fin th { text-align: center; background: #f1f1f1; } #fd-servicio_novedad_inicio td, #fd-servicio_novedad_fin td { padding: 1px 1px 1px 1px; } /* submit de mas opciones #masopciones p.bigsearchsubmit { clear: both; text-align: right; padding: 20px 30px 10px 0; } */ /* sombra debajo */ #mas_opciones_bottom { margin-bottom: 10px; clear: both; height: 7px; overflow: hidden; background: #fafafa url("css_imgs/sprites.gif") -998px -242px no-repeat; } /* CAJAS DE LA BARRA LATERAL -----------------------------------------------------------------------------*/ .caja { background: url("css_imgs/caja.gif") 0 0 no-repeat; } /* el ciere de la caja */ .cajabottom { height: 5px; margin-bottom: 6px; background: url("css_imgs/caja.gif") 0 -1995px no-repeat; } .caja ul { padding: 10px 12px; } .caja ul li { margin: 1px 0; font: 0.8em/1.5em Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #ccc; } .caja ul li a { padding: 5px; display: block; color: #069; } .caja p { padding: 0 12px 10px 12px; font: 0.8em/1.5em Georgia, "Times New Roman", Times, serif; } .caja p strong { display: block; } /* banner */ .caja.sintitulo { text-align: center; padding: 5px 0; background: url("css_imgs/caja.gif") -256px 0 no-repeat; } /* LISTADOS DE PORTADAS -----------------------------------------------------------------------------*/ .lista { position: relative; clear: both; } .lista li { float: left; } .lista a:link, .lista a:visited { display: block; color: #333; } .lista a:hover, .lista a:active { color: #069; text-decoration: none; background: #f1f1f1; } /* especial home */ .home { left: -16px; } .home li { width: 178px; } .home a { padding: 10px 16px 20px 16px; } /* especial resultados de busqueda / mas libros del mismo autor */ .mini { width: 1000px; left: -8px; } .mini li { width: 123px; padding: 10px 0; } .mini a { padding: 10px; } /* barra info que has buscado */ .mostrando { clear: both; padding: 10px 0; line-height: 2em; border-top: 1px dotted #aeb0b3; border-bottom: 1px dotted #aeb0b3; } .buscarque { color: #5f5f5f; } .buscarque em { color: #1a1818; } /* RESULTADOS DE BUSQUEDA ----------------------------------------------------------------------------*/ /* barra de utilidades arriba del listado */ .navbar { float: right; left: 50%; z-index: 1; width: 50%; text-align: right; } h2+.navbar { float: none; position: relative; top: -25px; } table+.navbar { padding-top: 20px; } ul+.navbar { width: 100%; padding: 10px 0; border-top: 1px dotted #aeb0b3; border-bottom: 1px dotted #aeb0b3; } .paginas+.navbar { float: none; position: relative; top: -34px; } /* cambiar entre modo detalle/miniaturas */ .detalle { padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -368px no-repeat; } .detalle.on { padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -348px no-repeat; } .detalle:hover { padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -388px no-repeat; } .miniaturas { margin: 0 10px 0 5px; padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -448px no-repeat; } .miniaturas.on { margin: 0 10px 0 5px; padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -428px no-repeat; } .miniaturas:hover { margin: 0 10px 0 5px; padding-left: 15px; background: url("css_imgs/sprites.gif") -998px -468px no-repeat; } /* botones exportar a excel / RSS */ .xcel { margin: 0 10px; padding-left: 15px; background: url("css_imgs/sprites.gif") -1968px -330px no-repeat; } .rss { margin-left: 10px; padding-left: 15px; background: url("css_imgs/sprites.gif") -1968px -346px no-repeat; } /* RESULTADOS DETALLES -----------------------------------------------------------------------------*/ table { empty-cells: show; border-collapse: collapse; width: 100%; margin-top: -1px; } tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* table class "libros" para evitar conflictos con FancyZoom */ .libros tr:hover td { background-color: #f4e8da; } th { text-align: left; white-space: nowrap; font-weight: bold; background: #ffc; } th a { display: block; padding: 15px 20px 15px 5px; } th span { font-weight: normal; color: #666; } .no_ordenar {padding-left:20px;} td { padding: 5px 10px 5px 20px; } .portada { text-align: center; } .precio { text-align: right; padding: 5px 20px 5px 10px; } /* flechita azul/negra al lado del th que indica que se puede ordenar por titulo/autor/editorial */ .ordena { padding-left: 19px; background: url("css_imgs/sprites.gif") -1430px -330px no-repeat; } .ordena:hover { background: #ff9 url("css_imgs/sprites.gif") -1430px -330px no-repeat; } .ordena.desc { background: #ff9 url("css_imgs/sprites.gif") -1430px -411px no-repeat; } .ordena.asc { background: #ff9 url("css_imgs/sprites.gif") -1430px -491px no-repeat; } /* FICHA LIBRO -----------------------------------------------------------------------------*/ .fichalibro { padding: 10px 0 30px 0; border-top: 1px dotted #aeb0b3; } .libro_portada, .libro_textos, .libro_info { float: left; } /* columna con la portada del libro */ .libro_portada { width: 300px; padding: 20px 23px 30px 0; } .libro_textos { width: 380px; padding-top: 0; } .libro_textos p { font: 0.8em/1.75em Georgia, "Times New Roman", Times, serif; text-align: justify; } .libro_info { width: 220px; padding: 20px 0 0 30px; } .libro_info p { line-height: 1.25em; padding-bottom: 5px; } #acciones_bar { position: absolute; top: 20px; right: 0; width: 235px; } #acciones_bar img { border: 0; } #acciones_bar p { height: 20px; } #acciones_bar p.compartir { height: 20px; } a.imprimir { display: block; float: left; width: 95px; padding-left: 20px; background: url("css_imgs/sprites.gif") -1967px -98px no-repeat; } a.volver { display: block; float: left; width: 100px; padding-left: 20px; background: url("css_imgs/sprites.gif") -1965px -568px no-repeat; } .relacionado h6 { color: #5f5f5f; border-top: 1px dotted #aeb0b3; } .relacionado p { padding-top: 10px; } /* RINCON DE LECTURA -----------------------------------------------------------------------------*/ .rincon { margin-right: 30px; padding: 10px 0 30px 0; border-top: 1px dotted #aeb0b3; } .rincon .libro_textos { width: 360px; } .libro_textos h3 { padding: 10px 0 0 0; } .libro_textos h4 { font-size: 14px; color: #5f5f5f; padding: 0 0 10px 0; text-transform: none; background: none; text-shadow: 1px 1px 1px #fff; } .rincon .vermas a { padding: 5px 0 5px 15px; } /* lista especial ediciones anteriores rincon de lectura */ .edicionesanteriores { left: -20px; } .edicionesanteriores li { width: 50%; padding: 10px 0; } .edicionesanteriores p { padding: 0; margin: 0; } .edicionesanteriores .ea_descripcion { padding: 5px 10px 5px 20px; } .edicionesanteriores li p img { padding: 1px; margin: 0 10px 0 0; } .compartir.solo { height: 40px; line-height: 40px; border-top: 1px dotted #aeb0b3; margin-right: 30px; } .compartir.solo img { border: 0; } .compartir.solo a { position: relative; top: 3px; } .lista.edicionesanteriores a:link, .lista.edicionesanteriores a:visited { padding: 0 0 0 20px; display: block; color: #069; } .lista.edicionesanteriores a:hover, .lista.edicionesanteriores a:active { color: #069; text-decoration: none; background: #f1f1f1; } .enviacritica { margin-right: 30px; padding: 20px 0 30px 0; border-top: 1px dotted #aeb0b3; } .enviacritica a.vermas:link, .enviacritica a.vermas:visited { font: 0.6em/1.8em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; background: #fff url("css_imgs/sprites.gif") -1964px -126px no-repeat; } .enviacritica a.vermas:hover, .enviacritica a.vermas:active { font: 0.6em/1.8em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; background: #f1f1f1 url("css_imgs/sprites.gif") -1964px -126px no-repeat; } /* ENLACES DE INTERES -----------------------------------------------------------------------------*/ .enlaces { margin-right: 30px; padding: 20px 0; border-top: 1px dotted #aeb0b3; } .enlaces p { padding-top: 10px; font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif; color: #5f5f5f; } .enlaces .exterior { padding-top: 6px; font-size: 0.75em; font-style: normal; } /* NOTICIAS -----------------------------------------------------------------------------*/ .noticias { margin-right: 30px; padding: 20px 0; border-top: 1px dotted #aeb0b3; overflow:hidden; } .noticias p { padding-top: 10px; font: italic 1em/1.5em Georgia, "Times New Roman", Times, serif; color: #5f5f5f; } .noticias .vermas { padding-top: 6px; font-size: 0.75em; font-style: normal; } .noticias a.vermas { background: url("css_imgs/sprites.gif") -1964px -123px no-repeat; } .noticias a.vermas.open { color: #5f5f5f; background: url("css_imgs/sprites.gif") -1966px -173px no-repeat; } .noticias .fecha { font-size: 0.75em; } /* INFO CORPORATIVA / CONTACTO / RED COMERCIAL -----------------------------------------------------------------------------*/ .corporate { padding-top: 10px; margin-right: 30px; border-top: 1px dotted #aeb0b3; } .corporate h3 { padding: 10px 0; } .corporate h3.quedistribuimos { padding-top: 20px; margin-top: 20px; border-top: 1px dotted #aeb0b3; } .corporate p { font: 1em/1.5em Georgia, "Times New Roman", Times, serif; color: #1a1818; } .corpor_logo { margin-left: -20px; padding-top: 40px; } .corpor_logo a { margin-right: 30px; } .corporate a img { padding: 0; border: none; } fieldset.contacta { padding: 30px; margin: 20px 0; background: #f3f4f4; border-top: 1px dotted #aeb0b3; border-bottom: 1px dotted #aeb0b3; } fieldset.contacta p { padding-bottom: 20px; } fieldset.contacta label { display: block; } fieldset.contacta input[type="text"], fieldset.contacta textarea, fieldset.contacta select { margin-top: 3px; width: 98%; } .corporate .exterior { padding-top: 5px; } /* BOLETINES / PEDIDO -----------------------------------------------------------------------------*/ #boletindelmes h3, #aviso h3, #anteriores h3 { margin: 5px 0 20px 0; padding-bottom: 0; border-bottom: 1px dotted #aeb0b3; } #boletindelmes { float: right; width: 360px; margin-right: 20px; } #boletindelmes p.vermas a { padding: 5px 0 5px 15px; } #aviso { float: right; width: 304px; margin-right: 30px; } #aviso p { font: 1em/1.25em Georgia, "Times New Roman", Times, serif; color: #1a1818; } #aviso fieldset { margin: 20px 0; } #aviso fieldset p { padding: 5px 0; } #aviso fieldset input[type="text"] { margin-top: 3px; width: 290px; } #anteriores { clear: both; padding-top: 20px; } #anteriores h3 { margin-right: 30px; } #anteriores li { font: 1em/1.25em Georgia, "Times New Roman", Times, serif; color: #1a1818; } span.vermas { display: block; font: 0.69em/1.25em Verdana, "Lucida sans", Tahoma, Arial, sans-serif; color: #069; padding: 1px 0 2px 15px; background: #f3f4f4 url("css_imgs/sprites.gif") -1964px -127px no-repeat; } #logista { margin-right: 20px; margin-top: 20px; } #logista .bot_pedido { position: absolute; } /* #melisa { width: 285px; margin-top: 20px; float: left; padding-left: 40px; margin-right: 30px; } */ .corporate h3.pedido_editoriales { padding-top: 20px; margin-top: 80px; border-top: 1px dotted #aeb0b3; } /*.pedido_editoriales { position: relative; left: -10px; margin-top: 80px; border-top: 1px dotted #aeb0b3; } .pedido_editoriales p { float: left; width: 45%; padding: 20px 10px 20px 0; }*/ /* varias -----------------------------------------------------------------------------*/ .clear { clear: both; height: 0; } .hidden, .oculto { display: none; } .hidden, p.hidden { padding: 5px 5px 5px 10px !important; margin: 5px 10px 3px 0; font-style: italic; background: #ffc; border-left: 2px solid #f90; } #message_retorno.ok { padding: 5px 5px 5px 10px !important; margin: 5px 10px 3px 0; font-style: italic; background: #ffc; border-left: 2px solid #690; } #message_retorno.ko { padding: 5px 5px 5px 10px !important; margin: 5px 10px 3px 0; font-style: italic; background: #ffc; border-left: 2px solid #c00; } /* enlace a una pagina exterior */ .exterior { padding-left: 15px !important; background: url("css_imgs/sprites.gif") -1990px -463px no-repeat; } .mail { padding-left: 15px; background: url("css_imgs/sprites.gif") -1990px -509px no-repeat; } /* enlace a otra pagina del site, con flecha */ .vermas { margin-top: 10px; } /* si no esta al final de la caja*/ .interior { margin-top: 0; margin-bottom: 10px; } .vermas a { display: block; padding: 1px 0 2px 15px; background: #f3f4f4 url("css_imgs/sprites.gif") -1964px -123px no-repeat; } .vermas a:hover { background: #fff url("css_imgs/sprites.gif") -1964px -123px no-repeat; } a.vermas { padding: 1px 0 2px 15px; background: #f3f4f4 url("css_imgs/sprites.gif") -1964px -123px no-repeat; } a.vermas:hover { background: #fff url("css_imgs/sprites.gif") -1964px -123px no-repeat; } /* con icono de listado (cuando es una busqueda con un listado de resultados) */ .listicon a { display: block; padding: 1px 0 2px 15px; background: #f3f4f4 url("css_imgs/sprites.gif") -1965px -564px no-repeat; } .listicon a:hover { background: #fff url("css_imgs/sprites.gif") -1965px -564px no-repeat; } /* enlace a listado entero desde la home */ .vertodos { clear: left; text-align: right; margin-right: 30px; padding-bottom: 5px; border-bottom: 1px dotted #aeb0b3; } .vertodos a { padding-left: 15px; background: url("css_imgs/sprites.gif") -1965px -568px no-repeat; } /* enlace para volver arriba en la misma pagina */ #gototop { width: 100%; background: #f1f1f1; border-top: 1px dotted #aeb0b3; border-bottom: 1px dotted #aeb0b3; } /* mediante Javascript: position: fixed; left: 0; right: 0; bottom: 0; */ #gototop a { display: block; padding: 10px 10px 20px 22px; background: url("css_imgs/sprites.gif") -1962px -168px no-repeat; } .paginas { clear: both; padding: 20px 0; margin-top: -1px; border-top: 1px dotted #aeb0b3; border-bottom: 1px dotted #aeb0b3; overflow: hidden; } #contenido.estrecho .paginas { margin-right: 30px; } .paginas p { position: relative; z-index: 10; width: 50%; } .paginas a, .paginas strong { padding: 3px 6px; background: #f3f4f4; } .paginas a:hover { background: #fff; } .paginas span { margin-left: 4px; padding: 6px 3px; border: 1px solid #aeb0b3; } .paginas a.anterior, .paginas a.siguiente { background: none; border: none; } .paginas a.anterior { padding-left: 15px; background: url("css_imgs/sprites.gif") -995px -161px no-repeat; } .paginas a.siguiente { margin-left: 4px; padding-left: 15px; background: url("css_imgs/sprites.gif") -1964px -125px no-repeat; } /* banner arriba del menu */ .recomendaciones { padding: 2px 0; border-top: 1px solid #aeb0b3; } .recomendaciones img { padding: 0; border: none; } /* color de fondo de lineas alternantes */ .alt { background: #f3f4f4; } .bot_pedido { margin: 20px 0 20px -5px; font: normal 15px/28px Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; } .bot_pedido a:link, .bot_pedido a:visited { padding: 7px 10px 10px 10px; color: #fff; background: url("css_imgs/sprites.gif") -1298px -100px no-repeat; } .bot_pedido a:hover { background: url("css_imgs/sprites.gif") -1298px -138px no-repeat; } .bot_pedido:after { padding: 10px 8px 8px 0; background: url("css_imgs/sprites.gif") -1859px -97px no-repeat; content: "\00A0"; } .bot_pedido:hover:after { padding: 10px 8px 8px 0; background: url("css_imgs/sprites.gif") -1859px -135px no-repeat; content: "\00A0"; } /* #franja_banner { border: 1px solid red; } */ /* TABLAS FANCYZOOM -----------------------------------------------------------------------------*/ #ZoomBox img, #ZoomBox table, #ZoomBox tr, #ZoomBox td, #ZoomCapDiv img, #ZoomCapDiv table, #ZoomCapDiv tr, #ZoomCapDiv td, #ShadowBox img, #ShadowBox table, #ShadowBox tr, #ShadowBox td { padding: 0; border: none; } #ZoomCaption { background-color: none; background: url("../../common/js/FancyZoom/images-global/zoom/zoom-caption-fill.png"); } /* ----------------------------------------------------------------------------- * * * VERSION PARA IMPRIMIR * * ----------------------------------------------------------------------------- */ @media print { /* esconder elementos que no se han de imprimir */ #franja_banner, #ticker, #busqueda, #menu, #footer, #logos, .paginas, .navbar, h1 span small, .imprimir, .bot_pedido { display: none; } /* formatear elementos que si se tienen que imprimir */ h1 { padding-left: 2cm; text-align: left; } h1 a { width: auto; } h1 span { position: static; padding: 10px 0 10px 0; text-align: left; text-indent: 0; margin-left: 0; font: 2.5em/1em Georgia, "Times New Roman", Times, serif; background: none; } h2 { padding-top: 0; } .libro_textos p { font-size: 1.1em !important; } .libro_textos h6 { font-size: 1.1em !important; } #contenedor { margin-left: 2cm; } * { color: #000 !important; } } /* fin @media print */ /* adelgazar fonts en webkit (no valida) */ body { -webkit-text-stroke: 1px transparent; } /* pero no en mobile safari */ @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}