/* Estilos Productos_IKEA */ /* estilo "contPpal" general engloba a "contIzq" general izquierdo, "contDer" general derecho. Crean las dos columnas principales*/ .contPpal {width:900px;} .contIzq {float:left; width:200px;} .contDer {float:left; width:700px;} .float {float:left;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX boton deslizante XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ a.button {/* Sliding right image */background: transparent url(../images/button_blue_right.gif) no-repeat scroll top right; display: block; float:left; height:22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:6px; padding-right:10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color:#fff; font-family: Verdana, sans-serif; font-size:12px; font-weight:bold;} a.button span {/* Background left image */ background: transparent url(../images/button_blue_left.gif) no-repeat; display:block; line-height:10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding:6px 10px 6px 18px;} a.button:hover {background:transparent url(../images/button_blue_right_hover.gif) no-repeat scroll top right;} a.button:hover span {background:transparent url(../images/button_blue_left_hover.gif) no-repeat;} a.button:link, a.button:active, a.button:visited{color:#fff; text-decoration:none;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX boton deslizante doble linea texto XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ a.button2 { /* Sliding right image */ background: transparent url(../images/button2_blue_right.gif) no-repeat scroll top right; display: block; float:left; height:32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:6px; padding-right:10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color:#fff; font-family: Verdana, sans-serif; font-size:11px; font-weight:bold; text-align:center;} a.button2 span {/* Background left image */ background: transparent url(../images/button2_blue_left.gif) no-repeat; display:block; line-height:11px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding:4px 10px 5px 18px;} a.button2:hover {background:transparent url(../images/button2_blue_right_hover.gif) no-repeat scroll top right;} a.button2:hover span {background:transparent url(../images/button2_blue_left_hover.gif) no-repeat;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX segundo boton azul XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ a.botonAzul {/* Sliding right image */background: transparent url(../images/button_blue_right.gif) no-repeat scroll top right; display: block; float:left; height:22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:6px; padding-right:10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color:#fff; font-family: Verdana, sans-serif; font-size:12px; font-weight:bold;} a.botonAzul span {/* Background left image */ background: transparent url(../images/button_blue_left.gif) no-repeat; display:block; line-height:10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding:6px 10px 6px 18px;} a.botonAzul:hover {background:transparent url(../images/button_blue_right_hover.gif) no-repeat scroll top right;} a.botonAzul:hover span {background:transparent url(../images/button_blue_left_hover.gif) no-repeat;} a.botonAzul:link, a.botonAzul:active, a.botonAzul:visited{color:#fff;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX mismo boton en verde XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ a.buttonVerde {/* Sliding right image */background: transparent url(../images/button_green_right.gif) no-repeat scroll top right; display: block; float:left; height:22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:6px; padding-right:10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color:#fff; font-family: Verdana, sans-serif; font-size:12px; font-weight:bold;} a.buttonVerde span {/* Background left image */ background: transparent url(../images/button_green_left.gif) no-repeat; display:block; line-height:10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding:6px 10px 6px 18px;} a.buttonVerde:hover {background:transparent url(../images/button_green_right_hover.gif) no-repeat scroll top right;} a.buttonVerde:hover span {background:transparent url(../images/button_green_left_hover.gif) no-repeat;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX mismo botón en rojo XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ a.buttonRojo {/* Sliding right image */background: transparent url(../images/button_red_right.gif) no-repeat scroll top right; display: block; float:left; height:22px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right:6px; padding-right:7px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color:#fff; font-family: Verdana, sans-serif; font-size:12px; font-weight:bold;} a.buttonRojo span {/* Background left image */ background: transparent url(../images/button_red_left.gif) no-repeat; display:block; line-height:10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */ padding:5px 7px 7px 18px; color:#fff;} a.buttonRojo:hover {background:transparent url(../images/button_red_right_hover.gif) no-repeat scroll top right;} a.buttonRojo:hover span {background:transparent url(../images/button_red_left_hover.gif) no-repeat;} a.buttonRojo:link, a.buttonRojo:active, a.buttonRojo:visited{color:#fff;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX barras XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxx*/ .fondoBarras {background:url(../images/filter_bg.gif); background-repeat:repeat-x; background-position:bottom; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; height:35px; margin:10px 0 0 10px; padding:0px 0px 8px;} .fondoBarras2 {background:url(../images/filter_bg2.gif); background-repeat:repeat-x; background-position:bottom; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; height:45px; margin:10px 0 0 10px; padding:0px 0px 8px;} .espaciador {height:10px; } .barraPaginacion {margin-left:10px; width:675px;} .barraPaginacion2 {padding:10px 0 0px 10px;} .selectOrden {margin-left:10px;} .identSeries {width:150px;} /* menu productos */ .nombreSecc {font-size:16px; font-weight:bold; border-bottom:1px solid #CCC; color:#000; padding:10px 10px 10px;} .seccionesComunes {font-size:14px; border-bottom:1px solid #CCC; padding:10px 10px 10px;} .seccionesComunes a:link, .seccionesComunes a:visited {text-decoration:none; color:#000;} .seccionesComunes a:hover, .seccionesComunes a:active {color:#FF6600;} /* Seccion estilos página principal */ .seccioContSup {width:690px; margin-left:10px;} .textopromo {padding:20px 0 10px; margin-left:10px; font-size:16px; font-weight:bold; color:#333;} .textopromo span {color:#ccc;} .seccioContMed {margin-left:10px; width:690px;} /* banners con noticias en fila de 4*/ .contenNoticias {margin:20px 0 0 10px;} /* estilos series */ .titularSeries {text-align:center;} .titularSeries h1 {font-size:22px; font-weight:normal;} /* paginador Series */ .paginador {position:relative; top:12px; left:390px; width:290px; text-align:right;} .paginador a:link, .paginador a:visited {color:#666; font-size:11px; border:1px solid #e4e4e4; background-color:#fff; padding:5px 3px;} .paginador a:hover {color:#666; text-decoration:none; font-size:11px; border:1px solid #ff6633;} .paginador a.paginaActualSeleccionada {font-weight:bold; background-color:#FF6600; color:#fff;} a.active {color:#FF6600;} .paginadorAnt {padding:0 5px;} .paginadorSig {padding:0 5px;} .paginadorAnt, .paginadorSig {color:#999; font-weight:bold; font-size:12px;} .contenedorSeries {margin:10px 0 10px 10px;} /*Contenedores Noticias y series*/ .contenPrinc {border-right:1px solid #EBE8D8;} .contenPrinc, .contenPrincSin {float:left; width:165px; height:290px; display:inline; margin:10px 5px 0 0; text-align:center;} .NoticiaSerieTitul {font-size:14px; margin-top:10px; height:40px;} .imgNotiSerie {position:relative;} .imgNotiSerie img {margin-top:5px;} .descripNotiSerie {font-size:12px; padding:5px;} .LinkNotiSerie {padding:5px;} .imgNovedad {float:left; position:absolute; left:5px; top:0px; text-align:left;} .imgNovedad img {margin:0px;} .serieLinea {float:left; width:159px; border-bottom:1px solid #EBE8D8; margin:10px 12px 5px 0; position:relative;} /* Novedad seccion */ .contenNovSup {margin-left:10px;} /* contenedor productos */ .productosCont {width:690px; margin:10px 0 0 10px;} .contenProd {border-right:1px solid #EBE8D8;} .contenProd, .contenProd2 {width:50px; float:left; width:125px; height:210px; margin:5px 10px 0 0; display:inline; position:relative;} /* height:300px; margin:5px 10px 5px 0*/ .ImgProd {position:relative; width:110px; height:110px;} .ImgProd img {width:110px; height:110px; z-index:1;} .ImgNovedadeProd {float:left; position:absolute; bottom:5px; left:5px;} .ImgNovedadeProd img {width:50px; height:14px;} .ContienePropiedadesProd {display:block; padding:5px 4px 0 4px; overflow:hidden; } .ContienePropiedadesProd h5, .ContienePropiedadesOferta h5 {font-size:11px; font-weight:bold; margin:2px 0 0 0; padding:0; height:14px; overflow:hidden;} /* Max-height y overflow: solo 1 linea de texto */ .ContienePropiedadesProd h6, .ContienePropiedadesOferta h6 {font-size:11px; font-weight:normal; margin:0; padding:0; max-height:28px; overflow:hidden;} /* Max-height y overflow: solo 2 lineas de texto */ .ContienePropiedadesProd a, .ContienePropiedadesOferta a {font-size:11px;} .precioProd a:Link, .precioProd a:visited, .precioProd a:hover, .precioProd a:active {color:#000; text-decoration:none; font-weight:bold; margin-top:5px; display:block; font-size:14px;} .precioProd_oportunidad a:Link, .precioProd_oportunidad a:visited, .precioProd_oportunidad a:hover, .precioProd_oportunidad a:active {color:#000; text-decoration:none; display:block; font-size:14px;} .precioProd_oportunidad a span {color:#CC0000; text-decoration:none; display:block; font-size:10px;} .precioProd_oportunidad_moneda a:Link, .precioProd_oportunidad_moneda a:visited, .precioProd_oportunidad_moneda a:hover, .precioProd_oportunidad_moneda a:active {color:#CC0000; text-decoration:none; font-weight:bold; display:block; font-size:14px;} .menu_izquierdo_oportunidad p, .menu_izquierdo_oportunidad p a{color:#000;} .titulo_cabecera_oportunidad{line-height:58px; font-size:28px; margin-left:145px;} .listaProd {margin:0; padding:0;} .listaProd a:Link, .listaProd a:visited, .listaProd a:hover, .listaProd a:active {background:url(../images/icon_carrito.gif) no-repeat 0% 0%; color:#000; padding:5px 0 0 30px; height:27px; display:block; font-weight:bold;} .listaProdSinImagen a:Link, .listaProdSinImagen a:visited, .listaProdSinImagen a:hover, /*.listaProdSinImagen a:active {color:#000; padding:5px 0 0 5px; height:27px; display:block; font-weight:bold;}*/ .listaProdSinImagen a:active {background:url(../images/icon_carrito.gif) no-repeat 0% 0%; color:#000; padding:5px 0 0 30px; height:27px; display:block; font-weight:bold;} .verDetalleProd a:Link, .verDetalleProd a:visited, .verDetalleProd a:hover, .verDetalleProd a:active {color:#666; margin:5px 15px 15px 0; display:block; text-align:right; font-weight:normal; font-size:12px;} .carroProd {padding:0; position: absolute; bottom:0;} .carroProd p {padding:0; margin:0;} .lineaProdInf {border-top:1px solid #EBE8D8; margin:5px 15px 0 0; float:left; width:120px;} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx detalle xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /*cambia distribucion de pagina*/ .detalleIzquierdo {width:650px; float:left;} .detalleDerecho {width:250px; float:left;} .primerBoqueDetalle {border-bottom:1px solid #EBE8D8; padding-bottom:40px; margin-right:10px;} .contDetalleImg {float:left; margin:10px 0 0 40px;} .contDetalleImg img {width:250px; height:250px;} .maximizar {border-bottom:1px solid #CCC; text-align:right; padding-bottom:5px;} .maximizar a, .maximizar a:link, .maximizar a:active, .maximizar a:visited {background:url(../images/icon_LargerView.gif) no-repeat left; padding-left:15px; color:#999; } .maximizar a:hover {color:#FF6600; text-decoration:none;} .codigProd {font-size:11px; margin:10px 0 0 0;} .codigProd span {font-weight:bold;} span.diez {font-size:10px; font-weight:normal;} .datosBasicosDet {float:left; margin-left:50px; width:320px;} .datosBasicosDet h1 {font-size:24px; font-weight:bold; margin:20px 0 0;} .datosBasicosDet h2 {font-size:35px; font-weight:bold; margin:10px 0 0; display:block;} .datosBasicosDet h2 span.unidades {font-size:17px; font-weight:bold;} .datosBasicosDet h2 span.rebajado {font-size:17px; font-weight:bold; color:#CC0000;} .datosBasicosDet h3 {font-size:14px; font-weight:normal; margin:0;} .datosBasicosDet p {margin-top:20px;} .datosBasicosDet .separador {line-height:1px; border-top:1px solid #CCC; margin-top:15px;} .datosBasicosDet .titulo {font-size:11px; font-weight:bold; margin-right:10px;} .datosBasicosDet .anchoSelect {width:200px;} .datosBasicosDet .cajaRelacion {margin-top:5px;} .notadetalle {color:#999; font-size:10px;} .descripDetalle {width:600px; margin:20px 0 0 50px;} .descripDetalle span {font-size:14px;} .contenidoDetalle {padding:10px 0px; width:600px;} .descrIzq {float:left; width:280px; position:relative; padding-right:10px;} .titularDesc {font-weight:bold; margin:10px 0; display:block;} .bordeInf, .noBordeInf {margin:10px 10px 0 0; padding-bottom:10px;} .bordeInf {border-bottom:1px dotted #CCC;} .CaractClave {padding:0 0 10px 0; list-style:none; margin:0px;} .CaractClave li {padding:3px 0;} .parDescr {margin:5px 0; padding-bottom:5px} .imagenAllen {margin:5px 0; padding:5px 0 5px 20px; background:url(../images/icon_AssemblyRequired.gif) no-repeat left;} .descrDer {float:left; width:280px; border-left:1px solid #EBE8D8; padding-left:10px;} a.linkMedidasEmb {margin:5px 0; display:block;} /*detalle derecho*/ .bordeAmarillo {border:3px solid #FFCC00;} .bordeAmarillo, .bordeGris {padding:10px; margin-top:10px;} .bordeAmarillo h3, .bordeGris h3 {font-size:16px; font-weight:normal; margin:0px 0px 10px ;} .listaMini table {width:260px; margin:10px 5px;} .listaMini td.titul {font-weight:bold; width:180px;} .listaMini td.preci {width:70px; text-align:right;} .listaMini td {border-bottom:1px solid #EBE8DB;} .bordeGris {border:3px solid #ccc; text-align:center;} .bordeAmarillo .ContenedorBoton {margin:10px 0;} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx lista compra xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ /* menu lista */ .menuLista {} .menuLista h3 {margin:0 0 5px; font-size:15px; font-weight:bold;} .PedidosVarios{background-color:#FAF9F4 ; border:1px solid #ccc; padding:8px; margin:10px 0;} .PedidosVarios p{ border-bottom:1px solid #ccc; padding:5px 0; margin:10px 0 0;} .PedidosVarios span{color:#666; font-weight:bold;} .PedidosVarios h4{font-size:12px; font-weight:bold; margin:0px; padding:0px;} .menuLista .textoMini{margin: 10px 0 10px 10px;} .menuLista .cuadroGris {background:#FAF9F4; border:1px solid #EBE8DB; width:185px; height:200px; padding:10px 0 0 10px;} .menuLista .cuadroGris h2 {font-size:16px; font-weight:normal;} .menuLista .cuadroGris input{margin-top:10px;} .menuLista .sombra{width:185px; height:6px; background:url(../images/producs_bottom_shadow.gif) repeat-x;} input.ponerProd{width:150px;} input.ponerCant{width:20px; margin-top:2px;} input.ponerProd, input.ponerCant, .cantProd input {/*border-top:2px solid #828177; border-left:2px solid #828177; border-bottom:2px solid #f9f8f3; border-right:2px solid #f9f8f3;*/} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .consultaPedido{margin-left:10px;} .nombreCliente {float:left; margin-left:10px;} .nombreCliente span {font-size:14px; font-weight:bold;text-transform:uppercase;} .nombreCliente img {margin:0 5px 0 10px; width:20px;} .desconectar {float:left; margin-left:20px;} .botonera {margin-top:10px;} .botonera ul {list-style:none; margin:0px; padding:0px; } .botonera ul li {float:left; padding:0 5px 0 0;} .numeroPedido{margin:20px 0 0 10px;} .numeroPedido span{font-size:14px; font-weight:bold; } .numeroPedido span.pagado{color:#333; /*color:#339933;*/ } .numeroPedido span.cancelado{color:#333; /*color:#cc0000;*/} .trasPedidoConfirmado .bordeContactamos {border:1px dotted #CCC; padding:10px; margin:20px 0; background-color:#F4F9FF; text-align:center; font-weight: bold;} .trasPedidoConfirmado .bordeTransferencia{width:665px; border:1px dotted #ccc; padding:10px; margin:20px 0; background-color:#f4f9ff;} .trasPedidoConfirmado .bordeTransferencia h3{padding:0px; margin:0px;} .trasPedidoConfirmado .bordeTransferencia h3 span{font-size:14px; padding:5px 0px; margin:0px; color:#cc0000;} .trasPedidoConfirmado .bordeTransferencia .parteIzq{float:left; width:320px; border-right:1px dotted #ccc; margin-top:10px; text-align:left;} .trasPedidoConfirmado .bordeTransferencia .parteder{float:right; width:330px; margin-top:10px; text-align:center;} .trasPedidoConfirmado .bordeTransferencia .parteder td{border:1px solid #ccc; padding:3px; background-color:#fff;} .trasPedidoConfirmado .bordeTransferencia .parteder th{border:1px solid #ccc; font-weight:bold; font-size:10px; background-color:#fff;} .trasPedidoConfirmado .bordeTransferencia .parteder h4{padding:0px; margin:0px 0px 5px; font-size:14px; font-weight:bold;} .barraSuperior {margin-top:20px;} .barraSuperior span.modificaPedido{margin:0 50px 0 10px; text-align:left;} .barraSuperior span.catalogo{margin-left:10px;} .barraSuperior .activarTarjeta {margin: 20px auto;} .listaProductos {margin:10px 0 0 10px; width:690px;} .listaProductos th {font-size:12px; font-weight:bold; padding-left:15px; background:#FAF9F4; border-bottom:1px solid #ccc; border-top:1px solid #ccc;} /*Barra de progreso */ .contiene_estado{padding:0px; margin:10px;} .contiene_estado .barra_estado{position:relative; height:20px; width:150px;} .contiene_estado .barra_estado .primer_estado, .contiene_estado .barra_estado .segundo_estado, .contiene_estado .barra_estado .tercer_estado, .contiene_estado .barra_estado .transicion, .contiene_estado .barra_estado .bola_transcurso{position:absolute;} .contiene_estado .barra_estado .primer_estado{z-index:3;} .contiene_estado .barra_estado .segundo_estado{z-index:3; left:67px;} .contiene_estado .barra_estado .tercer_estado{position:absolute; z-index:3; left:134px;} .contiene_estado .barra_estado .bola_transcurso{z-index:2; top:1px;} .contiene_estado .barra_estado .transicion{width:140px; background-image:url(../images/estado_gris.png); background-repeat:repeat-x; z-index:1; left:3px; top:9px;} .contiene_estado .barra_estado .transicion span{display:block; height:9px;} #leyenda{margin:5px; padding:10px 10px 5px; width:200px;} #leyenda h4.titulo_leyenda{font-size:14px; margin:0px 0px 10px; padding:0px;} #leyenda p{margin:5px 0px; padding:0px; font-size:11px;} #leyenda p img{vertical-align:middle; padding-right:10px;} /* fila superior */ .listaProductos .colProd {width:300px; text-align:left;} .listaProductos .colCant, .listaProductos .colPrecio {width:150px; text-align:center;} .listaProductos .colDisp {width:90px;} /* sombra */ .listaProductos td.sombraTabla, .listaProductos td.sombraTabla2 {height:6px; background:url(../images/producs_bottom_shadow.gif) repeat-x;} .listaProductos td.sombraTabla2 {border-top:1px solid #999;} /* linea descripción compra */ .listaProductos .prodImg {width:100px; text-align:center;} .listaProductos .descripProducCompra {padding:15px; width:200px;} .listaProductos td.prodImg {font-size:10px; color:#666} .listaProductos .cantProd, .listaProductos .PrecioTotal {width:150px; text-align:center;} .listaProductos .cantProd input {width:30px;} .listaProductos .cantProd, .listaProductos .PrecioTotal, .listaProductos .productoDisp {vertical-align:top;} .listaProductos .productoDisp {width:90px;} .listaProductos .descripProducCompra, .listaProductos .cantProd, .listaProductos .PrecioTotal, .listaProductos .prodImg, .listaProductos .productoDisp {padding:15px 0px; border-bottom:1px solid #EBE8D8;} a.producLinkTitul {font-weight:bold; vertical-align:top;} /*última fila*/ .listaProductos .mensPrecTot {padding:5px 0px 5px 10px; text-align:left; font-size:15px; font-weight:bold;vertical-align: top;} .listaProductos .totalFinal {padding:5px 60px 5px 0px; text-align:right; font-size:15px;} .listaProductos .totalFinal a {font-size:12px;} .listaProductos .IKEAfamily {padding:5px; line-height:16px;} .listaProductos .IKEAfamily span {color:#cc0000; font-weight:bold;} .listaProductos .IKEAfamily a {color:#3399FD;} .listaProductos .IKEAfamily p {text-align:center;} .listaProductos .IKEAfamily p span {text-align:center; color:#000; font-size:15px;} .listaProductos .IKEAfamily p span.ahorro {color:#CC0000; font-weight:bold;} .listaProductos .IKEAfamily p .euro {font-size:15px;} /*xxxxxxEstilos para ofertasxxxxxxxxxxxxxxxxxxxxxx*/ .ContienePropiedadesOferta {background:#CC0000; text-align:center; margin-top:10px; padding:5px; margin-right:4px; overflow:hidden;} .ContienePropiedadesOferta h5 {padding:0px; margin:0px;} .ContienePropiedadesOferta .precioProd {text-align:center; padding:0px; margin:0px;} .ContienePropiedadesOferta .precioProd a:link, .ContienePropiedadesOferta .precioProd a:visited, .ContienePropiedadesOferta .precioProd a:hover, .ContienePropiedadesOferta .precioProd a:active {color:#FFF; text-decoration:none; font-weight:bold; padding:0px; margin:5px 0 0 0; display:block; font-size:15px;} .ContienePropiedadesOferta a:link, .ContienePropiedadesOferta a:visited, .ContienePropiedadesOferta a:hover, .ContienePropiedadesOferta a:active {color:#FFF;} /*xxxxxxxxxxxxxoferta en detalle xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .datosBasicosDetoferta {float:left; margin-left:50px; padding:10px; background:#FFCC00; text-align:center; border-right:5px solid #FF0000; border-bottom:5px solid #FF0000;} .datosBasicosDetoferta h1 {font-size:14px; margin:0px; font-weight:bold; } .datosBasicosDetoferta h3 {font-size: 12px; margin:0px; font-weight:normal;} .datosBasicosDetoferta h2 {font-size:24px; margin:0px; font-weight:bold;} .datosBasicosDetoferta span {font-size:14px;} /*xxxxxxxxxxxxxoferta en lista compraxxxx*/ .listaoferta {background:#FFCC00; border-right:4px solid #FF0000; border-bottom:4px solid #FF0000; padding:5px; margin-left:0px; } .listaoferta a.producLinkTitul, .listaProductos .descripProducCompra .listaoferta a {color:#000;} .listaoferta strong {font-size:14px;} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx serie concreta xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .serieConcreta {margin-top:50px; text-align:center;} .serieConcreta p {display:block; margin:5px 0; text-align:center;} .servFinan {background:#FAF9F4; border:1px solid #EBE8DB; width:188px; padding:10px 0 0 10px; margin-top:20px;} .servFinan a {display:block; background:url(../images/link_arrow.gif) no-repeat 0% 5%; padding-left:10px; margin-top:10px;} .servFinan table {margin-bottom:10px;} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx banner tarjeta IKEA family xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .bannerTarjetaIKEA{margin:20px 10px 10px;} .bannerTarjetaIKEA img{float:left;} .bannerTarjetaIKEA p{display:block; float:left; margin:0px 0px 0px 30px; line-height:17px;} .bannerTarjetaIKEA span{color:#cc0000; font-weight:bold;} /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ideas decoracion xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/ .ideasDecoracion {border:3px solid #FFCC00; padding:0px; margin:10px; height:300px; } .ideasDecoracion .contenedorIdeas {margin:0 0 0 30px;} .ideasDecoracion .contenedorIdeas h2{font-size:16px; font-weight:bold;} .ideasDecoracion .contProducto, .ideasDecoracion .contProducto2{width:50px; float:left; width:115px; height:270px; margin:5px 10px 5px 0; padding:5px; display:inline; position:relative; } .ideasDecoracion .contProducto .NombreArtIdea, .ideasDecoracion .contProducto2 .NombreArtIdea{height:60px;} .ideasDecoracion .contProducto h5, .ideasDecoracion .contProducto2 h5, .ideasDecoracion .contProducto h6, .ideasDecoracion .contProducto2 h6{font-size:11px; padding:5px 0px 0px; margin:0px;} .ideasDecoracion .contProducto h6, .ideasDecoracion .contProducto2 h6{font-weight:normal;} .ideasDecoracion .contProducto .precioProdIdea a, .ideasDecoracion .contProducto2 .precioProdIdea a{color:#000000; display:block; font-size:14px; font-weight:bold; margin-top:5px; text-decoration:none;} .ideasDecoracion .contProducto{border-right:1px solid #EBE8D8;} .ideasDecoracion .contProducto img, .ideasDecoracion .contProducto2 img{width:110px;} .carroProdIdea{margin-top:30px;} .bajaBoton{margin-top:20px;cursor:pointer;} /* Contenedor desglose lista compra (contenedor con flecha superior) */ .desglose {} .desglose .superior {background-image:url(/images/desglose_superior.png); width:670px; height:40px; background-repeat:no-repeat;} .desglose .central {background-image:url(/images/desglose_central.png); width:670px; background-repeat:repeat-y; /*padding:10px 20px;*/} .desglose .inferior {background-image:url(/images/desglose_inferior.png); width:670px; height:7px; background-repeat:no-repeat;} /* Ver productos IKEA*/ .verProductosIKEA {margin: 40px 0 0 20px;} .verProductosIKEA p {margin:20px 20px 20px 0px; text-align:justify; line-height:18px;} .verProductosIKEA #menuDesplegableProductosCabecera {z-index:1000; width:430px; margin:30px 10px 10px 10px; border: none; position: static;} .verProductosIKEA .menudespIzq, .verProductosIKEA .menudespDer, .verProductosIKEA .menudespFinal {float:left; border-bottom:1px solid #EBE8DB; width:45%;} .verProductosIKEA .menudespDer {margin-left:15px;} .verProductosIKEA .menudespFinal {border:none;} .verProductosIKEA .menudespIzq img, .verProductosIKEA .menudespDer img, .verProductosIKEA .menudespFinal img {width:32px; height:32px; margin-right:5px; border:none; vertical-align:middle;} /* Articulos: modo presentacion */ .presentArt {background-image:url("/images/presentArt_marco.png"); width:820px; height:680px; background-repeat: repeat; z-index:900; position:absolute; margin-left:40px;} .presentArt .contenedor {background-color: #FFF ; width:760px; height:620px; margin:30px; position: relative;} .presentArt .contenedor .cerrarVentana {position:absolute; top:20px; right:20px;} .presentArt .navegar {position:absolute; bottom:0; width:600px; height:60px; margin:0 0 35px 90px; padding-top:10px; border-top:1px solid #CCC;} .presentArt .navegar .anterior, .presentArt .navegar .siguiente {width:30px; height:30px; cursor:pointer;} /* .presentArt .navegar .anterior {left:0;} .presentArt .navegar .siguiente {right:0;}*/ .presentArt .navegar .miniaturas .fotoS1 {width:40px; height:40px; border:1px solid #CCC; margin-right:5px; cursor:pointer;} #textoCentral {float:left; width:150px;margin-top:30px;margin-left:20px;} #textoCentral h5 a, #textoCentral h6 a {color:#000;} #textoCentral h5 {overflow:hidden; max-height:35px;} #textoCentral div h6 {margin-top:8px;} #textoCentral .ContienePropiedadesOferta h5 a, #textoCentral .ContienePropiedadesOferta h6 a {color:#FFF;} #textoCentral h5, #textoCentral .ContienePropiedadesOferta h5 a {font-size:22px; font-weight:bold; margin:10px 0 0; height:24px;} #textoCentral h6 , #textoCentral .ContienePropiedadesOferta h6 a {font-size:14px; font-weight:normal; margin:0; max-height:40px;} #textoCentral .ContienePropiedadesOferta {padding-bottom:20px;} #textoCentral .masProductosMismaSerie {border-top:1px solid #CCC; padding-top:20px; margin-top:30px; display:block;} #textoCentral .precioProd {margin-top:8px;} #textoCentral .precioProd a {font-size:24px; font-weight:bold; margin:20px 0 0; display:block;} #textoCentral .dimensiones {margin-top:20px;} #textoCentral .listaProd {border-top:1px solid #CCC; padding-top:20px;} .presentArt .navegar .anterior{float:left} #contenedorMiniaturas {float:left; width:517px; overflow: hidden;} .colorFondoListado{ background-color: #F4F9FF;}