/* * Fichero: public.css ,v1.0 22/02/2006 Ana Noemi Fernandez Martinez * * 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, Opera X * CSS 2 * Fichero public.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:11px; color:#333333; font-family:Arial, Helvetica, Sans;} /*div { height:100%; }*/ /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ /* Estructura de datos de grid globales para los esquemas: web-pre -> Caja web que engloba la pre home web -> Caja web que engloba todo pcab -> Caja precabecera cab -> Caja cabecera scab -> Caja subcabecera ctd -> Caja contenido que engloba laterales y datos dts -> Caja datos pie -> Caja pie */ #web { margin:0px auto 0px auto; width:1000px; text-align:left; background:#ffffff; border-top:8px solid #38446E;} #cab { float:left; width:799px; height:auto; background:#C2CAF1 url(/MODULOS/global/publico/interfaces/img/fdo_cab.gif) bottom left repeat-X;} #ctd { float:right; width:799px;} #lat { float:left; padding-bottom:10px; width:201px; height:auto; background:url(/MODULOS/global/publico/interfaces/img/fdo_lat.gif) top left repeat-X;} #dts { float:left; width:765px; } #pie { clear:both; width:1000px; height:58px; background:url(/MODULOS/global/publico/interfaces/img/fdo_pie.gif) top left repeat-X; text-align:center;} #cab-print { display:none;}/*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; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie .pie-padd { padding:24px 0px; } #pie .pie-padd a { padding:0px 5px; font-size:11px; color:#596ECB; text-decoration:none; background:none;} #pie .pie-padd a:hover { color:#CC0000;} .pie-f1 { width:770px; height:58px; background:url(/MODULOS/global/publico/interfaces/img/fdo_pie.gif) top left repeat-X; text-align:center;} /* pie para la home*/ .pie-f1 a {font-size:11px; color:#596ECB;}/* pie para la home*/ .pie-f1 a:hover { color:#CC0000;}/* pie para la home*/ /* ESTILOS PARA EL MENU LATERAL */ #lat .lat-padd { padding:20px 0px 0px 0px; } #lat h1 { margin:0px; padding: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-int-padd-f1 { padding:10px 5px 20px 25px; width:765px; height:auto;} /* Padding para caja datos de las interiores */ #dts .dts-int-padd-f2 { padding:0px 0px 20px 28px; width:771px; _width:761px;} /* Padding para busqueda avanzada*/ #dts .dts-c1 { float:left; width:100%; text-align:left;} /* Columna utilizada para catalogo sin menu lateral */ #dts .dts-c2 { float:right; width:535px; 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 */ .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 a:hover { color:#CC0000; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/flecha_menu.gif) 0px 5px no-repeat; } .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; } .men-3n ul li.act a:hover { color:#CCC000; 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 */ ul.lst-rel li a:hover { color:#cc0000; text-decoration:underline; } /* 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 2px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Enlaces pdf */ ul.lst-doc li a:hover { color:#CC0000; text-decoration:underline; } ul.lst-doc li a img { vertical-align:middle;} ul.lst-doc li a img:hover { text-decoration:none; }/*Enlace para la imagen*/ /* Listados para boletines */ ul.lst-bol { margin:0px 0px 10px 0px; padding:0px; border-top: 1px solid #B6B6B6; } ul.lst-bol li { list-style-type:none; padding:10px 0px 10px 9px; float:left; width:100%; border-bottom:1px solid #B6B6B6; } ul.lst-bol li a { 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 */ ul.lst-bol li a img { vertical-align: middle; } ul.lst-bol li a:hover { color:#CC0000; text-decoration:underline; } /* 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; } /* Enlaces pdf */ ul.lst-doc-f1 li a:hover { color:#CC0000; text-decoration:underline; } /* 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; } ul.lst-url li a:hover { color:#CC0000; text-decoration:underline; } /* 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:hover { padding-left:12px; color:#C60700; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.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;} ul.lst-pro {padding:0px; margin:0px;} ul.lst-pro li { width:48%; list-style:none; float:LEFT; margin:0 0 15px 5px; background:url(/MODULOS/global/publico/interfaces/img/fdo_caja3.gif) bottom left repeat-X;} ul.lst-pro img { float:left; margin:0px 10px 0px 0px; width:115px; border:1px solid #8A8A8A; padding:0px;} ul.lst-pro p { float:right; width:230px; margin-right:10px; _width:224px;} /* 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:30%;} dl.lst-f1 dd { float:left; margin: 0px; padding:0px 0px 10px 0px; width:68%; } 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 { clear:both; float:right; margin:0px 2px 2px 0px; color:#ffffff; background-color:#38446E;} ul.nav-leng li { display:inline; float:left; margin:0px; padding:1px 5px 1px 0px; list-style-type:none; font-size:11px; color:#ffffff;} ul.nav-leng li:before { content: "| "; } ul.nav-leng li:first-child:before { content: ""; } * html ul.nav-leng li { display: block; float: left; border-left: 1px solid #949494; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }/* IE6*/ * html ul.nav-leng li:first-child { border-left: 0px; }/* IE6*/ * * /*\*/ * html ul.nav-leng li { height: 1%; } /**//* IE6*/ * + html ul.nav-leng li { border-left: 1px solid #ffffff; padding: 0px 4px; margin:1px; }/* IE7*/ * + html ul.nav-leng li:first-child { border-left: 0px; }/* IE7*/ ul.nav-leng li a { font-size:11px; color:#ffffff; text-decoration:none;} ul.nav-leng li a:hover { color:#D4DAF4;} /*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; padding-left: 18px; } /* 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;} /* 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:0px 0px; background: url(/MODULOS/global/publico/interfaces/img/fdo_cat.jpg) repeat-x; border-bottom: 1px solid #AB564F;}/* Caja para categorias de productos */ .caj-cat-f1-tit { color:#ffffff; font-family:Arial, Helvetica,Sans; font-weight: bold; padding:1px 5px 2px 5px; background: url(/MODULOS/global/publico/interfaces/img/fondo_cat_catalogo.jpg) repeat-x;}/*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; background:url(/MODULOS/global/publico/interfaces/img/fdo_caja3.gif) bottom left repeat-X;}/* 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:700px; 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 { float:left; width:100%; background-color:#38446E;}/*Caja para navegacion por idiomas*/ .caj-alt {height:50px;} .caj-cat-top { background: url(/MODULOS/global/publico/interfaces/img/top_catalogo.jpg) no-repeat;) width:771px; height:150px;} /* 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%; } .col2f1-p1 {width: 50%; float:left;} .col2f1-p2 {width: 50%; float:right;} /* 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:hover { color:#CC0000; text-decoration:none; } .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.ini:hover { color:#CC0000; text-decoration:underline;} .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.ant:hover { color:#CC0000; text-decoration:underline;} .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.fin:hover { color:#CC0000; text-decoration:underline; } .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 a.sig:hover { color:#CC0000; text-decoration:underline; } .pag .ley { color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo de la leyenda de paginacion */ .pag .ley strong { } .pag .res { } /* Estilo el texto de resultados */ .pag .act { color:#CC0000; text-decoration:none; } /* Estilo que indica la pagina en la que estamos */ .pag .act strong { } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* Barra de opciones navegacion inferior */ .nav-btt { float:right; margin:10px 0px 20px 0px; height:auto; text-align:right; } .nav-btt a { padding-left:10px; font-size:11px; color:#8D8D8D; font-family:Arial, Helvetica, Sans; text-decoration:none; }/* Estilo para enlace en negro */ .nav-btt a:hover { color:#cc0000; text-decoration:none;} /* Navegacion de idiomas */ ul.nav { margin:7px 6px 0px 4px; padding:7px; background-color:#AEBAE8;} ul.nav a { color: #FFF; } ul.nav li { list-style-type:none;padding:0px 0px 5px 25px; } ul.nav li.nav-opc1 { background:url(/MODULOS/global/publico/interfaces/img/espana.gif) 0px 0px no-repeat;} ul.nav li.nav-opc2 { background:url(/MODULOS/global/publico/interfaces/img/pais_vasco.gif) 0px 0px no-repeat;} ul.nav li.nav-opc3 { background:url(/MODULOS/global/publico/interfaces/img/uk.gif) 0px 0px no-repeat;} ul.nav li a:hover { text-decoration:underline;} /* ESTILOS PARA BREADCRUMS GENERALES */ .bdc { margin:0px 0px 10px 0px; color:#777777; font-size:11px; font-family:Arial, Helvetica, Sans; } .bdc strong { color:#333333; font-size:11px; } .bdc a { color:#4B73CA; font-size:11px; text-decoration:none; } .bdc a:hover { color:#CC0000; text-decoration:none;} /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario general */ .form { margin:0px; padding:0px;} .form fieldset { margin:0px; padding:0px; border:none;} .form fieldset legend { display:none; } .form legend { display:none; } .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:179px; height:28px; 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:disabled { } /* 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:right; 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;} /* 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 */ .txt-f3 { margin: 4px 4px 4px 4px; padding: 3px 0px 0px 0px; color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto con margenes */ .txt-f4 { color:#000000; font-size:15px; font-family:Arial, Helvetica, Sans;} /* Estilo de texto formato 1 */ .ant-tit { color:#8E8648; font-size:11px; font-family:Arial, Helvetica, Sans; } /* Estilo para el antetitulo*/ .ent { color:#323232; font-size:11px; font-family:Arial, Helvetica, Sans; font-weight:bold; } /* Estilo para la entradilla */ .des { color:#333333; font-size:14px; 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 { padding:5px 0px 5px 15px; color:#000000; font-size:12px; font-family:Arial, Helvetica, Sans; text-align:left; background:url(/MODULOS/global/publico/interfaces/img/bullet_flecha.gif) 5px 12px no-repeat; } /* 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-f4 { color:#343434; font-size:14px; font-family:Arial, Helvetica, Sans; font-weight:bold;} /* Titulo de ofertas*/ .tit-ico { float:left; margin:2px 0px 0px 5px; padding:2px 0px 2px 27px; 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-cat-f1 { color:#3A4475; font-size:14px; font-family:Arial, Helvetica, Sans; font-weight:bold;} /*texto procesos catalogo*/ .tit-cat-f2 { color:#3A4475; font-size:11px; font-family:Arial, Helvetica, Sans; padding: 15px 0px 0px 0px;} /*texto procesos catalogo*/ .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 20px 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:13px; font-family:Arial, Helvetica, Sans; font-weight:normal;} .pvp-des { color:#CC0000; font-size:14px; font-family:Arial, Helvetica, Sans; font-weight:bold; } /* 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. */ .txt-dtsp { padding: 0px 3px 0px 3px; color:#C40403; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, Sans; background:#D6D2AD; } .fnd { padding: 3px 3px 3px 3px; background: #F2F2ED;} /* 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 0px; } .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:hover { font-size:11px; color:#580000; text-decoration:none;} 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:hover { padding-left:10px; color:#CC0000; text-decoration:none;} a.enl-f1 { font-size:11px; color:#000000; font-family:Arial, Helvetica, Sans; text-decoration:none; }/* Estilo para enlace en negro */ a.enl-f1:hover { font-size:11px; color:#cc0000; text-decoration:underline;} a.enl-pq { font-size:10px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Enlaces pequeños */ a.enl-pq:hover { font-size:10px; color:#580000; text-decoration:none; } a.enl-lst { color:#333333; text-decoration:none;} a.enl-lst:hover { text-decoration:underline; } 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-mas:hover { font-size:11px; color:#CC0000; text-decoration:none; } a.enl-amp { font-size:11px; color:#777777; font-family:Arial, Helvetica, Sans; text-decoration:none; } /* Enlaces ampliar foto */ a.enl-amp:hover { font-size:11px; color:#CC0000; text-decoration:none; } .enl-btn { padding-left:15px; color:#ffffff; font-size:11px; font-weight:bold; text-decoration:underline; cursor:pointer;} /* Enlace para botones */ 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-pdf:hover { color:#CC0000; text-decoration:underline; } a.enl-des { padding-left:8px; font-size:11px; color:#CC0000; font-family:Arial, Helvetica, Sans; text-decoration:underline; background:url(/MODULOS/global/publico/interfaces/img/bullet_triangular.gif) 0px 4px no-repeat;}/* Enlaces destacados */ a.enl-des:hover { font-size:11px; color:#cc0000; text-decoration:underline; } 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-des-f1:hover { font-size:12px; color:#cc0000; text-decoration:underline; } a.enl-email { color:#5770CA; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none;}/* Enlace texto de email */ a.enl-email:hover { font-size:11px; color:#cc0000; text-decoration:underline; } 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-brr:hover { text-decoration:none; } a.enl-bsc {color:#5770CA; font-size:12px; font-family:Arial, Helvetica, Sans; font-weight:bold; text-decoration:none;}/* Enlace para buscador */ a.enl-bsc-f2 {color:#D40001; font-size:11px; font-family:Arial, Helvetica, Sans; text-decoration:none;}/* Enlace para buscador */ /* ESTILOS DE ICONOS PARA TITULOS */ /* Nota: Va con el estilo .tit-ico */ .ico-news { background:url(/MODULOS/global/publico/interfaces/img/ico_noticias.gif) 0px 0px no-repeat;} /* Icono de noticias */ .ico-not { background:url(/MODULOS/global/publico/interfaces/img/ico_notas.gif) 0px 0px no-repeat;} /* Icono de notas, notificaciones */ .ico-ped { background:url(/MODULOS/global/publico/interfaces/img/ico_pedidos.gif) 0px 0px no-repeat;} /* Icono de pedidos */ .ico-eve { background:url(/MODULOS/global/publico/interfaces/img/ico_eventos.gif) 0px 0px no-repeat;} /* Icono de eventos */ /* ESTILOS PARA LA LINEAS */ .lin-f1 {} /* 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;} .marg-f1 { margin: 10px 0 0 5px;} .pad-izq-f3 { margin: 20px 0px 0px 130px;} .pad-izq-f4 ul { margin: 0px 2px ; padding: 0px; list-style-type:none; } .pad-izq-f4 li { /*margin: 0px 0px 0px 0px;*/} .pad-izq-f4 { margin: 0px 0px 0px 130px;} /* 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*/ .an11 { width:240px;} .an12 { width:750px;} .al1 { height:350px;} .al2 { height:450px;} .al3 { height:60px;} /* DIV CONTENEDOR DE LAS FOTOS DEL EQUIPO */ .fotoEquipo { width: 100%; height: 100%; background-color: #FFF; } /* 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 */ .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */