*{ margin:0; padding:0;} body { font: 12px Arial, san-serif; /*font:12px Geneva, Arial, Helvetica, sans-serif;*/ /*font:12px Georgia, "Times New Roman", Times, serif; /*font:12px Verdana, Arial, Helvetica, sans-serif;*/ margin:0px; padding:0px; background: url(../images/bggeneral.jpg) repeat-x #fff; color:#000; } table, select, input{font: 12px Arial, san-serif;} /***************************************************************** COMUNES */ #contenedor{ width:1022px; margin:0px; background-color:#fff; border-right:1px solid #196eb1;} #top{} #enlaces{margin:10px 5px; background-color:#fff; text-align:center;} #content{/*border:1px solid red;*/ background-color:#fff; margin-left:5px;} #content #contentIzquierdo{width:807px; /*border:1px solid black;*/ float:left;} #content #contentIzquierdo .lateralIzquierdo{width:200px; float:left;} #content #contentIzquierdo .lateralDerecho{width:590px;float:right; margin-top:15px;} #content #contentDerecho{width:190px; /*border:1px solid black;*/ float:right; margin-right:5px;} #bottom{margin-top:15px; background-color:#196eb1; color:#fff; padding:10px;} #clear, .clear{ clear:both;} /***************************************************************** TOP */ #enlaces ul{ list-style-type:none; margin:0; padding:0; font-size:12px; font-weight:bold;} #enlaces ul li{padding-right:8px;float:left;} .linkInicio{background: url(../images/linkInicio.jpg) no-repeat; width:65px; height:23px; display:block; text-indent:-9999px;} .linkQuienes{background: url(../images/linkQuienesSomos.jpg) no-repeat; width:115px; height:23px; display:block; text-indent:-9999px;} .linkComo{background: url(../images/linkComoComprar.jpg) no-repeat; width:115px; height:23px; display:block; text-indent:-9999px;} .linkCondiciones{background: url(../images/linkCondicionesVenta.jpg) no-repeat; width:155px; height:23px; display:block; text-indent:-9999px;} .linkSuscribete{background: url(../images/linkSuscribete.jpg) no-repeat; width:93px; height:23px; display:block; text-indent:-9999px;} .linkContacto{background: url(../images/linkContacto.jpg) no-repeat; width:81px; height:23px; display:block; text-indent:-9999px;} .linkInicio:hover, .linkQuienes:hover, .linkComo:hover, .linkCondiciones:hover, .linkSuscribete:hover, .linkContacto:hover{background-position: 0 -23px;} /***************************************************************** LATERALIZQUIERDO */ /*Regiones*/ .selectorRegiones{} .selectorRegiones .topSelector{background: url(../images/topSelector.jpg); height:44px;} .selectorRegiones .contentSelector{ background: url(../images/contentSelector.jpg) repeat-y; padding:0 10px;} .selectorRegiones .contentSelector select{margin-top:7px;} .selectorRegiones .bottomSelector{background: url(../images/bottomSelector.jpg) no-repeat; height:12px;} /*Buscador*/ .buscadorProd{} .buscadorProd .topBuscador{background: url(../images/topBuscador.jpg); height:44px;} .buscadorProd .contentBuscador{ background: url(../images/contentBuscador.jpg) repeat-y; padding:0 10px;} .buscadorProd .bottomBuscador{background: url(../images/bottomBuscador.jpg) no-repeat; height:12px;} /*Listado articulos*/ .listArticulos{margin:15px 0;} .topListArticulos{background: url(../images/topListArticulos.jpg); height:44px;} .contentListArticulos{background: url(../images/contentListArticulos.jpg) repeat-y;} .contentListArticulos .nota{padding:0 10px;} .contentListArticulos .nota span{ text-transform:uppercase; font-weight:bold;} .contentListArticulos ul{list-style-type:none;margin-top:10px; background: url('../images/contentListArticulosLink.jpg') repeat-y;} .contentListArticulos ul li{padding-left:8px; margin:0 3px;} .contentListArticulos ul li a{ display:block; padding:4px 0; color:#666; text-decoration:none; text-transform:capitalize; border-bottom:1px dashed #ccc;} .contentListArticulos ul li a:hover{ font-weight:bold; color:#990000;} .contentListArticulos ul li .subcategoria{margin-left:10px; margin-top:2px;} .contentListArticulos ul li .subcategoria a{color:#000; border:0px; background-color:#FFCECE; padding-left:3px;} .contentListArticulos ul li .marca{margin-left:10px; margin-top:2px;} .contentListArticulos ul li .marca a{color:#000; border:0px; background-color:#fbe4e4; padding-left:3px;} .bottomListArticulos{background: url(../images/bottomListArticulos.jpg) no-repeat; height:12px;} /***************************************************************** LATERALDERECHO */ #pasos{} /*Paso0*/ #paso0{ font-size:16px;} #paso0 .bienvenido{margin:10px 0;} /*Paso1*/ #paso1{} #paso1 .bienvenido{margin:10px 0;} #paso1 .tarjeta{ margin-bottom:15px; width:590px;} #paso1 .tarjeta .topTarjeta{background: url(../images/topTarjeta.jpg); height:20px; font-size:11px; color:#fff; padding:10px 0 0 15px; font-weight:bold;} #paso1 .tarjeta .topTarjeta span{ text-transform:uppercase;} #paso1 .tarjeta .contentTarjeta{background: url(../images/contentTarjeta.jpg) repeat-y; padding:0 10px;} #paso1 .tarjeta .contentTarjeta .foto{ float:right; margin:5px;} #paso1 .tarjeta .contentTarjeta .foto img{ border:2px solid #fff; width:150px;} #paso1 .tarjeta .contentTarjeta .stock{float:right; margin-right:-50px;} #paso1 .tarjeta .contentTarjeta .logoMarca{ padding:7px 0 0 5px;} #paso1 .tarjeta .contentTarjeta .nombre{ font-size:20px; font-weight:bold; color:#1cb4cf; padding-left:5px;} #paso1 .tarjeta .contentTarjeta .stock{ font-size:12px; font-weight:bold; color:#990000; text-transform:uppercase; padding-left:5px;} #paso1 .tarjeta .contentTarjeta .descripcion{ font-size:15px; padding:7px 5px;} #paso1 .tarjeta .contentTarjeta .precioTienda{ color:#999; padding-left:5px; font-size:16px; font-style:italic; font-size:15px;} #paso1 .tarjeta .contentTarjeta .precioInternet table{ width:400px; margin-bottom:10px; text-align:right; font-size:14px; font-weight:bold; color:#f00;} #paso1 .tarjeta .contentTarjeta .precioInternet table td{} #paso1 .tarjeta .contentTarjeta .precioInternet table td.entero{text-align:right;} #paso1 .tarjeta .contentTarjeta .precioInternet table td.decimal{ width:48px; vertical-align:top;} #paso1 .tarjeta .bottomTarjeta{} #paso1 .tarjeta .bottomTarjeta table{ border-collapse:collapse;} #paso1 .tarjeta .bottomTarjeta table td{ width:50%;} #paso1 .tarjeta .bottomTarjeta table td .anadirCarrito{background: url(../images/anadirCarrito.jpg) no-repeat; width:309px; height:42px; display:block; text-indent:-9999px;} #paso1 .tarjeta .bottomTarjeta table td .anadirCarrito:hover{background-position: 0 -42px;} #paso1 .tarjeta .bottomTarjeta table td .leerMas{background: url(../images/leerMas.jpg) no-repeat; width:281px; height:42px; display:block; text-indent:-9999px;} #paso1 .tarjeta .bottomTarjeta table td .leerMas:hover{background-position: 0 -42px;} #paso1 .sinOfertas{ font-weight:bold; color:#FF0000; text-align:center; padding:20px 0; font-size:24px;} #paso1 .paginadorArticulos{margin:25px 0 15px 0; font-size:12px;} #paso1 .paginadorArticulos .paginadorArticulosIzquierda{float:left; width:200px;} #paso1 .paginadorArticulos .paginadorArticulosDerecha{float:right; width:300px; text-align:right;} #paso1 .paginadorArticulos .paginadorArticulosDerecha span{border:1px solid #195c87; background-color:#195c87; padding:2px 6px; text-decoration:none; color:#fff;} #paso1 .paginadorArticulos .paginadorArticulosDerecha a{border:1px solid #195c87; background-color:#fff; padding:2px 6px; text-decoration:none; color:#195c87;} #paso1 .paginadorArticulos .paginadorArticulosDerecha a:hover{background-color:#195c87; color:#fff;} /*Paso1B*/ #paso1B .bienvenido{ margin:15px 0;} #paso1B .tarjetaAmplia{ margin-bottom:15px; width:590px;} #paso1B .tarjetaAmplia .topTarjeta{background: url(../images/topTarjeta.jpg); height:20px; font:11px Arial,Verdana; color:#fff; padding:10px 0 0 15px; font-weight:bold;} #paso1B .tarjetaAmplia .topTarjeta span{ text-transform:uppercase;} #paso1B .tarjetaAmplia .contentTarjeta{background: url(../images/contentTarjeta.jpg) repeat-y; padding:0 10px;} #paso1B .tarjetaAmplia .contentTarjeta .foto{ float:right; margin:5px; text-align:right;} #paso1B .tarjetaAmplia .contentTarjeta .foto img{ border:2px solid #fff;} #paso1B .tarjetaAmplia .contentTarjeta .foto a{ color:#0099CC; display:block;} #paso1B .tarjetaAmplia .contentTarjeta .foto a img{border:0;} #paso1B .tarjetaAmplia .contentTarjeta .stock{float:right; margin-right:-50px;} #paso1B .tarjetaAmplia .contentTarjeta .logoMarca{ padding:7px 0 0 5px;} #paso1B .tarjetaAmplia .contentTarjeta .nombre{ font-size:20px; font-weight:bold; color:#1cb4cf; padding-left:5px;} #paso1B .tarjetaAmplia .contentTarjeta .destacar{ color:#000; font-weight:bold; margin:5px; font-size:16px; padding-left:5px;} #paso1B .tarjetaAmplia .contentTarjeta .destacar i{color:#006699;} #paso1B .tarjetaAmplia .contentTarjeta .destacar ul{ margin-left:10px;} #paso1B .tarjetaAmplia .contentTarjeta .destacar ul li{ padding:5px 0;} #paso1B .tarjetaAmplia .contentTarjeta .logos{float:right; width:100px;} #paso1B .tarjetaAmplia .contentTarjeta .logos ul{ margin:0; padding:0; list-style-type:none;} #paso1B .tarjetaAmplia .contentTarjeta .logos ul li{ text-align:right; padding-bottom:5px;} #paso1B .tarjetaAmplia .contentTarjeta .descripcion{ font-size:16px; padding:7px 5px;} #paso1B .tarjetaAmplia .contentTarjeta .precioTienda{ color:#666; padding-left:5px; font-size:16px; font-style:italic;} #paso1B .tarjetaAmplia .contentTarjeta .precioInternet table{ width:400px; margin-bottom:10px;} #paso1B .tarjetaAmplia .contentTarjeta .precioInternet table td{} #paso1B .tarjetaAmplia .contentTarjeta .precioInternet table td.entero{text-align:right;} #paso1B .tarjetaAmplia .contentTarjeta .precioInternet table td.decimal{ width:48px;vertical-align:top;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion { margin-top:15px; font-size:12px; color:#666666; width:572px;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .topSimulacion{ background: url(../images/topSimulacion.jpg) no-repeat; height:19px;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion{ background: url(../images/contentSimulacion.jpg) no-repeat bottom;padding:0 10px;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion h3{ font-size:25px; margin:0;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table{ border-collapse:collapse; width:90%; padding:10px; margin:15px auto;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table th{ background-color:#ff9000; padding:3px; border:2px solid #ff5a00; width:33%; color:#333;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table th .info{ border:1px solid #999; background-color:#fff; position:absolute; margin-top:5px; padding:3px; width:200px; font-weight:normal; display:none; text-align:left; color:#333;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table th a{font-size:10px; color:#333;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table td{ padding:3px; border:2px solid #ff5a00; text-align:center; font-size:13px; background-color:#FFFFFF;} #paso1B .tarjetaAmplia .contentTarjeta .simulacionFinanciacion .contentSimulacion table td span{font-size:11px; color:#000;} #paso1B .tarjetaAmplia .bottomTarjeta{background: url(../images/bottomTarjeta.jpg); height:20px;} #paso1B .botonera1B{} #paso1B .botonera1B table{ border-collapse:collapse;} #paso1B .botonera1B table td{} #paso1B .botonera1B table td .volverAtras{background: url(../images/volverAtras.jpg) no-repeat; width:172px; height:46px; display:block; text-indent:-9999px;} #paso1B .botonera1B table td .volverAtras:hover{background-position: 0 -46px;} #paso1B .botonera1B table td .webFabricante{background: url(../images/webFabricante.jpg) no-repeat; width:213px; height:46px; display:block; text-indent:-9999px;} #paso1B .botonera1B table td .webFabricante:hover{background-position: 0 -46px;} #paso1B .botonera1B table td .anadirCarrito{background: url(../images/anadirCarrito2.jpg) no-repeat; width:206px; height:46px; display:block; text-indent:-9999px;} #paso1B .botonera1B table td .anadirCarrito:hover{background-position: 0 -46px;} /*Paso2*/ #paso2 { margin:15px 0;} #paso2 .carritoCompra{margin-bottom:15px;} #paso2 .carritoCompra .topCarritoCompra {background: url(../images/topCarritoCompra.jpg); height:18px;} #paso2 .carritoCompra .contentCarritoCompra{background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 20px;} #paso2 .carritoCompra .contentCarritoCompra h2{ font-size:35px; margin-bottom:10px;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra{width:100%; border-collapse:collapse;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra th{border:1px solid #ccc; background-color:#057f9d; color:#fff; padding:3px;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td{border:1px solid #ccc; padding:3px; vertical-align:middle;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td.cantidad{ text-align:center;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td.cantidad select{ width:40px;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td .categoria{ font:10px Arial,Verdana; color:#900;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td .nombre{ font-size:14px; font-weight:bold; color:#1cb4cf;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td.pvpTienda{color:#999; margin-top:12px; font-size:14px; font-weight:bold; text-align:right;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td.pvpInternet{color:#62a734; font-weight:bold; font-size:14px; text-align:right;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td.pvpSuma{color:#a31324; font-weight:bold; font-size:14px; text-align:right;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td .eliminarArticulo{background: url(../images/eliminarArticulo.jpg) no-repeat; width:60px; height:30px; display:block; text-indent:-9999px;} #paso2 .carritoCompra .contentCarritoCompra table.tableCestaCompra td .eliminarArticulo:hover{background-position: 0 -30px;} #paso2 .carritoCompra .contentCarritoCompra .importeTotal{ background-color:#efefef; padding:4px; margin-top:20px;} #paso2 .carritoCompra .contentCarritoCompra .importeTotal table{width:100%;} #paso2 .carritoCompra .contentCarritoCompra .importeTotal table td.textImporte{ font-size:14px;} #paso2 .carritoCompra .contentCarritoCompra .importeTotal table td.cifraImporte{ font-size:18px; font-weight:bold; color:#a31324; text-align:right} #paso2 .carritoCompra .contentCarritoCompra .cestaVacia{text-align:center; color:#296B8F; font-size:20px; padding:15px;} #paso2 .carritoCompra .bottomCarritoCompra {background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso2 .seleccionTienda {margin-bottom:15px;} #paso2 .seleccionTienda .topseleccionTienda{background: url(../images/topCarritoCompra.jpg); height:18px;} #paso2 .seleccionTienda .contentseleccionTienda{background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 20px;} #paso2 .seleccionTienda .contentseleccionTienda h2{ font-size:35px; margin-bottom:10px;} #paso2 .seleccionTienda .contentseleccionTienda table{margin-top:20px; font-size:14px;} #paso2 .seleccionTienda .contentseleccionTienda table select{width:300px;} #paso2 .seleccionTienda .contentseleccionTienda table a{padding-left:15px;} #paso2 .seleccionTienda .bottomseleccionTienda {background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso2 .botoneraGenerar{ margin:20px 0; clear:both;} #paso2 .botoneraGenerar table{ border-collapse:collapse;} #paso2 .botoneraGenerar table td .seguirComprando{background: url(../images/seguirComprando.jpg) no-repeat; width:197px; height:46px; display:block; text-indent:-9999px;} #paso2 .botoneraGenerar table td .vaciarCarrito{background: url(../images/vaciarCarrito.jpg) no-repeat; width:163px; height:46px; display:block; text-indent:-9999px;} #paso2 .botoneraGenerar table td .generarTicket{background: url(../images/generarTicket.jpg) no-repeat; width:230px; height:46px; display:block; text-indent:-9999px;} #paso2 .botoneraGenerar table td .seguirComprando:hover, #paso2 .botoneraGenerar table td .vaciarCarrito:hover, #paso2 .botoneraGenerar table td .generarTicket:hover{background-position: 0 -46px;} #paso2 .botoneraGenerar table td .seguirComprando2{background: url(../images/seguirComprando2.jpg) no-repeat; width:200px; height:46px; display:block; text-indent:-9999px;} #paso2 .botoneraGenerar table td .seguirComprando2:hover{background-position: 0 -46px;} /*Registro*/ #registro{ margin:10px 0;} #registro .formularioRegistro{ margin-bottom:15px;} #registro .formularioRegistro .topFormulario{background: url(../images/topCarritoCompra.jpg); height:18px;} #registro .formularioRegistro .contentFormulario{background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:5px 10px;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado{ width:540px; margin:0 auto;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .topFormularios{background-color:#134671; background: url(../images/topAltaUsuario.jpg) no-repeat; height:43px;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .topFormularios h4{ font-size:25px; padding:5px 0 0 5px;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .contentFormularios{ padding:5px; font-size:16px; background: url(../images/contentAltaUsuario.jpg) repeat-y;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .contentFormularios table{margin:10px auto; border-spacing:5px; width:300px;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .contentFormularios table td.error{ font-weight:bold; color:#C00; text-align:center;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .contentFormularios table a{ color:#CC0000;} #registro .formularioRegistro .contentFormulario .usuarioRegistrado .bottomContentFormularios {background: url(../images/bottomAltaUsuario.jpg) no-repeat; height:11px;} #registro .formularioRegistro .contentFormulario .altaNueva{ width:540px; margin:10px auto 0 auto;} #registro .formularioRegistro .contentFormulario .altaNueva .topFormularios { background: url(../images/topAltaUsuario.jpg) no-repeat; height:43px;} #registro .formularioRegistro .contentFormulario .altaNueva .topFormularios h4{ font-size:25px; padding:5px 0 0 5px;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios{ padding:5px; background: url(../images/contentAltaUsuario.jpg) repeat-y; font-size:16px;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios table{ margin:10px auto; border-spacing:5px; width:350px;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios table td span{ color:#999; font-size:10px; font-weight:normal; display:block;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios table td.error{font-weight:bold; color:#C00; text-align:center;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios .nota { font-size:11px; color:#333; background-color:#efefef; padding:5px;} #registro .formularioRegistro .contentFormulario .altaNueva .contentFormularios .nota a{color:#0077fd;} #registro .formularioRegistro .contentFormulario .altaNueva .bottomContentFormularios {background: url(../images/bottomAltaUsuario.jpg) no-repeat; height:11px;} #registro .formularioRegistro .bottomFormulario{background: url(../images/bottomCarritoCompra.jpg); height:22px;} /*Paso3*/ #paso3{margin:15px 0;} #paso3 .ticketCompra {} #paso3 .ticketCompra .topTicketCompra{background: url(../images/topCarritoCompra.jpg); height:18px;} #paso3 .ticketCompra .contentTicketCompra{background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 10px;} #paso3 .ticketCompra .contentTicketCompra h2{font-size:35px; margin:0 0 10px 0;} #paso3 .ticketCompra .contentTicketCompra .contentDatos{ background-color:#ffec00; padding:10px; border:1px solid #ffa800;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosLeft{float:left; width:260px; border:1px dotted #ffa800; padding:4px; background-color:#fff;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter .datosTitulo, #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosLeft .datosTitulo, #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosRight .datosTitulo{font-size:14px; color:#b51010; font-weight:bold;d} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosLeft ul, #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosRight ul{ margin:0; padding-left:9px;list-style-type:none;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosLeft ul li .datosTicket, #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosRight ul li .datosTicket{ font-weight:bold; color:#1cb4cf;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosRight{float:right; width:260px; border:1px dotted #ffa800; padding:4px; background-color:#fff;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter{ margin:10px 0;border:1px dotted #ffa800; padding:4px; background-color:#fff;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter table{width:100%; margin:10px 0; background-color:#fff;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter table th{background-color:#057f9d; color:#fff; border:1px solid #ccc; padding:4px;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter table td{ border:1px solid #ccc; padding:4px; text-align:center;} #paso3 .ticketCompra .contentTicketCompra .contentDatos .contentDatosCenter table td b{ font-size:14px; color:#900;} #paso3 .ticketCompra .bottomTicketCompra {background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso3 .metodoPago {margin:15px 0;} #paso3 .metodoPago .topMetodoPago {background: url(../images/topCarritoCompra.jpg); height:18px;} #paso3 .metodoPago .contentMetodoPago {background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 20px;} #paso3 .metodoPago .contentMetodoPago h2{font-size:35px; margin-bottom:10px;} #paso3 .metodoPago .contentMetodoPago table{ border-spacing:10px; font-weight:bold;} #paso3 .metodoPago .contentMetodoPago a{ color:#0099CC; font-weight:normal;} #paso3 .metodoPago .bottomMetodoPago {background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso3 .aceptaCondiciones {margin:15px 0;} #paso3 .aceptaCondiciones .topAceptaCondiciones {background: url(../images/topCarritoCompra.jpg); height:18px;} #paso3 .aceptaCondiciones .contentAceptaCondiciones {background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 20px;} #paso3 .aceptaCondiciones .contentAceptaCondiciones h2{font-size:35px; margin-bottom:10px;} #paso3 .aceptaCondiciones .contentAceptaCondiciones table{ border-spacing:10px;} #paso3 .aceptaCondiciones .contentAceptaCondiciones a{ color:#0099CC; font-weight:normal;} #paso3 .aceptaCondiciones .bottomAceptaCondiciones {background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso3 .muyImportante{ margin:20px 0; font-size:16px; border:2px dotted #ff0000; padding:5px; color:#ff0000;} #paso3 .botoneraFinalizar{ margin:20px 0; clear:both; background-color:#fff; padding:5px;} #paso3 .botoneraFinalizar table{ border-collapse:collapse} #paso3 .botoneraFinalizar table td .volverAtras{background: url(../images/volverAtras2.jpg) no-repeat; width:281px; height:46px; display:block; text-indent:-9999px;} #paso3 .botoneraFinalizar table td .finalizarPedido{background: url(../images/finalizarPedido.jpg) no-repeat; width:309px; height:46px; display:block; text-indent:-9999px;} #paso3 .botoneraFinalizar table td .volverAtras:hover, #paso3 .botoneraFinalizar table td .finalizarPedido:hover{background-position: 0 -46px;} /*Paso4*/ #paso4{margin:15px 0;} #paso4 .gracias { margin-bottom:20px;} #paso4 .gracias .topGracias{background: url(../images/topCarritoCompra.jpg); height:18px;} #paso4 .gracias .contentGracias{background: url(../images/contentCarritoCompra.jpg) repeat-y; padding:0 10px; font-size:23px; text-align:center;} #paso4 .gracias .contentGracias h2{margin-bottom:20px;} #paso4 .gracias .bottomGracias{background: url(../images/bottomCarritoCompra.jpg); height:20px;} #paso4 .botoneraFinal table{ margin-bottom:8px;} #paso4 .botoneraFinal table td .verPedido{background: url(../images/verPedido.jpg) no-repeat; width:200px; height:46px; display:block; text-indent:-9999px;} #paso4 .botoneraFinal table td .verPedido:hover{background-position: 0 -46px;} #paso4 .botoneraFinal table td .reenviarPedido{background: url(../images/reenviarPedido.jpg) no-repeat; width:200px; height:46px; display:block; text-indent:-9999px;} #paso4 .botoneraFinal table td .reenviarPedido:hover{background-position: 0 -46px;} /*Generico*/ #generico .titular{background: url(../images/fondoTitular.jpg) no-repeat; display:block; width:590px; height:40px;} #generico .titular h1{ padding-left:10px; font-size:30px;} #generico .recomendar{ padding:20px 50px; background-color:#edf4f9; margin:5px;/* border:1px solid #195c87; border-top:0;*/} #generico .recomendar form { margin:5px 0;} #generico .recomendar form table{ width:300px; margin:5px auto;} #generico .recomendar form table td{padding:2px; vertical-align:top;} #generico .recomendar form table td input{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .recomendar form table td textarea{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87; height:120px;} #generico .recomendar form table td input.send{ width:150px; border:2px solid #195c87; border-left:2px solid #7ba7c2; border-top:2px solid #7ba7c2; background-color:#c6deed; color:#195c87; font-weight:bold;} #generico .recomendar form table td input.send:hover{ border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .recomendar .avisolegal{ margin:10px 0; color:#666;} #generico .recomendar .avisolegal a{ color:#006699;} #generico .quienesSomos{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .quienesSomos a{color:#069; font-weight:bold;} #generico .condicionesVenta{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .condicionesVenta h3{margin-top:20px;} #generico .condicionesVenta ul{ margin:10px 20px;} #generico .condicionesVenta a{color:#069; font-weight:bold;} #generico .comoComprar{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .comoComprar table{ width:100%; margin:10px 0;} #generico .comoComprar table td{ padding:2px; padding-top:10px; vertical-align:top;} #generico .contacto{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .contacto a{ color:#069; font-weight:bold;} #generico .contacto form{margin:10px 0;} #generico .contacto .infoTienda{margin:30px 0;} #generico .contacto .infoTienda h2{ font-size:23px;} #generico .contacto .infoTienda table{ width:100%; border-collapse:collapse; background-color:#fff; border:8px solid #fff; margin:5px 0;} #generico .contacto .infoTienda table td{padding:3px; vertical-align:top;} #generico .contacto .infoTienda table td a{ color:#006699;} #generico .contacto .infoTienda table td img{border:2px dotted #666; padding:2px;} #generico .editarDatos{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .editarDatos form { margin:5px 0;} #generico .editarDatos form table{ width:300px; margin:5px auto;} #generico .editarDatos form table td{padding:2px; vertical-align:top;} #generico .editarDatos form table td input{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .editarDatos form table td textarea{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87; height:120px;} #generico .editarDatos form table td input.send{ width:150px; border:2px solid #195c87; border-left:2px solid #7ba7c2; border-top:2px solid #7ba7c2; background-color:#c6deed; color:#195c87; font-weight:bold;} #generico .editarDatos form table td input.send:hover{ border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .editarDatos .avisolegal{ margin:10px 0; color:#666;} #generico .editarDatos .avisolegal a{ color:#006699;} #generico .suscribete{ padding:20px 50px; background-color:#edf4f9; margin:5px;} #generico .suscribete form { margin:5px 0;} #generico .suscribete form table{ width:300px; margin:5px auto;} #generico .suscribete form table td{padding:2px; vertical-align:top;} #generico .suscribete form table td input{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .suscribete form table td textarea{ width: 300px; border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87; height:120px;} #generico .suscribete form table td input.send{ width:150px; border:2px solid #195c87; border-left:2px solid #7ba7c2; border-top:2px solid #7ba7c2; background-color:#c6deed; color:#195c87; font-weight:bold;} #generico .suscribete form table td input.send:hover{ border:2px solid #7ba7c2; border-left:2px solid #195c87; border-top:2px solid #195c87;} #generico .suscribete .avisolegal{ margin:10px 0; color:#666;} #generico .suscribete .avisolegal a{ color:#006699;} /***************************************************************** CONTENEDORDERECHO */ /*Mi carrito*/ .miCarrito{} .miCarrito .topCarrito{background: url(../images/topCarrito.jpg); height:44px;} .miCarrito .contentCarrito{background: url(../images/contentCarrito.jpg) repeat-y;} .miCarrito .contentCarrito table{ margin:0 10px;} .miCarrito .contentCarrito table td{} .miCarrito .contentCarrito table td .verCarrito{background: url(../images/verCarrito.jpg) no-repeat; width:89px; height:30px; display:block; text-indent:-9999px; margin-top:5px;} .miCarrito .contentCarrito table td .verCarrito:hover{background-position: 0 -30px;} .miCarrito .bottomCarrito{background: url(../images/bottomCarrito.jpg) no-repeat; height:12px;} /*Registro*/ .registro{ margin-top:15px;} .registro .topRegistro{background: url(../images/topRegistro.jpg); height:44px;} .registro .contentRegistro{background: url(../images/contentRegistro.jpg) repeat-y; padding:0 10px; margin:0;} .registro .contentRegistro table{ padding-top:10px; width:100%;} .registro .contentRegistro table td .editarDatos{background: url(../images/editarDatos.jpg) no-repeat; width:104px; height:36px; display:block; text-indent:-9999px;} .registro .contentRegistro table td .salir{background: url(../images/salir.jpg) no-repeat; width:49px; height:36px; display:block; text-indent:-9999px;} .registro .contentRegistro table td .editarDatos:hover, .registro .contentRegistro table td .salir:hover{background-position: 0 -36px;} .registro .contentRegistro a.contrasenya{color:#900; font-weight:bold; font-size:11px;} .registro .contentRegistro a.registrate{font-weight:bold; color:#1f6297;} .registro .bottomRegistro{background: url(../images/bottomRegistro.jpg) no-repeat; height:12px;} /*Lo mas visto*/ .lomasvisto{ margin-top:15px;} .lomasvisto .topLomasvisto{background: url(../images/topLomasvisto.jpg); height:44px;} .lomasvisto .contentLomasvisto{background: url(../images/contentLomasvisto.jpg) repeat-y; padding:0 10px;} .lomasvisto .contentLomasvisto table{ width:100%; padding:5px 0; border-collapse:collapse; font-size:11px;} .lomasvisto .contentLomasvisto table td{ margin-bottom:5px; border-bottom:1px dashed #999;} .lomasvisto .contentLomasvisto table td img{ width:50px;} .lomasvisto .contentLomasvisto table td a{ color:#24679b; text-decoration:underline; font-weight:bold;} .lomasvisto .contentLomasvisto table td a:hover{ text-decoration:none;} .lomasvisto .contentLomasvisto table td .precioLomasvisto{ display:block; font-weight:bold; text-align:right; margin-top:5px; color:#f00; font-size:12px;} .lomasvisto .contentLomasvisto table{ width:100%;} .lomasvisto .bottomLomasvisto{background: url(../images/bottomLomasvisto.jpg) no-repeat; height:12px;} /*Recomendar*/ .recomendar{ margin-top:15px;} .recomendar .topRecomendar{background: url(../images/topRecomendar.jpg); height:44px;} .recomendar .contentRecomendar{background: url(../images/contentRecomendar.jpg) repeat-y; padding:0 10px;} .recomendar .contentRecomendar p{margin:0; padding:0;} .recomendar .contentRecomendar a{border:2px solid #666; color:#666; text-decoration:none; padding:4px; background-color:#efefef; margin-top:5px; display:block; text-align:center; font-weight:bold;} .recomendar .bottomRecomendar{background: url(../images/bottomRecomendar.jpg) no-repeat; height:12px;} /********************************************************************************** LIGHTBOX */ #lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;} #lightboxDetails{font-size: 0.8em;padding-top: 0.4em;} #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(../images/overlay.png); } * html #overlay{ background-color: #000; background-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale"); } /*********************************************************************************** WFORMS */ .errFld {border-bottom:#ff0000 solid 2px; border-left:#990000 solid 2px; border-right:#ff0000 solid 2px; border-top:#990000 solid 2px;} .errMsg {color: #CC3333; font-style:italic;}