/* CSS - www.mundogar.com - A. CASTANON 20/07/2005 -----------------------------------------------------------------------------------------*/ /* GENERALES -----------------------------------------------------------------------------------------*/ body {MARGIN-TOP: 0px; MARGIN-LEFT: 0px; BACKGROUND-COLOR: #ffffff} body, td, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px} a {text-decoration: underline; color: #0066CC} a:visited {color: #551A8B} a:hover {color: #FF6600} input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; vertical-align: middle} form {margin: 0px; padding: 0px} h1 {margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 30px; font-weight: bold} h2, .titulo {font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #000000; margin: 0px 0px 5px 0px} h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; font-weight: bold; margin: 0px 0px 5px 0px} h4, .titulo02 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF6600; margin: 0px; margin: 0px} h5 {margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; font-weight: bold; color: #000000} h6 {margin: 0px 0px 0px 0px; padding: 0px; font-size: 11px; font-weight: bold; color: #000000} hr {margin: 5px 0px 5px 0px; text-decoration: none; border: #CCCCCC dashed; height: 1px; border-width: 1px 0px 0px} ul {list-style: none; margin: 0px} li {background: url(/images/latienda/bullet_gris_4x4.gif) no-repeat 0px 1px; margin: 0px 0px 10px 0px} .comprar input {font-family: Arial, Helvetica, sans-serif; background-color: #FF0000; border-color: #A80101; font-size: 12px; color: #FFFFFF; font-weight: bold; border-style: solid} .comprar_proceso input {font-family: Arial, Helvetica, sans-serif; background-color: #FF0000; border-color: #A80101; font-size: 20px; color: #FFFFFF; font-weight: bold; border-style: solid} /* LAYOUT -----------------------------------------------------------------------------------------*/ #pagina {margin-left: 5px; margin-right: 0px; position: relative; width: 765px} #cabecera {WIDTH: 765px; POSITION: relative; margin-bottom: 5px} #bizquierda {WIDTH: 140px; float: left} #contenido {WIDTH: 452px; POSITION: relative; float: left; margin-left: 15px} #producto {WIDTH: 607px; float: left; margin-left: 15px} #proceso {WIDTH: 765px; POSITION: relative; margin: 15px 0px 15px 0px} #bderecha {WIDTH: 140px; margin-left: 15px; float: left} #piepagina {WIDTH: 765px; POSITION: relative; clear: left; text-align: center; margin: 45px 0px 0px 0px} /* CABECERA -----------------------------------------------------------------------------------------*/ .caja_cabecera {border: 1px #669900 solid; margin-top: 10px; background-image: url(/images/latienda/fondo_cabecera.jpg)} .adlink {padding: 5px; background: #F5F1E9; vertical-align: middle; text-align: center} .cab_publicidad {background-image: url(/images/latienda/cab_publicidad_fondo.gif); background-repeat: no-repeat} .path {border: solid; border-width: 0px 0px 1px; border-color: #CCCCCC; height: 21px} .path_cobranded {border: dashed; border-width: 0px 0px 1px; border-color: #CCCCCC; height: 21px} .ayuda {margin: 5px 5px 0px 5px; color: #FFFFFF; font-size: 10px} /* BARRA IZQUIERDA -----------------------------------------------------------------------------------------*/ #ofertas ul, #subcategorias ul {margin-left: -2px} #ofertas li, #subcategorias li {font-size: 10px; padding: 0px 0px 0px 12px; margin: 0px 0px 5px 0px} #categorias ul {padding: 0px; margin: 0px} #categorias li {background-image: none; padding: 4px 0px 4px 10px; margin: 0px; border: solid; border-width: 0px 0px 1px 0px; border-color: #CCCCCC; font-weight: bold} .caja_SAC {background-image: url(/images/latienda/fondo_atencion_cliente_01.jpg); background-repeat: no-repeat; background-position: 10px; padding: 10px; height: 59px} /* BARRA DERECHA -----------------------------------------------------------------------------------------*/ .publicidad {text-align: center; background: #F5F1E9; padding: 10px} .texto_publicidad {font-size: 10px; color: #999999;text-align: left} #bderecha .imagen_producto {text-align: center} #mas_vendidos ol {padding-left: 20px; margin: 0px} #mas_vendidos li {background-image: none; font-size: 10px; padding: 0px 0px 5px 0px; margin: 0px} #novedades ul {list-style-type: none; padding: 0px; margin-left: 0px} #novedades li {background: url(/images/latienda/bullet_gris_4x4.gif) no-repeat 0px 1px; font-size: 10px; padding-left: 13px; padding-bottom: 3px; margin-left: 0px} /* PIE -----------------------------------------------------------------------------------------*/ .fondo_pie {background: #F5F1E9; padding: 10px; font-size: 10px} #piepagina .cajagris {padding: 5px; border: solid; border-width: 1px; border-color: #CCCCCC} /* HOME -----------------------------------------------------------------------------------------*/ #categorias_home a {line-height: 150%} .links_categorias {padding: 0px 0px 20px 0px} /* FICHA PRODUCTO -----------------------------------------------------------------------------------------*/ #zona1 {WIDTH: 200px; POSITION: relative; float: left; margin-right: 10px; text-align: center} #zona2 {WIDTH: 397px; POSITION: relative; float: left} #zona21 {POSITION: relative; float: left; margin-right: 10px} #zona22 {width: 120px; POSITION: relative; float: left; margin: 0px; padding: 0px } #ficha {clear: left; width: 607px; padding-top: 15px} #ficha h6 {color: #FF6600; font-size: 11px; margin: 0px; padding: 0px} .precio_anterior {text-decoration: line-through} #foto_nombre .precio_especial {font-weight: bold; font-size: 10px; color: #FF0000} #foto_nombre .precio_producto {margin-right: 10px; font-weight: bold; font-size: 25px; color: #FF0000; font-family: Arial, Helvetica, sans-serif} #menu_caracteristicas {clear: left} #caracteristicas li {padding: 0px 0px 0px 10px} #menu_caracteristicas .linea_base {width: 100%; height: 25px; background-image: url(/images/latienda/fondo_linea_ficha01.gif); background-repeat: repeat; background-position: 0px 0px} #menu_caracteristicas .menu1,.menu2 {float: left; margin-right: 4px; padding: 4px; border: solid; border-width: 1px 1px 0px 1px; border-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold} DIV.menu1 a #caracteristicas .cajagris {padding: 5px} .texto_ficha {width:100%; padding: 10px; border: solid; border-width: 0px 1px 1px 1px; border-color: #CCCCCC} #caracteristicas .info {font-weight: bold; margin-top:10px} #consejos_ficha {width: 610px; padding: 30px 0px 30px 0px} #consejos_ficha .float {float: left; width: 33%} #consejos_ficha .imagen {float: left; margin: 2px 10px 0px 2px} #consejos_ficha p a {float: left; font-weight: bold; font-size: 10px} #MOrecomienda {clear: left} #MOrecomienda p {margin: 2px 3px 0px 0px} #MOrecomienda .separador {float: left; width: 30px} #MOrecomienda .imagen_izquierda {float: left; margin-right:10px} #newsletter {clear:left} #newsletter .form {width: 100%; font-weight: bold; text-align: center} #packs table {width: 95%;} #packs .packs1 {font-weight: bold; border: solid; border-width: 0px 0px 1px 0px; border-color: #CCCCCC} .precio_pack, .si {font-weight: bold; color: #FF0000} .modulo_Comunicacion {width: 100%;border: solid; border-width: 3px; border-color: #CCCCCC} .modulo_Comunicacion2 {border: solid; border-width: 1px; border-color: #666666} .tabla_precios {margin: 10px 0px 10px 0px} .tr_tabla_precios1, .tr_tabla_precios2 {padding: 5px 10px 5px 0px; font-size: 12px} .tr_tabla_precios2 {font-weight: bold; color: #FF0000} .caja_financiacion, .caja_reserva {width: 215px;padding: 7px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .caja_financiacion {margin-top: 10px} .caja_reserva {border: dashed; border-width: 1px; margin-bottom: 10px} .zona_regalo {margin: 0px; padding: 2px; border: solid; border-width: 2px; border-color: #FF0000; text-align: center} .importeregalo {font-family: Arial; font-size: 15px; font-weight: bold; color: #FF0000} /* CESTA COMPRA -----------------------------------------------------------------------------------------*/ .fondocesta1, .fondocesta2, .fondocesta3 {padding: 3px; border: solid; border-width: 1px 0px 1px 0px; border-color: #666666; background-color: #999999; color: #FFFFFF; font-weight: bold; font-size: 10px} .fondocesta2 {border-width: 1px 0px 1px 1px; width: 95px; font-size: 10px} .fondocesta3 {border-width: 1px 1px 1px 0px; font-size: 10px} .fondocesta4, .fondocesta7 {padding: 5px} .fondocesta5, .fondocesta6 {border: solid; border-width: 1px 0px 0px 0px; border-color: #CCCCCC} .fondocesta6 {border-width: 0px 0px 1px 0px} #proceso h4 h2 {margin: 0px} #proceso .float1 {float: left; width: 400px} #proceso .float2 {float: right; width: 300px} #proceso .float3, .float4 {float: left; width: 50%} #errores_identificacion {margin-top:20px} #proceso .caja_id, #proceso .titulo {padding: 5px; border: solid; border-width: 1px 1px 1px 1px; border-color: #666666} #proceso .titulo {background-color: #999999; border-width: 1px 1px 0px 1px; font-weight: bold; color: #FFFFFF; font-size: 13px} #proceso .botones {padding: 15px 0px 15px 0px; width:100%; text-align: center} #atencion_cliente {width:100%; text-align: center} .financiacion_cesta {padding: 5px; background-color: #EFEFEF} #error {padding: 5px; font-size: 12px; color: #FFFFFF; font-weight: bold; background-image: url(/images/latienda/fondo_error_cesta_02.gif); text-align: center; line-height: 150%} #errores_identificacion li {background: url(/images/latienda/bullet_gris_4x4.gif) no-repeat 0px 0px; margin: 0px 0px 0px 10px; padding-left: 10px} /* PROCESO COMPRA -----------------------------------------------------------------------------------------*/ #proceso {font-size: 12px} #proceso p {margin: 0px; font-size: 11px} #proceso h5 {color: #FF6600; margin-left: 3px} #proceso h6 {margin: 0px; font-size: 13px} #proceso .boton_compra {width:100%; text-align: center} #proceso .fondo_h5 {background-color:#EFEFEF} .datos {width: 100%} .datos_envio {width: 100%; clear: left} .ancho1 {margin-right: 50px} .ancho2, .ancho1 {float: left; width: 300px} td.forma_pago {border: solid; border-width: 1px 0px 0px 0px; border-color: #CCCCCC} .transferencia {padding:15px; width: 100%; background-color:#EFEFEF} .bancos {margin-top: 10px; padding:10px; width: 100%; background-color:#FFFFFF} .altura1 {height:20px; width: 80px} #menu_final {font-size: 11px; width: 100%; clear: left} #menu_final ul {margin: 0px 0px 0px 20px; list-style-type: square} #menu_final li {padding: 0px 0px 10px 0px; background: none} #menu .sac {width: 100%; margin-top: 300px} /* AYUDA -----------------------------------------------------------------------------------------*/ #ayuda h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; margin: 0px 0px 5px 0px} #ayuda h3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FF6600; font-weight: bold; margin: 0px} #ayuda p {margin: 0px 0px 15px 0px} #ayuda hr {margin: 0px} #ayuda .menu1 {font-size: 14px; font-weight: bold} #ayuda li {background: url(/images/latienda/bullet_gris_4x4.gif) no-repeat 0px 0px; margin: 0px 0px 0px 10px; padding-left: 10px} #ol_ayuda li {background-image: none; padding: 0px} .subir {padding-bottom: 30px; text-align: right} /* CLUB MUNDOGAR -----------------------------------------------------------------------------------------*/ #caja_pedidos {width:100%; padding: 5px; border: #CCCCCC dashed 1px} #caja_pedidos hr {margin: 0px; border: #CCCCCC dashed; height: 1px; border-width: 1px 0px 0px} #caja_pedidos h2 {font-size: 20px} .blanco {background-image: url(/images/latienda/fondo_pago_pendiente_micuenta_02.gif); background-repeat: no-repeat; height: 27px} #suscripcion {clear: left} #sus1 {width: 45px; float: left} #sus2 {float: left} #usuarionuevo li {padding: 0px 0px 0px 10px; margin: 3px} /* -----------------------------------------------------------------------------------------*/ .help {border-bottom: 1px dotted #333;cursor: help} .activo {background: #C5DBFD; font-weight: bold} .boton {background-color:#EFEFEF; margin: 5px 0px 5px 0px; padding: 0px; font-size: 11px} .texto1, .caja_pie, .r10, .b10 {font-size: 10px} .texto2 {font-size: 13px} .texto3 {font-size: 20px} .b10 {color: #FFFFFF} .b10:visited {color: #A3C081} .b10:hover {color: #FF6600} .negrita {font-weight: bold} #foto_nombre .descuento {font-weight: bold} .r10, .r {color: #FF0000} .producto_listado {font-size: 12px; color: #0066CC; font-weight: bold} .cajagris {padding: 0px; border: solid; border-width: 1px;border-color: #CCCCCC} .cajagris_pie {margin-bottom: 20px; padding: 5px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .interior_caja {margin: 0px; padding: 6px} .interior_caja_texto {margin: 0px; padding: 5px 5px 5px 5px} .titulos {padding-left: 15px; border: solid; border-width: 1px 1px 0px 1px; border-color: #CCCCCC; background: #F5F1E9} .cajagris1 {width: 100%;padding: 15px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .cajagris2, .cajagris6 {padding: 5px; margin: 0px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .cajagris3, .cajagris4 {float: left; width: 320px;padding: 5px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .cajagris4 {float: right} .cajagris5 {width: 100%; padding: 5px; border: solid; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .cajagris6 {width: 340px} .cajagris_lineas {padding: 5px; border: dashed; border-width: 1px; border-color: #CCCCCC; font-size: 10px} .cajaroja1 {padding: 2px; border: solid; border-width: 1px; border-color: #FF0000; font-size: 12px} .tabla_datos {padding: 2px; margin: 0px} .caja_cesta1 .caja_cesta2 {height: 36px; background: #F5F1E9; padding: 1px; font-size: 10px; border: solid; border-width: 1px; border-color: #CCCCCC} .caja_buscador {width: 452px; height: 36px; float: left; background: #F5F1E9; padding: 2px; font-size: 11px; font-weight: bold; border: solid; border-width: 1px; border-color: #CCCCCC; vertical-align: middle; text-align: center} .separador0 {margin-top: 5px} .separador1 {margin-top: 10px} .separador2 {margin-top: 15px} .separador3 {margin-top: 20px} .separador4 {margin-top: 50px} .separador5 {margin-top: 70px} .separador1_linea {margin: 0px; padding: 0px; text-decoration: none; border: #CCCCCC solid; height: 1px; border-width: 1px 0px 0px 0px} li.categorias {border-color: #CCCCCC; border-style: solid; border-width: 0px 0px 1px 0px; list-style-type: none} .tit_producto_recomendado {background: #0066CC; padding: 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; border: solid; border-width: 1px 1px 0px 1px; border-color: #003399} .producto_recomendado {padding: 3px; border: solid; border-width: 0px 1px 1px 1px; border-color: #003399} .izquierda {text-align: left; width: 100%} .precio_listado, .precio_recomendado {font-size: 14px; color: #FF0000; font-weight: bold} .precio_listado_tachado {text-decoration: line-through; font-weight: normal; color: #000000} .precio_listado_ptas {font-size: 10px; color: #666666; font-weight: bold} #contenido input {margin: 5px 0px 5px 0px} .LIQUIDACIONES {padding-left: 15px; border: solid; border-width: 1px 1px 0px 1px; border-color: #CCCCCC; background: #FF0000} #MOliquidaciones h4 {color: #FFFFFF} #contenido td {vertical-align: top} .imagen_izquierda {float: left} .fondo_tabla_listado {margin: 10px 0px 5px 0px; background: #F5F2ED; padding: 2px; border: solid; border-width: 0px 0px 1px 0px; border-color: #CCCCCC; font-weight: bold} .zona_precio_recomendado {margin: 0px} .precio_recomendado {margin: 0px 0px 0px 0px; vertical-align: middle} .paginacion {text-align: center} .pagina_activa {color: #FF6600; font-weight: bold} .tabla_especiales {vertical-align: middle} #tablas td {vertical-align: middle} .paso1 {color: #B2B2B2} .paso2 {font-weight: bold} .resultado_buscador {padding: 0px 0px 10px 0px; border: solid; border-width: 0px 0px 1px 0px; border-color: #CCCCCC; font-size: 12px} .nombre_oferta {margin-right: 15px; font-family: Arial, Helvetica, sans-serif; color: #FF6600; font-size: 20px; font-weight: bold} .precio_oferta {margin-right: 15px; font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 40px; font-weight: bold} .suscripcion_news1 {background-image: url(/images/latienda/fondo_suscripcion_newsletter.gif); background-repeat: no-repeat} .suscripcion_news2 {width: 440px; text-align: center} .derecha {width: 500px; text-align: right} .derecha_ayuda {width: 100%; text-align: right} .tresproductos {border: dashed; border-width: 0px 1px 1px 0px; border-color: #CCCCCC} .tresproductos2 {border: dashed; border-width: 0px 1px 0px 0px; border-color: #CCCCCC} .tresproductos3 {border: dashed; border-width: 0px 0px 1px 0px; border-color: #CCCCCC} .ultimos_productos {border: solid; border-width: 3px; border-color: #E5E5E5; margin: 0px; padding: 5px} #caja_id2 td {vertical-align: middle} .titulo {font-weight: bold} .hrsinmargen {padding: 0px; margin: 0px; text-decoration: none; border: #CCCCCC dashed; height: 1px; border-width: 1px 0px 0px} #tablas li {background: url(/images/latienda/bullet_gris_4x4.gif) no-repeat 0px 0px; margin: 0px; padding-left: 10px}