/* * Fichero: print.css ,v1.0 12/04/2007 Ana Noemi Fernandez Martinez * * Hoja de estilos para la impresion de la pagina web. * Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media print * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero print.css * Version v1.0 * Autores Ana Noemi Fernandez Martinez * Comentarios */ /* ESTILOS GENERALES */ body { margin:0px; padding:0px; font-family:Arial, Helvetica, Sans; font-size:11px; color:#333333; background-color:#C1C1C1; text-align:center;} hr { display: none; } img { border:none; } p { margin:0px; padding:0px;} h1, h2, h3, h4 { margin:0px; padding:0px;} textarea { font-size:10pxt; color:#333333; width:100%; height:100%; font-family:Arial, Helvetica, Sans;} /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ #web { margin:0px auto 0px auto; width:99; text-align:left; background:#ffffff; border:1px solid #585858;} #cab { display:none;} #ctd { clear:both; padding:0px 10px 0px 0px; width:98%; } #lat { display:none; clear:both; float:left; width:198px; } #dts { clear:both; margin:0px 10px; width:97%;} dts-pre {float:left; margin:0px 10px; width:100%; height:550px; background:url(/MODULOS/global/publico/interfaces/img/img_fdo_ctd.jpg) bottom right no-repeat;} #pie { clear:both; width:100%; height:58px; border-top:1px solid #ccc; text-align:center;} #cab-print { display:block; border-bottom:1px solid #ccc;}/*Cabecera de imprimir*/ /* ESTILOS PARA LA CABECERA DE LAS PAGINAS SIN LOGEAR */ /*#cab .c1-pre { float:left; width:582px; height:97px; background:url(/MODULOS/global/publico/interfaces/img/fdo_cab1.gif) bottom left repeat-X; }*/ #logo { display:none;} /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie .pie-padd { padding:24px 0px; font-size:11px;} #pie .pie-padd a { padding:0px 5px; font-size:11px; color:#cccccc; text-decoration:none;} /* ESTILOS PARA EL MENU LATERAL */ #lat .lat-padd { padding:20px 0px 0px 0px; } /* ESTILOS PARA EL CONTENIDO Y DATOS */ #dts .dts-int-padd { padding:10px 0px 20px 25px; height:auto;} /* Padding para caja datos de las interiores */ #dts .dts-c1 { float:left; width:100%; text-align:left;} /* Columna utilizada para catalogo sin menu lateral */ #dts .dts-c2 { float:right; width:540px; text-align:left;} /* Columna utilizada para catalogo con menu lateral*/ /* ESTILOS PARA MENUS DE NAVEGACION */ /* Menu de 3º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */ /* Menu de 1º Nivel, 2º Nivel y 3º Nivel anidados. Con el estilo ".act" estamos definiendo la opcion de menu actual */ .men {} /* 1º Nivel de navegación */ .men ul { margin:35px 0px 30px 10px; padding:0px; width:90%; } .men ul li { padding:5px 0px 5px 0px; list-style-type:none; color:#000000; border-bottom:1px solid #CCCCCC;} .men ul li a { padding-left:12px; color:#000000; font-size:11px; font-weight:bold; text-decoration:none;} .men ul li.act a { padding-left:12px; color:#C50303; font-size:11px; font-weight:bold; background:url(/MODULOS/global/publico/interfaces/img/flecha_menu.gif) 0px 5px no-repeat; text-decoration:none; } .men ul li.act a:hover { color:#CCC0000; text-decoration:none; } .men ul ul { margin:5px 0px; padding:0px 0px 0px 20px; } /* 2º Nivel de navegación */ .men ul ul li { padding:0px; list-style-type:none; color:#5A5A5A; border:none; } .men ul ul li a { font-size:11px; font-weight:normal; color:#5A5A5A; text-decoration:none; background:none; } .men ul li.act ul li a { font-size:11px; font-weight:normal; color:#5A5A5A; text-decoration:none; background:none; } .men ul ul li.act {} .men ul li.act ul li.act a { font-size:11px; font-weight:normal; color:#CC0000; text-decoration:none; background:none; } .men-3n { float:left; width:200px; background:#ffffff;} .men-3n ul { float:left; margin:5px 0px 0px 0px; padding:0px; width:185px;} .men-3n ul li { padding:5px 0px 5px 0px; list-style-type:none; color:#000000; border-bottom:1px solid #CCCCCC;} .men-3n ul li a { padding-left:12px; color:#000000; font-size:11px; font-weight:normal; text-decoration:none; } .men-3n ul li.act {} .men-3n ul li.act a { padding-left:12px; color:#C50303; font-size:11px; font-weight:normal; background:url(/MODULOS/global/publico/interfaces/img/flecha_menu.gif) 0px 5px no-repeat; text-decoration:none; } /* ESTILOS PARA LOS LISTADOS */ /* Listado para relacionados */ ul.lst-rel { margin:5px 0px 10px 0px; padding:0px 0px 0px 8px; } ul.lst-rel li { list-style-type:none; } ul.lst-rel li a { padding-left:8px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat;}/* Enlaces mas informacion */ /* Listados para documentos */ ul.lst-doc { margin:5px 0px 10px 0px; padding:0px 0px 0px 8px; } ul.lst-doc li { list-style-type:none; padding:0px 0px 7px 0px;} ul.lst-doc li a { padding:5px 0px 5px 22px; width:11px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/ico_pdf.gif) 0px 0px no-repeat; } /* Enlaces pdf */ /* Listados para boletines */ ul.lst-bol { margin:0px 0px 10px 0px; padding:0px; } ul.lst-bol li { list-style-type:none; padding:5px 0px 5px 9px; float:left; width:100%; border-bottom:1px solid #B6B6B6;} ul.lst-bol li a { float:left; margin-left:8px; padding:0px 0px 0px 22px; width:11px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat; } /* Enlaces pdf */ /* Listados para documentos de pedidos */ ul.lst-doc-f1 { margin:0px 0px 10px 0px; padding:0px; } ul.lst-doc-f1 li { margin:0px; padding:0px 0px 5px 10px; list-style-type:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat;} ul.lst-doc-f1 li a { padding:5px 0px 5px 22px; width:11px; font-size:11px; color:#2C4096; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/ico_pdf.gif) 0px 0px no-repeat; } /* Enlaces pdf */ /* Listados para enlaces */ ul.lst-url { margin:5px 0px 10px 0px; padding:0px 0px 0px 8px; } ul.lst-url li { list-style-type:none; } ul.lst-url li a { font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Listados para categorias */ ul.lst-cat { margin:5px 5px 5px 10px; padding:0px; } ul.lst-cat li { list-style-type:none; } ul.lst-cat li a { padding-left:12px; color:#313131; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular_off.gif) 0px 5px no-repeat;} ul.lst-cat li a.act { padding-left:12px; color:#C60700; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat;} /* Listado especial o personlizada: Formato1 */ ul.lst-f1 { clear:both; margin:0px; padding:0px;} /* Listado con bullets */ ul.lst-f1 li { padding: 0px 0px 0px 12px; list-style-type:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat; } dl.lst-f1 { margin:10px 5px 0px 5px; padding:0px;}/* Listado con fechas */ dl.lst-f1 dt { clear: both; float: left; margin: 0px; padding:0px 0px 10px 0px; width:18%;} dl.lst-f1 dd { float:left; margin: 0px; padding:0px 0px 10px 0px; width:75%; } dl.lst-f1 dd a { color:#333333; font-size:11px; text-decoration:none; }dl.lst-f1 dd a:hover { text-decoration:underline; } /* Listado formato 2, igual que 1 pero con mas padding */ ul.lst-f2 { clear:both; margin:5px 0px; padding:0px 40px 0px 8px;} /* Listado con bullets*/ ul.lst-f2 li { padding: 0px 0px 10px 12px; list-style-type:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat; } /*Listado formato 3 para noticias y eventos */ ul.lst-f3 { clear:both; margin:0px; padding:0px;} /* Listado con bullets*/ ul.lst-f3 li { float:left; margin:0px; width:100%; padding: 10px 0px 5px 5px; list-style-type:none; border-bottom:1px solid #ccc;} /* Navegacion de los idiomas, va con estilo caj-nav-top */ ul.nav-leng { display:none;} /*Listado del mapa web */ ul.lst-map { clear:both; margin:5px 0px; padding:0px 40px 0px 8px;} ul.lst-map li { padding: 0px 0px 10px 12px; list-style-type:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat;} ul.lst-map li ul { margin:10px 10px 5px 10px; padding:0px; } ul.lst-map li ul li { padding: 0px 0px 8px 12px; list-style-type:none; background:none;} ul.lst-map li ul li a { padding-left:18px; font-size:11px; color:#5770CA; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_cuadrado.gif) 0px 2px no-repeat; } ul.lst-map li ul li a:hover { font-size:11px; color:#cc0000; text-decoration:underline;} /* TABLA DE DATOS */ /* Tabla de datos destacados de proveedores */ table.tbl-des-pro { width:154px; padding:16px 24px; border:2px solid #CBCBCB; border-collapse:collapse; empty-cells: show; background-color:#F3F3F3;} table.tbl-des-pro caption { display:none; } .tbl-des-pro td { color:#393939; font-size:11px; font-family:Arial, Helvetica, Sans; text-align:right; } /* Tabla de carrito (en usuarios) */ table.tbl-car { float:left; margin:0px; padding:0px; width:100%; border-collapse:collapse; empty-cells: show;} table.tbl-car caption { display:none; } .tbl-car thead th { padding:8px 0px 12px 30px; color:#3C436D; font-size:11px; font-weight:bold; background:url(/MODULOS/global/publico/interfaces/img/ico_carrito.gif) 0px 0px no-repeat;} .tbl-car tbody td { padding:0px 2px 5px 5px; color:#6C716B; font-size:11px; font-family:Arial, Helvetica, Sans; text-align:left; } .tbl-car tfoot td { padding:12px 0px 0px 0px;} /*Tabla de busqueda */ table.tbl-bus { clear:both; margin:10px 0px 10px 0px; padding:0px; width:100%; border-collapse:collapse; empty-cells: show; border-bottom:1px solid #cccccc;} table.tbl-bus caption { display:none; } .tbl-bus th { padding:2px 0px 2px 5px; color:#393939; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; background-color:#E7E7E7; border-bottom:8px solid #ffffff;} .tbl-bus th a { color:#393939; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; text-decoration:none;}.tbl-bus th a:hover { color:#393939; font-size:11px; text-decoration:underline;} .tbl-bus td { padding:7px 0px 7px 10px; color:#393939; font-size:11px; font-family:Arial, Helvetica, Sans; vertical-align:top; border-bottom:1px solid #E7E7E7; } .tbl-bus td a { padding:0px 10px 0px 0px; color:#393939; font-size:10px; font-family:Arial, Helvetica, Sans; text-decoration:underline; background:none;} table.tbl-f1 { clear:both; margin:10px 0px 5px 0px; padding:0px; width:99%; border-collapse:collapse; empty-cells: show;} .tbl-f1 tr th { padding:5px 0px 5px 10px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .tbl-f1 th a { color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; text-decoration:underline;} .tbl-f1 tr td { padding-bottom:5px; padding:7px 0px 7px 10px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; border-bottom:1px solid #ccc;} .tbl-f1 tr td a { color:#333333; font-size:11px; text-decoration:underline;} table.tbl-f2 { clear:both; margin:10px 0px 5px 0px; padding:0px; width:99%; border-collapse:collapse; empty-cells: show;} .tbl-f2 tr th { padding:5px 0px 5px 10px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} .tbl-f2 th a { color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; text-decoration:underline;} .tbl-f2 tr td { padding-bottom:5px; padding:7px 0px 7px 10px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; border-bottom:1px solid #ccc;} .tbl-f2 tr td a { color:#333333; font-size:11px; text-decoration:underline;} /* ESTILOS PARA CAJAS CON FORMATOS */ .caj-car { margin:8px 0px 5px 0px; padding:5px; width:150px; height:auto; background:#E1E6FA url(/MODULOS/global/publico/interfaces/img/fdo_tbl.gif) bottom left no-repeat;}/*Caja para el carrito*/ .caj-img { float:left; padding:10px 5px 3px 0px; text-align:left; }/* Caja para listado con imagenes */ .caj-cat { margin:10px 8px; border-bottom:1px dashed #A8A8AA;}/* Caja para categorias */ .caj-cat-f1 { margin:10px 0px; border:1px solid #A8A8AA;}/* Caja para categorias de productos */ .caj-cat-f1-tit { padding:1px 5px 2px 5px; background-color:#E1E6FA;}/*Caja para titulo de categoria*/ .caj-lst { padding:10px 5px 10px 0px; background:url(/MODULOS/global/publico/interfaces/img/fdo_caja3.gif) bottom left repeat-X;}/* Caja para listados */ .caj-lst-f1 { clear:both; padding:8px 5px 8px 0px; border-bottom:1px dashed #BCBADC;}/* Listado de catalogos y equpo de trabajo */ .caj-rel { float:left; margin:10px 0px 0px 0px; padding:5px 10px 5px 0px; width:100%; border-top:1px solid #cccccc;}/* Caja para relacionados, aplicado en los detalles de producto, noticias y eventos */ .caj-rel-padd { padding:0px 0px 0px 20px;} .caj-f1 { float:left; padding:20px; width:200px; border:1px solid #CA0205; background-color:#F1E1E1; }/* Caja formato 1 */ .caj-f2 { float:left; margin:0px 10px; width:130px; padding:10px 10px 10px 15px; border:2px solid #CBCBCB; background-color:#F3F3F3; }/* Caja formato 2 */ #caj-ttip { visibility: hidden; z-index: 100; position: absolute; left: -300em; width: 150em; padding: 2px; background-color: lightyellow; border: 1px solid black; text-align:left;}/* Caja Tooltip */ #caj-ttip-img { position:absolute; left: -300em; z-index: 101; visibility: hidden; } .caj-err { clear:both; float:left; margin:10px 0px;}/* Caja para el error*/ .caj-ok { clear:both; float:left; margin:10px 0px;}/* Caja cuando el resultado es ok*/ .caj-tfn { float:left; margin:2px 0px 5px 0px; padding-left:18px; background:transparent url(/MODULOS/global/publico/interfaces/img/phone.gif) 0px 2px no-repeat;}/* Caja para el telefono en equipo de tabajo*/ .caj-not { float:left; margin:0px 0px 10px 0px; font-size:10px; color:#323232; }/*Caja para notas y campos obligatorios */ .caj-nav-top { display:none;}/*Caja para navegacion por idiomas*/ .caj-des-tit { clear:both; float:left; margin:5px 0px 15px 10px; width:100%; height:24px; }/* Caja del titulo */ .caj-des-tit h2 { margin:0px; padding:7px 0px 7px 0px; font-size:12px; color:#333333; font-weight:bold; border-bottom:1px solid #cccccc;} .caj-tit { clear:both; margin:5px 0px 15px 0px; width:100%; height:24px; }/* Caja del titulo */ .caj-tit h2 { margin:0px; padding:7px 0px 7px 0px; font-size:12px; color:#333333; font-weight:bold; border-bottom:1px solid #C50303;} .caj-pro { float:left; width:125px; margin:0px 10px 0px 10px; }/* Caja que contiene el la imagen del producto del listado */ .caj-det { float:left; width:570px; margin:0px 10px 0px 10px;}/* Caja que contiene el detalle del producto*/ .caj-pro-ctd { float:left; width:140px; }/* Caja que contiene todas las caj-pro*/ .caj-log-pro { float:left; margin:10px 10px 5px 10px; background:url(/MODULOS/global/publico/interfaces/img/pro/fdo_form_proveedor.jpg) bottom left repeat-X; border:none;}/* Caja para los login */ .caj-log-usu { float:left; width:100%; background:#EAEAEA url(/MODULOS/global/publico/interfaces/img/usu/fdo_form_usuario.jpg) bottom left repeat-X; border-bottom:1px solid #B5B5B5;} .caj-log-padd { padding:60px 10px 10px 10px;} .caj-log-ctd { margin:20px 0px 20px 20px; padding:0px 0px 10px 300px; background:url(/MODULOS/global/publico/interfaces/img/usu/fdo_form.gif) top left no-repeat;} .caj-des { clear:both; float:left; width:90%; margin:0px 20px 5px 0px; }/* Caja para destacados, aplicado en la home */ .caj-des-ctd { padding:10px 5px; background:#EAEAEA url(/MODULOS/global/publico/interfaces/img/pro/fdo_caja_home.jpg) bottom left repeat-X; border-bottom:1px solid #B5B5B5;} .caj-des-ctd .c1 { float:left; width:600px;} .caj-des-ctd .c2 { float:right; margin-top:15px; width:40px;} .caj-des-ctd .c1-f1 { float:left; margin-left:10px; width:115px;} /* Caja que posiciona los precios*/ .caj-pos { float:right; margin-right:250px;} /* ESTILOS PARA IMPRIMIR */ .caj-imp { margin-right:5px; padding:0px 0px 10px 0px; text-align:right; border-bottom:1px solid #cccccc;} /* ESTILOS PARA COLUMNAS GENERALES */ /* 2 Columnas 50%-50% */ .col2f1 { } .col2f1-c1 { float: left; width: 49%; } .col2f1-c2 { float: right; width: 49%; } /* 2 Columnas 70%-30% */ .col2f2i { margin:12px 0px 0px 20px;} .col2f2i-c1 { float: left; width: 69%; } .col2f2i-c2 { float: right; width: 29%; } /* 2 Columnas 30%-70% */ .col2f2d { margin:12px 0px 0px 20px; } .col2f2d-c1 { float: left; width: 29%; } .col2f2d-c2 { float: right; width: 69%; } /* 2 Columnas 60%-40% */ .col2f3i {} .col2f3i-c1 { float: left; width: 59%; } .col2f3i-c2 { float: right; width: 39%; } /* 2 Columnas 40%-60% */ .col2f3d { } .col2f3d-c1 { float: left; width: 39%; } .col2f3d-c2 { float: right; width: 59%; } /* 2 Columnas 20%-80% */ .col2f4d { } .col2f4d-c1 { float: left; width: 19%; } .col2f4d-c2 { float: right; width: 79%; } /* 2 Columnas 80%-20% */ .col2f4i { } .col2f4i-c1 { float: left; width: 79%; } .col2f4i-c2 { float: right; width: 19%; } /* 3 Columnas 33%-33%-33% */ .col3f1 { } .col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; } .col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; } .col3f1-c3 { float:right; width:32%; } /* 3 Columnas grid 1 33%-66% */ .col3f1g1 { } .col3f1g1-c1 { float:left; width:32%; } .col3f1g1-c2 { float:right; width:66%; } /* 3 Columnas grid 2 66%-33% */ .col3f1g2 { } .col3f1g2-c1 { float:left; width:66%; } .col3f1g2-c2 { float:right; width:32%; } /* 4 Columnas 25%-25%-25%-25% */ .col4f1 { } .col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 1 25%-50%-25% */ .col4f1g1 { } .col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; } .col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 2 25%-25%-50% */ .col4f1g2 { } .col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; } /* 4 Columnas grid 3 50%-25%-25% */ .col4f1g3 { } .col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; } .col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 5 Columnas 20%-20%-20%-20% */ .col5f1 { } .col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; } .col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; } .col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; } /* ESTILOS PARA COLUMNAS PERSONALIZADAS */ /* 2 Columnas para mapa web */ .col2p1 { } .col2p1-c1 { float: left; width: 45%; } .col2p1-c2 { float: right; width: 54%; } /* ESTILO PARA LA PAGINACION */ .pag { clear:both; padding:5px 5px 5px 10px; color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none; } .pag a { color:#777777; text-decoration:none;}/* Estilo para las paginas que no son la actual */ .pag a.ini { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Estilo para ir al inicio del listado paginado */ .pag a.ant {color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Estilo para retroceder un paso en el listado paginado */ .pag a.fin { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Estilo para ir al final del listado paginado */ .pag a.sig { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Estilo para avanzar un paso en el listado paginado */ .pag .ley { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo de la leyenda de paginacion */ .pag .act { color:#CC0000; text-decoration:none; } /* Estilo que indica la pagina en la que estamos */ /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* Barra de opciones navegacion inferior */ .nav-btt { display:none;} /* Barra de opciones navegacion superior */ ul.nav-top {display:none;} /* Navegacion de idiomas */ ul.nav { display:none; } /* ESTILOS PARA BREADCRUMS GENERALES */ .bdc { display:none; } /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario general */ .form { margin:0px; padding:0px; clear:both; } .form fieldset { margin:0px; padding:0px; border:none; } .form fieldset legend { display:none; } .form fieldset .lbl-des { font-size:12px; color:#CC0000; font-weight:bold; font-family:Arial, Helvetica, Sans;} /* Agrupacion etiquetas de los campos */ .form fieldset .lbl { float:left; font-size:11px; color:#333333; font-family:Arial, Helvetica, Sans; text-align:left;} .form fieldset .cps { font-size:11px; color:#333333; border:1px solid #7E9CB8; background-color:#ffffff;} .form fieldset .sel { font-size:11px; color:#333333; border:1px solid #7E9CB8; background-color:#ffffff;} .form .btn-des { float:left; width:220px; height:35px; background:url(/MODULOS/global/publico/interfaces/img/btn_destacado.gif) 0px 0px no-repeat; border:none; }/* Boton destacado: ej.Consulta de boletines, va con estilo .enl-btn */ .form .btn { padding-bottom:2px; width:107px; height:19px; font-size:11px; font-weight:bold; background:url(/MODULOS/global/publico/interfaces/img/usu/btn.gif) 0px 0px no-repeat; border:none; cursor:pointer;} .form .btn-md { padding-bottom:2px; width:140px; height:19px; font-size:11px; font-weight:bold; background:transparent url(/MODULOS/global/publico/interfaces/img/usu/btn_med.gif) no-repeat scroll 0px; border:none; cursor:pointer; } .form fieldset .btn-fec { margin:0px 0px 4px 0px; padding:0px; font-size:11px; color:#333333; border:none; background-color:#ffffff; cursor:pointer;} /* Formulario login usuarios/proveedor */ .form-log { margin:0px; padding:0px 0px 10px 0px; width:145px;} .form-log fieldset { margin:0px; padding:0px; border:none;} .form-log fieldset legend { display:none; } .form-log fieldset .lbl { float:left; text-align:left; font-size:11px; font-weight:bold; color:#000000; font-family:Arial, Helvetica, Sans;} .form-log fieldset .cps { margin:5px 0px; font-size:11px; color:#333333; border:1px solid #7E9CB8; background-color:#ffffff;} .form-log .btn { clear:both; float:right; margin:8px 0px 0px 0px; font-size:11px; color:#000000; font-weight:bold; width:90px; height:30px; background:url(/MODULOS/global/publico/interfaces/img/pro/btn_pq.gif) 0px 1px no-repeat; border:none;} /* Formulario de filtros */ .form-fil { float:right; margin:10px 0px; padding:0px; } .form-fil fieldset { margin:0px; padding:0px; border:none; } .form-fil fieldset legend { display:none; } .form-fil fieldset .lbl { float:left; padding:0px 5px 0px 0px; font-size:11px; color:#333333; font-family:Arial, Helvetica, Sans; text-align:left;} .form-fil fieldset .cps { float:left; margin-right:10px; font-size:11px; color:#333333; border:1px solid #7E9CB8; background-color:#ffffff; } .form-fil fieldset .btn { float:left; display:inline; padding:0px 0px 0px 10px; font-size:10px; color:#333333; border:none; text-decoration:underline; cursor:pointer; background:#ffffff;} .form-fil fieldset .sel { float:left; font-size:11px; color:#333333; width:135px;} .form-fil fieldset a { color:#353535; font-size:10px; text-decoration:underline;} .enl-bus { float:left; color:#353535; padding:0px 0px 5px 18px; font-size:10px; text-decoration:underline; text-decoration:underline;} /* ESTILOS PARA TEXTO */ .txt { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo para el texto en general */ .txt-f1 { color:#000000; font-size:11px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto formato 1 */ .txt-f2 { color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto formato 1 */ .ent { color:#323232; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; } /* Estilo para la entradilla */ .des { color:#333333; font-size:12px; font-family:Arial, Helvetica, Sans; } /* Estilo para destacado en pedido */ .des-f1 { color:#C40403; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, Sans; } /* Esilo para destacado en ofertas */ .des-f2 { color:#333333; font-size:14px; font-family:Arial, Helvetica, Sans; } /* Estilo para destacado en ofertas */ .des-f3 { padding-left:7px; color:#333333; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, Sans; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat;} /* Estilos destacado de etiquetas */ .fec { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo para campo de fecha */ .fec-f1 { color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo para campo de fecha de ofertas */ .tit-f1 { margin:5px 0px 10px 0px; padding:5px 0px 5px 0px; width:100%; color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans; text-align:left; border-bottom:1px solid #cc0000; } /* Estilo para el titulos por defecto */ .tit-f2 { color:#5770CA; font-size:12px; font-family:Arial, Helvetica, Sans; font-weight:bold; } /* Estilo para el titulo de noticias, destacados, eventos, productos de listados */ .tit-f3 { color:#5770CA; font-size:14px; font-family:Arial, Helvetica, Sans; font-weight:bold; } /* Estilo para el titulo de paginas libres */ .tit-ico { float:left; margin:2px 0px 0px 5px; padding:2px 0px 2px 0px; color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans; } /* Estilo para el titulo con iconos', le acompana el estilo de icono correspondiente */ .tit-lst { padding:0px 0px 0px 7px; width:100%; color:#5770CA; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, Sans; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular_off.gif) 0px 5px no-repeat; }/* Titulo para listado de relacionados*/ .tit-secc { color:#5B73CB; font-size:12px; font-family:Arial, Helvetica, Sans; font-weight:bold;} .tit-f4 { color:#343434; font-size:14px; font-family:Arial, Helvetica, Sans; font-weight:bold;} /* Titulo de ofertas*/ .tit-det { padding:5px 0px 5px 0px; width:100%; color:#5770CA; font-size:12px; font-family:Arial, Helvetica, Sans; text-align:left;}/* titulo para el detalle del producto*/ .secc { padding-left:7px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat;} /* Estilos para subsecciones */ .sub { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans;} /* Estilos para los subtitulos*/ .ndts { float:left; padding-left:7px; color:#666666; font-size:11px; font-family:Arial, Helvetica, Sans; text-align:left; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat;} /* Estilos para cuando no hay resultados */ .pvp { color:#CC0000; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo para precio */ .txt-pvp { color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans;} .pvp-des { color:#CC0000; font-size:14px; font-family:Arial, Helvetica, Sans; } /* Estilo para destacado */ .txt-pvp-des { color:#333333; font-size:14px; font-family:Arial, Helvetica, Sans;} /* Estilo para precio destacado */ .err { margin:0px 0px 5px 0px; color:#cc0000; text-align:center;} /* Estilo para errores */ .dir { color:#000000; font-size:11px; font-family:Arial, Helvetica, Sans;} /* Estilo para texto de direccion*/ .claim { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; }/* Titulo de bienvenida general, le acompana caj-claim */ .claim-f1 { color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans;}/* Titulo bienvenida, le acompana caj-claim */ .claim-txt { color:#332F3E; font-size:11px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto del nombre en el claim */ .ayu { color:#ffffff; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, Sans;} /* Estilo para el telefono */ .may { text-transform:uppercase;}/* Estilo para poner textos en mayusculas*/ .peq { font-size:10px;}/* Estilo para textos pequenos*/ .neg { font-weight:bold;} /* Estilo para texto en negrita */ .esp {} /* Estilos especiales de color, indicar donde se usa y porque */ .ndts {} /* Estilo que indica que no hay resultados en listados. */ /* ESTILOS PARA EL CUERPO */ .cpo { color:#333333; } .cpo ul { margin:5px 0px 5px 10px; padding:0px; } .cpo li { margin:0px; padding:0px; list-style-type:none; padding-left:7px; color:#333333; font-size:11px; font-family:Arial, Helvetica, Sans; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 5px no-repeat; } .cpo p { margin:5px 0px 5px 20px; } .cpo a { font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:underline;} /* ESTILOS PARA IMAGENES */ .img-cm { border:1px solid #8A8A8A; } /* Estilo para imagenes con marcos */ .img-dch { float: right; padding:0px 0px 10px 0px;} /* Estilos para imagenes que flotan a la derecha */ .img-dch div { padding:2px 0px 0px 0px; font-size:11px;} .img-izq { float: left; margin:0px 10px 0px 0px; color:#8E8E8E; border:1px solid #8A8A8A;} /* Estilos para imagenes que flotan a la izquierda */ .img-izq-padd { padding:0px 10px 0px 20px; } .img-det { width:210px;} /* Ancho para detalle de imagenes */ .img-lst { width:112px;} /* Ancho para listado de imagenes */ .img-cat { width:115px;} /* Ancho para listado y detalle de catalogo */ .img-dec { width:225px;} /* Ancho para imagen decoracion en contenido destacado */ .img-pie-izq { clear:both; float:left; padding:0px 5px 0px 0px; text-align:right; color:#8E8E8E; } /* ESTILOS PARA ENLACES */ a { font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none;} /* Enlaces en general */ a.enl { padding-left:10px; font-size:11px; color:#5274BC; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat; }/* Estilo para enlace */ a.enl-f1 { font-size:11px; color:#000000; font-family:Arial, Helvetica, Sans; text-decoration:none; }/* Estilo para enlace en negro */ a.enl-pq { font-size:10px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Enlaces pequeños */ a.enl-lst { color:#333333; text-decoration:none;} a.enl-mas { padding-left:20px; width:11px; height:14px; font-size:11px; color:#5274BC; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_cuadrado.gif) 0px 2px no-repeat; } /* Enlaces mas informacion */ a.enl-amp { font-size:11px; color:#777777; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Enlaces ampliar foto */ a.enl-pdf { padding:5px 0px 5px 22px; width:11px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/ico_pdf.gif) 0px 0px no-repeat; } /* Enlaces pdf */ a.enl-des { padding-left:8px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat;}/* Enlaces destacados */ a.enl-des-f1 { color:#5770CA; font-size:12px; font-family:Arial, Helvetica, Sans; font-weight:bold; text-decoration:none;}/* Enlace para detalle del producto */ a.enl-email { color:#5770CA; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none;}/* Enlace texto de email */ a.enl-brr { float:left; margin-left:5px; padding:5px 0px 10px 22px; width:15px; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/ico_borrar.gif) 0px 0px no-repeat; } /* Enlaces eliminar o borrar */ a.enl-btn { display:block; margin-left:10px; padding:2px 5px 0px 0px; width:140px; height:19px; font-size:11px; color:#393939; border-bottom:1px solid #ccc; font-weight:bold; text-decoration:underline; text-align:center; background:url(/MODULOS/global/publico/interfaces/img/usu/btn_med.gif) no-repeat; text-decoration:none;}/* Enlace que simula un boton*/ /* ESTILOS PARA ALTURAS DE LINEA */ .ln-alt-f1 { line-height:18px;} .ln-alt-f2 { line-height:20px;} /* ESTILOS PARA FLOTAR Y ALINEAR */ .flo-izq { float: left; } .flo-dch { float: right; } .ali-izq { text-align: left; } .ali-dch { text-align: right; } .ali-cen { text-align: center; } .ali-top { vertical-align: top; } .ali-btt { vertical-align: bottom; } .ali-med { vertical-align: middle; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padd-form { padding: 10px 0px 10px 40px;}/* Padding utilizado en formulario*/ .padd-top { padding: 10px 0px 0px 0px; } .padd-btt { padding: 0px 0px 10px 0px; } .padd-izq { padding: 0px 0px 0px 10px; } .padd-dch { padding: 0px 10px 0px 0px; } .padd-dch-f1 { padding: 0px 25px 0px 0px;} .padd-tit { padding: 10px 0px 0px 8px;}/* Padding para el titulo*/ .padd-subtit { padding: 10px 0px 0px 20px;}/* Padding para el subtitulo */ .padd-izq-f1 { padding: 0px 0px 0px 4px; } .marg-img { margin:10px 0px 0px 5px;} /* Margen para las imagenes de los detalles de oferta y compra*/ .marg-cat { margin:10px 8px;} /* Margen para contenido que sigue a categorias */ .marg-dch { margin: 0px 10px 0px 0px;} .marg-dch-f1 { margin: 0px 5px 0px 0px;} .marg-izq { margin: 0px 0px 0px 160px;} .marg-izq-f1 { margin: 0px 0px 0px 125px;} .marg-izq-f2 { margin: 0px 0px 0px 150px;} .marg-izq-f3 { margin: 0px 0px 0px 8px;} .col-padd { padding: 12px 10px 0px 18px;} .marg-btt { margin:0px 0px 10px 0px;} .marg-btt-f1 { margin:0px 0px 5px 0px;} .marg-top { margin:20px 0px 0px 0px;} .marg-top-f1 { margin:10px 0px 0px 0px;} /* ESTILOS PARA ANCHOS Y ALTURAS */ .an1 { width:150px;} .an2 { width:80px;} .an3 { width:200px;} .an4 { width:225px;} .an5 { width:70px;} .an6 { width:280px;} .an7 { width:110px;} .an8 { width:210px;} .an9 { width:500px;} .an10 { width:319px;}/*Utilizado en textareas de alta proveedores*/ .al1 { height:350px;} .al2 { height:450px;} .al3 { height:60px;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .brr { clear: both; } .ocu { display: none; } .con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .con { display:inline-block;} .con { display:block;} @media all { .con { display:block; }} /* Para Opera */ /* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */