/****************************************** RESET */ * {margin:0; padding:0; outline:0; border:0; background:none; background-repeat:no-repeat; font-size:100%} body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#202020;background:#3a8499 url(img/bg-pat.gif) repeat-x} div, h1, h2, h3, h4, h5, h6, form {width:100%} ul, li, dl, dt, dd, address {width:auto} .contenedor {width:960px; margin:0 auto} .contenedor div, h1, h2, h3, h4, h5, h6, form, input, select, textarea, ul, ol, li, dl, dt, dd, label, address {float:left; display:inline;} .contenedor2 {width:715px; margin-left:45px} .contenedor2 .desplegable {margin-top:0px !important} .contenedor2 div {float:left; display:inline;} a {text-decoration:none; cursor:pointer; color:inherit;} a:hover {color:#27697A } input, select, textarea {font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:12px;padding:1px 3px} textarea {overflow:auto} address {font-style:normal; font-siuze: 11px;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} p {padding-bottom:15px} table {border-collapse:collapse} li {list-style-type:none} .left {float:left !important} .right {float:right !important} .center {text-align:center !important} .justify {text-align:justify} .float-none {float:none; display:inline-block} .mensaje {padding:50px 0} .mensaje p {font-weight:bold; letter-spacing:1px; word-spacing:1px; text-align:center;} .margentop {margin-top:15px} .margenbottom {margin-bottom:15px} label.error {color:#f00;font-size:11px;padding-top:2px;text-align:left;width:100%} .clearfix {clear:both} .hidden, hr {display:none} .ie7 img { -ms-interpolation-mode: bicubic } .clearfix:after {visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0} * html .clearfix {zoom:1} /* IE6 */ *:first-child+html .clearfix {zoom:1} /* IE7 */ .radio,.checkbox{width:auto!important;border:none!important;padding:0!important} .titulos {font-size:30px;font-weight:bold;color:#398499;text-transform:uppercase;border-bottom: 1px solid #4C4536;padding-bottom:5px;} .novedades-lista {margin-top:20px;background-color:#EFEDE5;padding:20px;} .novedades-lista img {margin:6px;} .novedades-lista h1 {font-weight:bold;font-size:24px;padding-bottom:15px;} .novedades-lista span {color:#666;font-weight:bold;} .novedades-lista a:hover {text-decoration:underline;} .novedad-descripcion {width:100%;height:66px;background-color:#000;margin-top:150px;opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5} .novedad-descripcion span{margin:7px;color:#FFF;width:232px;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1.0;} /****************************************** MAQUETADO */ /* Header */ .logo {} .logo img {margin-left: 14px;margin-top: 30px;position: relative; z-index: 300;float:left} .titulo {width:239px;} .titulo img {margin:20px 0 0 50px} a.bt-login{background:#3A8499;padding:5px 10px;color:#fff} a.bt-login:hover{color:#fff} /* Centro */ #central {background-color:#f3f3f3;background: url(body-repeat.jpg)} /* Izquierda */ #izquierda-bagues {float:left;width:190px;margin-left:14px} .izq-bottom {padding-bottom: 14px; margin-top:20px } .izq-top {} #botonera-bg {width:187px;background: #ddd} #botonera-bg ul {width:100%;} #botonera-bg li {width:100%;font-size:14px!important;font-weight:700} #botonera-bg a {display:block;padding:7px 0;text-indent:11px;border-top:1px solid #fff;border-bottom:1px solid #a3a3a3;color:#525252} #botonera-bg a:hover {background:url(botonera-bg-sprite.gif) no-repeat 0 0} #botonera-bg a.activo {background:url(botonera-bg-sprite.gif) no-repeat 0 0} #info-izq {width:190px} #datos-izq {width:190px;float:left} .nombre {background: url(nombre-bg.gif) top center no-repeat; width:190px;color:#838383; margin-top:30px; height:66px} .nombre h4 {background: url(nomb-h3.gif) top center no-repeat; width:163px;height:9px;text-indent:-9999px;margin:10px} .nombre span {width: 140px;height:15px; background:url(arrow.jpg) left center no-repeat;margin-left:15px;padding-left:10px; float:left} .datos {background: url(datos-bg.gif) bottom center no-repeat;width:190px;height:129px} .datos-cont {width:161px; background-color:#fffcf5;float:left;padding:5px 13px; margin-top:5px; overflow:hidden } .datos-mail {height:15px; background:url(mail.jpg) left center no-repeat; color:#ca7b26;padding-left:25px;float:left;margin-top:15px;margin-left:10px} .datos-skype {height:17px; background:url(skype.jpg) left center no-repeat; color:#22bbf2;padding-left:25px;float:left;margin-top:15px;margin-left:10px} .novedades-bite {width:100%; margin:30px 0 0 0} .novedad-sample {width:180px; float:left; margin:0 45px 0 0} .novedad-sample h3 {width:100%; font-size:14px; text-transform:uppercase; padding-bottom:10px; float:left; color:#398499; font-weight:700} .novedad-sample p {width:100%; font-size:12px; float:left; height:90px; overflow:hidden} .novedad-sample a:hover {color:#27697A !important} .novedad-sample a.leermas {color:#999; font-size:11px; text-decoration:underline} .novedad-sample a.leermas:hover {color:#c1c1c1 !important; text-decoration:none} .novedad-sample img {border: solid 3px #fff} /* Derecha */ #derecha-cont {width:716px;float:left;overflow:hidden; margin-left:25px} /*#derecha-cont a:hover {color:#933898}*/ /* Footer */ #footer {color:#bbbbbb;font-size:12px;float:left;width:100%;margin-top:14px;padding-bottom: 10px;} .recuadro_footer {width:968px;height:64px; background:#000000;margin-top:3px;} #consultas {width:305px;margin:20px} #consultas a {text-decoration:underline} #consultas a:hover {color:#fff} #footer img{vertical-align:top} #footer ul{list-style:none;text-align:center;float:none;display:block} #footer li{display:inline;margin: 0 41px;float:none} address {float:right;margin-right:25px;margin-top:25px} #center {text-align:center !important; margin-top:21px;} /****************************************** SECCIONES */ /* HOME */ .sombra-bottom {width:100%; float:left; padding-bottom:13px;} .bg-repeat {float:left} .sombra-repeat {background: #EFEFEF;margin: 0 auto;width:960px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding-bottom:20px;padding-top:20px} .top {width:100%;float:left;height:138px} #bienvenidos {font-size:32px;text-transform:uppercase} #contrasena {width:204px;height:48px;background:url(lock.png) no-repeat left center;padding-top:20px;padding-left: 41px;} #contrasena li {width:193px} #contrasena li a {text-decoration:underline} #contrasena li a:hover{color:#fff;} #izquierda {width:252px;margin-top:30px;margin-left:40px;color:#fff} #derecha {width:377px;background:#E2E2E2;float:right;margin-top:12px;margin-right:50px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding-bottom:12px} #login {width:328px;margin:20px 0 0 24px} #login h3{font-size:16px; padding-bottom:10px; text-transform:uppercase; width:100%} #login input {background-color:#FFFFFF;margin-top:2px; margin-bottom:10px} #form_login label {padding-top:3px; width:100%} #form_login label.error {padding-top: 2px;} #login_usuario, #mail_usuario {width:257px; padding:4px} #login_pass {width:259px;height:21px} .olvido-pass {background:#E2E2E2;display: block !important;float: none !important;padding-bottom:12px;margin: 0 auto;width: 361px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden} .olvido-pass h4 {font-size:18px;padding-bottom:10px} /*.enviar { background: url(access_login.gif) no-repeat;width:62px;height:25px;margin: 65px 5px 0 0 !important;float:right; text-indent:-9999px;cursor:pointer} .enviar:hover {background-position:0 -30px}*/ .enviar {background:url(img/enviar-bt.gif);float:right;text-indent:-9999px;line-height:0;width:146px;height:40px;border:none;clear:both;margin:10px 5px 0 0 !important;cursor:pointer} .ejemplo {color:#a09f9f;font-size:10px;padding:0px !important;float:right !important;margin-right:10px; margin-top:20px} /*.error_login {margin-top:10px; width:190px; margin-left:11px; color:red}*/ .error_login{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center;display:block;padding:10px 5px;color:#f00;background:#FFF3F3;border:1px solid #ddd;margin-top:5px} /* Home-login */ .titulo-log {width:459px;height:32px;/*background:url(titulo-log.gif) center top no-repeat;*/float:left !important;margin-top:15px;margin-left:20px} .titulo-log h4 {width:459px;/*text-indent:-9999px;*/float:left!important;font-size:20px; color:#fff; margin:15px 0 0 0} #mensaje {width:360px;color:#4c4536;margin-top:25px;margin-left:20px; display:none} #mensaje h4 {font-size:16px; font-weight:bold; color:#ddd; margin:10px 0 0 0} .cerrar {width:116px;height:19px;background:url(extend.jpg) left top no-repeat;float:right;margin:50px 260px 0 0;padding-left:30px} #secciones-inside {width:786px;height:81px;float:left;margin-top:25px} .estado-bg {width:245px;height:79px;float:left;background:url(estado-cuenta.gif) no-repeat;} .fecha-estado {width:60px;margin-top:54px;font-weight: bold;float:left;margin-left:37px;color:black} .factura-pagar {width:60px;margin-top:16px;float:right;} .ver-mas{width:60px;margin-top:10px;float:right;color:#7cb969;margin-left:35px;background:url(mas.jpg) center left no-repeat;padding-left:15px} .ver-mas a:hover {color:#009933;text-decoration:underline} .atencion-hlogin {width:16px; height:15px;float:left;background:url(atencion.gif) no-repeat; margin:18px 0 0 63px; text-indent:-9999px} .prix-bg {width:245px;height:79px;float:left;background:url(prix.gif) no-repeat;margin-left:15px} .puntos {width:45px;margin-top:16px;float:right;} .estrella-hlogin {width:16px; height:15px;float:left;background:url(estrella.gif) no-repeat; margin:18px 0 0 176px; text-indent:-9999px} .ver-mas-puntos{width:68px;margin-top:0;float:left;color:#7cb969;margin-left:178px;background:url(mas.jpg) center left no-repeat;padding-left:22px} .ver-mas-puntos a:hover {color:#009933;text-decoration:underline} .pedidos-bg {width:245px;height:79px;float:left;background:url(pedidos.gif) no-repeat;margin-left:15px; text-indent:-9999px} .pedidos-bg a {display:block; height:80px} #novedades-titulo {width:100%;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} #novedades-titulo h3 {height:30px;font-size:22px} #novedades-productos {width:100%;float:left;margin-top:20px} #paginador {width:100%;margin-top:15px;margin-left:15px} #paginador a, #paginador span {float:left} #paginador span {padding:0 5px} #paginador a.activo {color:#4c4536;font-weight:bold} .previous { background: url(derpaginador.png) no-repeat;width:15px;height:15px;text-indent:-9999px;margin-right:10px} .next { background: url(izqpaginador.png) no-repeat;width:15px;height:15x;text-indent:-9999px;margin-left:10px} .ver-mas-productos-log {width:60px;float:left;color:#666;font-size:10px;margin-top:95px} .paginador-resumen {font-size:11px; padding:5px 0 0 20px} /* novedades */ #mensaje-novedades {width:268px;height:63px;color:#4c4536;margin-top:25px} #mensaje-novedades h4 {font-size:16px; font-weight:bold } .cerrar-novedades {width:116px;float:left;margin:30px 0 0 0;padding-left:30px;float:right} .cerrar-novedades a{display:block;padding:6px 4px 6px 23px;background:#ddd url(gnome_window_close.png) no-repeat 3px 50%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;color:#999;border:1px solid #aaa} .cerrar-novedades a:hover{color:#000!important} .texto-novedades-p {margin:10px 0 0 0} .txt-novedad {margin-top:10px;line-height:18px;width:600px} .txt-novedad img {float:right;padding:0 0 5px 5px} #productos-novedades {width:785px; margin-top:30px} .producto {width:225px;height:216px;float:left;margin-right:9px;;margin-top:9px;border:solid 2px #999} div.valida{border-color:#398499;background:#FFFFFF;} .producto img {float:right; border:solid 1px #ccc;margin:0 10px} .producto-cont {margin-left: 10px;width:auto} .fecha-producto {float:left;margin: 5px 0 0 0;font-size:11px;color:#8e8e8e;padding:0 10px 0 0} .titulo-producto {float:left;font-size:17px !important;color:#999; text-transform:uppercase;text-align:left;margin-top:6px; font-weight:bold !important; height:43px; overflow:hidden} .valida .titulo-producto {color:#398499} .dato-producto {float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#24104f; text-align:left;text-transform:uppercase; height:15px; overflow:hidden} .precio-titulo {float:left;color:#666666;width:100px;margin-top:27px} .valor {float:left;color:#666666; font-weight:bold} .agregar {width:100px;margin-top:8px} .agregar label {color:#666666;font-size:11px;width:100%} .cantidad {width:36px; font-size:10px;border:solid 1px #666;float:left} .agregar-boton {width:29px;height:29px;float:left; background: url(carrito.jpg) top no-repeat;text-indent:-9999px;cursor:pointer} .ver-mas-productos {width:80px;display:block;color:#666;font-size:10px} .ver-mas-productos:hover {color:#999} .texto-novedades {margin-top:29px} .ver-mas-productos-txt {margin-top:15px;width:60px;float:left;color:#666;font-size:10px} /* Pedidos */ .pedidos-titulo {width:751px;height:37px;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} .pedidos-titulo h3 {background:url(resumen.gif) no-repeat;text-indent:-9999px;height:37px} .pedidos-titulo h1 {background:url(pedidos-h1.gif) no-repeat;text-indent:-9999px;height:23px} .ver-historial {width: 142px;height:35px; background:url(historial.jpg) top left no-repeat; padding-left:31px; padding-top:16px;text-decoration:underline; font-weight:bold; float:right!important} .volver {float: right !important;font-weight: bold;margin-right: 20px; padding-top: 16px;text-align: right; width: 142px;} .desplegable {height:31px;float:left;background:#ddd;margin-top:10px;cursor:pointer} /*NUEVO DESPLEGABLE*/ .cont_categoria_nuevo {background: url(desplegable-nuevo.jpg) no-repeat !important;margin-left: 8px; width: 735px;} .cat_nuevo {/*background: url(desplegable-nuevo-item.jpg) no-repeat !important;*/} .cont-nuevo {margin-left: 8px; width: 735px !important;} .cont-nuevo1 {margin-left: 1px; width: 749px !important;} .desplegable .futura-blanca {/*text-shadow:2px 1px 1px #858681*/} .desplegable h1 {width:auto; font-family:'Trebuchet MS',Arial,sans-serif; font-size:18px; color:#4c4536; text-transform:uppercase; margin:3px 0 0 10px} .desplegable-cont {background: #ddd;padding-bottom:20px;} .desplegable-cont td {padding-top:5px;padding-bottom:5px; border-bottom: 1px solid #666; } td.descripcion {border: none; font-weight: bold; padding-top: 2px !important;} .desplegable-cont table {border:none;margin: 0 7px;width: 702px;background:#eee} .arrow-desp {width:17px; height:17px; float:right; background: url(arrow-desp-down.jpg) no-repeat;margin:7px 5px 0 0; text-indent:-9999px} .arrow-desp-pedidos {float:right; background: url(arrow-d1.png) right #7B7B7B no-repeat;margin:7px 5px 0 0; color:#fff; padding:2px 44px 2px 22px; text-align:center; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .desplegable.activo .arrow-desp-pedidos {background: url(arrow-d2.png) right #7B7B7B no-repeat} .activo .arrow-desp {background: url(arrow-desp.jpg) no-repeat;} .arrow-desp-down {width:17px; height:17px; float:right; background: url(arrow-desp-down.jpg) no-repeat;margin:7px 5px 0 0;text-indent:-9999px} .cantidad-pedidos {width:90px; text-transform:uppercase; padding:10px} .producto-pedidos {width:435px;text-transform:uppercase; text-align:left; padding-left:15px} .precio-pedidos {width:100px;text-transform:uppercase} .border-pedidos {width:705px; border-top: solid 1px #a3a3a3;padding-top:5px} .cantidad-cont {height:36px;} .producto-cont {height:36px; padding-left:10px} .precio-cont {height:36px;text-align:center} .recargar {width: 43px; padding-left:10px} .carrito {width: 43px;} .carrito img {padding-left:5px} .informacion {width: 43px;} .info-over {width:259px; text-align:left; padding:4px; font-size:11px; line-height:12px; background:#fff; border: solid 1px #a7a191 } .pico-info {background:url(arrow_inf.gif) 195px 0 no-repeat; position:absolute;top:24px; left:-162px; padding:10px 0 0 0; z-index:999; width:auto} .position_rel {position:relative} .cantidad-cont-2 {height:36px; background: #eeeeee; border-right: solid 5px #FFFFFF; } .producto-cont-2 {height:36px; background: #eeeeee; padding-left:10px} .precio-cont-2 {height:36px; background: #eeeeee;text-align:center; border-left:solid 5px #FFFFFF; border-right:solid 5px #FFFFFF} .recargar-2 {height:36px; background: #eeeeee; padding-left:7px} .carrito-2 {height:36px; background: #eeeeee} .carrito-2 img {padding-left:3px} .cantidad-input {background:#fff; border: solid 1px #a3a3a3;width:50px;margin-left:12px;text-align:right} .pedidos-cont-bottom {width:424px; float:left; margin-left:20px} .comentario {width:636px; float:left; margin-top:15px; } .com-in {background:#fff; width:400px; height:80px;color:#a6a6a6} .enviar-com {width:116px; height:29px; background: url(pedido-bt.gif) no-repeat; text-indent:-9999px;margin-top:2px; cursor:pointer} .enviar-com:hover {background-position: 0 -30px} .ver-detalles {width:124px; height:30px; background: url(ver-detalles-strong.gif) no-repeat; text-indent:-9999px;margin-top:2px; cursor:pointer;float:left} .ver-detalles:hover {background-position:0 -30px} .total-pedido {width:207px!important; height:34px; border:solid 1px white!important; float:right; text-align:center } .total {background-color:#FFFFFF} .valor-pedido {background-color:#eeeeee; font-weight:bold } .cant-articulos {width:207px!important; height:34px; border:solid 1px white!important; float:right; text-align:center; margin-top:5px} .cant {background-color:#FFFFFF; width:151px} .cant-valor {background-color:#eeeeee; font-weight:bold} .pedidos-busqueda p { text-transform:uppercase; font-weight:bold; margin-left:10px; margin-top:10px} .productos-busqueda {width:736px;float:left} .productos-busqueda label, .pedidos-busqueda label {float:left; margin-top:8px; margin-left:10px} .nombre-busqueda {width:126px; height:15px; border:solid 1px #a3a3a3; margin-left:5px;margin-top:6px} .codigo-busqueda {width:107px; height:15px; border:solid 1px #a3a3a3; margin-left:5px;margin-top:6px} .buscar-prod {width:133px; height:26px; background:url(buscar-prod.gif) no-repeat;text-indent:-9999px; margin-left:10px;cursor:pointer} .buscar-prod:hover {background-position:0 -30px} .nueva-busqueda {width:133px; height:26px; background:url(nueva-busqueda.gif) no-repeat; text-indent:-9999px; margin-left:10px;cursor:pointer} .nueva-busqueda:hover {background-position:0 -30px} .productos-detalle {width:705px; color:#666666} .productos-detalle.pedidos td {background:none !important} .productos-detalle.pedidos th {text-align:left} .productos-detalle.pedidos .prod-descripcion {padding-right:15px; padding-left:10px} .productos-detalle.pedidos .descripcion {padding:0 1px; font-size:10px} .productos-detalle.pedidos .precio-cont {text-align:left; padding-left:3px} .productos-detalle.pedidos .cantidad-pedidos {width:60px; text-align:right; padding-right:20px} .productos-detalle.pedidos .precio-pedidos {width:66px} .cantidad-in input {text-align:left; margin-left:8px} .prod-descripcion {width:480px;text-transform:uppercase; text-align:left; } .foto-bg {width:42px; height:36px; background: url(pic.jpg) bottom no-repeat; } .foto-bg-2 {width:42px; height:36px; background: url(pic.jpg) bottom no-repeat; } .detalle-productos {width:434px; padding:10px; vertical-align:top; } .bg-mispedidos {width:751px; background:#ddd no-repeat; padding-bottom:20px} .datos-pedido {width:209px;margin-top:30px; padding-bottom:20px} .botones-cont {width:400px} .derecha-calendario {width:300px; float:right !important} .derecha-calendario h3 {width:100%; font-weight:bold; text-decoration:underline; padding-bottom:15px; text-align:center; margin-top:20px; font-size:13px; color:#4f493b} #datepicker-3 {margin-left:30px} .derecha-calendario label.error {margin-left:30px !important; float:left!important; width:150px !important } .pedido-nueva {margin:0 !important} .titulo-pedido {background:#eeeeee !important} .titulo-pedido th {text-align:left; border:none !important; padding:10px} .pedido-bg-gray {background: #f6f6f6 !important} .main-tabla-pedido {width:705px} .main-tabla-pedido table {width:auto} .descartar {width:126px; height:25px; background:url(buttons-seb.gif) no-repeat 0 0; text-indent:-9999px; cursor:pointer; margin:17px 0 0 19px } .descartar:hover {background-position:bottom left} .iniciar {width:104px; height:25px; background:url(buttons-seb.gif) no-repeat -127px 0; text-indent:-9999px; cursor:pointer; margin:17px 0 0 19px; float:right } .iniciar:hover {background-position: -127px bottom} #lnk_carrito_global {background:url(fullcart.gif) no-repeat; width:38px; height:38px; float:left; text-indent:-9999px; margin:-7px 0 0 15px} /* Pedidos Historial */ .tabla-historial {padding-bottom:20px; margin:0 auto;background:#fff} .pedidos-historial-titulo {width:751px;height:37px;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} .pedidos-historial-titulo h3 {background: url(historial-pedidos.gif) no-repeat;text-indent:-9999px;height:37px} .top-historial {background-color:#D3CCBB; text-transform:uppercase; height:32px} .header-historial {text-transform:uppercase} .fecha-cuenta {width:150px; height:35px; } .estado-cuenta {width:400px; height:35px} .monto-cuenta {text-align:left} .border-historial {width:705px; border-top: solid 1px #a3a3a3;padding-top:5px} .border-historial-2 {width:705px;padding-top:5px; background-color:#EEEEEE} .border-historial-3 {width:705px;padding-top:5px;} .historial-detalle { height:45px; background-color:white} .historial-detalle-2 { height:45px; background-color: #eeeeee} .historial-desc {text-align:left; padding-left:10px} .ver-pedido {background-color:#FFFFFF} .bg-none {width:46px;} .cantidad-pedidos {width:90px; height:30px;color:#838383; text-transform:uppercase; text-align:left} .descripcion-pedidos {width:440px; height:30px;color:#838383; text-transform:uppercase;text-align:left} .precio-pedidos {width:90px; height:30px;color:#838383; text-transform:uppercase} .bg-none-cont {width:46px;height:30px} #mascara {position:fixed; width:100%; height:100%; top:0; left:0; background: url(../../css/opacity.png) left top repeat;display: none; z-index:9999} #mascara img {position:absolute;left:50%; top:50%} /* Promociones */ .promociones-titulo {width:751px;height:37px;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} .promociones-titulo h1 {background: url(promo-h3.gif) no-repeat;text-indent:-9999px;height:37px} .foto-bg-promo {width:42px; height:36px; background: white; padding:7px;} .foto-bg-promo-2 {width:42px; height:36px; background: #eeeeee; padding:7px } .info-promociones {margin:25px} .border-pedidos-promo {width:705px; border-bottom: solid 1px #a3a3a3;padding-top:5px} .preview_thumb {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #949494;color: #FFFFFF; display: none; padding: 1px;position: absolute;top: 0;width: auto; left:-164px } .preview-caja {position: absolute;width: auto;} .preview-caja span {background:url(flecha-promo.gif) no-repeat;width:6px;height:11px;position:absolute;right:-6px;top:6px} .desplegable-cont-historial {background: #ddd;padding-bottom:20px;} .desplegable-cont-historial td {background:#fff;padding-top:5px;padding-bottom:6px} .desplegable-cont-historial img {padding:5px} .tabla-detalle {margin:0 auto;width:80%} .tabla-detalle td, .tabla-detalle th {text-align:center;padding:7px} .tabla-detalle th {background:#aaa;border:none!important;color:#fff} .tabla-detalle td {background-color:transparent} .no-productos {margin-top: 15px;padding: 2px;text-align: center;width: 746px; float:left} /* Estado de Cuenta */ .fecha-cuenta {width:120px; text-transform:uppercase; padding:10px} .estado-cuenta {width:435px;text-transform:uppercase; text-align:left; padding-left:15px} .monto-cuenta {width:100px;text-transform:uppercase} .fecha-cont {padding-left:20px} .estado-cont {padding-left:20px;} .monto-cont {text-align:left} .fecha-cont-2 {height:36px; background: #eeeeee; border-right: solid 5px #FFFFFF;padding-left:20px } .estado-cont-2 {height:36px; background: #eeeeee; padding-left:20px} .monto-cont-2 {height:36px; background: #eeeeee;text-align:center; border-left:solid 5px #FFFFFF;} .total-cuenta {width:370px !important; height:35px; float:right; margin-top:15px; margin-right:15px; text-align:center; color:#666666} .total-adeudado {width:240px; background: white} .total-adeudado span {font-weight:bold} .valor-cuenta {width:133px; background:#eeeeee; font-weight:bold;} .cuenta-titulo {width:751px;height:37px;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} .cuenta-titulo h3 {background: url(estadocuenta-h1.gif) no-repeat;text-indent:-9999px;height:37px} .busqueda-facturas {margin: 20px 20px 20px 0; height:40px;} .busqueda-facturas h1 {text-transform:uppercase; font-weight:bold} .facturas-form {width:465px; margin-top:20px} .facturas-form label { margin-top:6px;margin-left:5px} .desde-cuenta { width:90px; background:white; border: solid 1px #a3a3a3;margin-top:5px; margin-left:10px} .hasta-cuenta { width:90px; background:white; border: solid 1px #a3a3a3;margin-top:5px; margin-left:10px} .buscar-cuenta {width:76px; height:25px; background:url(buscar-factura.gif) no-repeat; text-indent:-9999px; margin-left:15px;cursor: pointer} .ui-datepicker-trigger {cursor: pointer; float:left;margin-left: 4px;margin-top: 3px} /* Descargas */ .descargas-titulo {width:751px;height:37px;float:left;border-bottom:solid 1px #4c4536;margin-top:30px} .descargas-titulo h3 {background: url(descargas-h3.gif) no-repeat;text-indent:-9999px;height:37px} .logos-descargas {background:url(logos-desc.gif) no-repeat; text-indent:-9999px; width:60px !important; margin:10px 0 0 15px !important} .catalogos-descargas {background: url(catalogos-desc.gif) no-repeat; text-indent:-9999px; width:120px !important; margin:10px 0 0 15px !important} .imagenes-descargas {background: url(imagenes-desc.gif) no-repeat; text-indent:-9999px; width:90px !important; margin:8px 0 0 15px !important} .lista-descargas {background: url(lista-desc.gif) no-repeat; text-indent:-9999px; width:155px !important; margin:5px 0 0 15px !important} .nombre-desc {width:140px;text-transform:uppercase; text-align:left; padding-left:15px; height:35px} .tamano-desc {width:90px;text-transform:uppercase; text-align:left; padding-left:15px} .fecha-desc {width:190px;text-transform:uppercase} .descarga-desc{width:114px;text-transform:uppercase; text-align:center} .nombre-cont{height:36px; padding-left:20px} .tamano-cont {height:36px; padding-left:10px;} .fecha-cont-desc {height:36px; text-align:center} .descarga-cont {height:36px; text-align:center} .descarga-cont img {vertical-align:middle;padding-right: 5px;} .formato-bg {width:34px} .word {background:url(word.gif) no-repeat; width:22px; height:24px} .illustrator {background:url(illustrator.gif) no-repeat; width:22px; height:24px} .photoshop {background:url(ps.gif) no-repeat; width:22px; height:24px} .jpg {background:url(jpg.gif) no-repeat; width:22px; height:24px} .png {background:url(png.gif) no-repeat; width:22px; height:24px} .tiff {background:url(jpg.gif) no-repeat; width:22px; height:24px} .pdf {background:url(pdf.gif) no-repeat; width:22px; height:24px} .colorbox-lupa {width:100px;height:36px;} .futura-blanca {font-size:18px!important;color:333!important; margin: 5px 0 0 10px !important; text-transform:uppercase} .futura-negra {font-size:18px!important;color:#4c4536!important; margin: 5px 0 0 10px !important; text-transform:uppercase; font-weight:bold} /* USUARIOS */ #usuarios_table th, #usuarios_table td{padding:10px;text-align:center} #usuarios_table input {float:none;margin:0 5px} .desplegable-cont th, .desplegable-cont-historial th{border-bottom: 1px solid #A3A3A3;text-transform:uppercase} .add_user {padding-bottom:10px} .add_user a {background:url(add_user.gif) no-repeat 0 0;float: right;height: 24px;line-height: 24px;margin: 10px 20px 0 0;padding-left: 30px;} #form_add_user {display: block;float: none;margin: 0 auto;width: 320px;} #form_add_user li, #form_add_user label {width:100%} #form_add_user li {padding:10px 0} #form_add_user label {padding-bottom:2px;font-weight:bold} #form_add_user span {float:left;padding: 0 20px 0 5px;} #form_add_user li input, #form_add_user select {border: 1px solid #A3A3A3;width:300px;background:#fff;padding:3px} .radios input{width:auto!important;border:none!important} .dar_alta {background:url(dardetalta.gif) no-repeat; width:110px;height:25px;text-indent:-9999px;cursor:pointer} .passwrd-msj {float:left; font-size:9px} .mensaje-usuario {border: 1px solid;margin-top: 25px;padding: 2px;text-align: center;width: 746px;} /* ESTADISTICAS */ #table_estadisticas td, #table_estadisticas th {padding:6px;text-align:center} /* PEDIDOS HISTORIAL NUEVO */ .c_box_header {border:none !important} .check_box {background: #efede5 !important; padding-left:5px;padding-top:5px; padding-bottom:5px;padding-right:15px} .td_relleno {background:none!important} .cont-pedido-bt {width:113px; height:29px; float:right !important; background:url(cont-pedido.gif) no-repeat; text-indent:-9999px; margin:12px 38px 0 0; cursor:pointer} .cont-pedido-bt:hover {background-position:0 -30px} .pedidos-inc {width:168px; height:30px; background:url(pedidos-inc.gif) no-repeat !important; text-indent:-9999px; cursor:pointer; float:left} .pedidos-inc:hover {background-position:0 -30px !important} /* PEDIDO FINALIZADO */ .pedido-fin {float:left; margin-top:15px; text-align:center; width:737px; font-weight: bold} .pedido-msj { width:722px;text-align:center; font-weight:bold; margin-top:20px} /* PEDIDOS REALIZADOS */ .table-bg-pale img {padding:0 5px 0} .table-bg-pale td {background:#eee !important; padding:8px} .table-bg-pale td.align-left {text-align:center; padding-left: 11px} .table-bg-gray {margin:15px 0 0 21px !important; width:705px !important} .table-bg-gray td.align-left {text-align:left; padding-left: 11px} .table-bg-gray th {background:#eeeeee; border-bottom: none !important; padding:12px} .table-bg-gray td {background:#f6f6f6 !important; text-align:center} .table-bg-gray td input {width:32px; background:#fff; border:solid 1px #a3a3a3; margin-left:14px} .first-left {text-align:left !important} .first-left img {margin:0 10px} .mensajes_table tr{height:15px;text-align:center;} .border-right {border-right: solid 4px #fff} /* -- Colorbox -- */ #colorbox div {width:auto} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%!important;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:#333} #colorbox{} #cboxContent{margin-top:20px;} #cboxLoadedContent{background:#fff; padding:47px;} #cboxTitle{position:absolute; width:100%; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; width:100%; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(colorbox/controls.png) top left no-repeat; width:28px!important; height:65px; text-indent:-9999px;} #cboxPrevious.hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} #cboxNext.hover{background-position:bottom right;} #cboxLoadingOverlay{background:#fff;} #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat; width:100%!important} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(colorbox/controls.png) top center no-repeat;} #cboxClose.hover{background-position:bottom center;} /* CHART */ #informacion {border:#4C4536 solid 1px;width:330px;height:100px;float:left;margin:12px 0 0 30px;background-color:#D3CCBB;-moz-border-radius:10px;-webkit-border-radius:10px;} #info_estadistica {border:#4C4536 solid 1px;width:330px;height:100px;float:left;margin:12px 0 0 30px;background-color:#D3CCBB;-moz-border-radius:10px;-webkit-border-radius:10px;} #info_estadistica p {font-weight:bold;height:10px;line-height:27px;text-align:center;width:100%;} #info_estadistica li {height: 17px;width:100%;list-style-type:square;float:none;display:block;margin-bottom:8px;} #info_estadistica ul {margin-left:15px;width: 100%;} #item1 {background-color:#DDDF0D;height:10px;margin-right:7px;margin-top:2px;width:15px;} #item2 {background-color:#7798BF;height:10px;margin-right:7px;margin-top:2px;width:15px;} #item3 {background-color:#55BF3B;height:10px;margin-right:7px;margin-top:2px;width:15px;} .aceptar_vendedor {font-family:Tahoma; text-align:center; color:#fff; font-weight:bold; font-size:14px; padding:3px 9px; background: #010101; /* Old browsers */ background: -moz-linear-gradient(top, #010101 0%, #4a4949 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010101), color-stop(100%,#4a4949)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #010101 0%,#4a4949 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #010101 0%,#4a4949 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #010101 0%,#4a4949 100%); /* IE10+ */ background: linear-gradient(top, #010101 0%,#4a4949 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#4a4949',GradientType=0 ); /* IE6-9 */-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:solid 1px #3B3B3B; font-weight:700; color:#eee; margin:0 0 0 388px; cursor: pointer} .datos_vendedor {font-style:italic; float:left; margin:23px 0 0 11px; font-weight:700; font-size:15px} .datos_ul {margin:26px 0 22px 12px; width:980px} .datos_ul li {padding:2px 0 11px; width:323px; font-size:14px} .vendedor_res {margin:101px 0 0; float:left; text-align:center; width:100%; font-weight:700} #mje-derivacion{background:#ddd; float: right; padding: 17px 20px; text-align: center; width: 346px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;margin-right:43px} .submit-bt{color:#fff;font-size:14px;text-transform:uppercase;border:2px solid #D7D7D7;background:#398499;letter-spacing: 0;font-weight:700;padding:4px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor:pointer} #tabla-socios {margin-top:20px;border:1px solid #999} #tabla-socios th, #tabla-socios td{text-align:center;padding:6px 4px} #tabla-socios th {text-transform:uppercase;background:#999;color:#fff} #tabla-socios td{border:1px solid #999} #buscador-socios{margin-top:20px} #buscador-socios p{float:left;width: 177px;padding-bottom: 10px;} #buscador-socios p label{font-weight:700;padding-bottom:5px} #buscador-socios p input, #buscador-socios p select{background:#fff;border:1px solid #999;font-size:11px;color:#999} #buscador-socios p input{padding:4px 5px;width:148px} #buscador-socios p select{padding:3px 5px;width:172px} #buscador-socios .submit-bt{float:right;margin-right:12px} #confirmar_incentivo li{width:100%;border-bottom:1px solid #ccc;padding:10px 0} #confirmar_incentivo li input{margin-right:10px} #confirmar_incentivo label{cursor:pointer} #confirmar_incentivo .submit-bt{float:right;margin-top:10px;margin-right:43px} /**/ article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} /********************** BLOG **********************/ #breadcrumb{font-size:11px} /* posts */ .addthis_toolbox{margin-top:10px;padding-bottom:10px} #post-col{float:left;margin-left: 15px;width:55%;} .post{border-bottom:1px solid #999;padding-bottom:20px;margin-top:24px;overflow:hidden} .post header{padding-bottom:10px} .post header p {color:#666} .post h1,.post h2{padding:10px 0} .post h1,.post h2, .post h2 a{font-size:16px;text-transform:uppercase;color:#398499;font-weight:700} .post h2 a:hover{text-decoration:underline} .post figure{float:right;padding:10px} .post-txt{line-height:20px;float:none!important;display:block!important} .tags{margin-top:10px;clear:both} #blog-nav{margin-top:20px} #blog-nav a{padding:5px 10px;border:1px solid #EFEFEF} .prev{float:left} .next{float:right} /* aside */ #blog-aside{width:20%;float:right; border-left: 1px dashed #999999; margin:20px 0 0 0; padding:15px 0 0 12px} #blog-aside h4{font-size:14px; margin-top:30px;padding-bottom:10px;font-weight:700} #blog-aside ul{float:none;display:block; list-style-type: circle} #blog-aside li{list-style-type:square;margin-left:15px;padding:2px 0;display:block;float: left; width:75% } #tagcloud{text-align:center; background:#fff; border-radius: 4px; padding:9px 5px; width:82%} #tagcloud a{margin:0 8px;} #busqueda{width:50%; background:#fff; border: solid 1px #ddd} #rss{margin-top:20px;padding-top:10px;} #rss img{vertical-align:middle} .buscar {border-radius:2px; background:#398499; color:#fff; font-weight:700; font-size:11px; margin: 0 0 0 5px} /* comentario form */ #comentarios-form{float:left;margin-top:20px;width:49%} #comentarios-form h3, #posts-rel h3, #comentarios h3{font-size:14px; font-weight:700; padding:0 10px} #comentarios-form label{display:block;padding:15px 0 5px} #comentarios-form input, #comentarios-form textarea{width:80%; background:#fff; border:1px #ddd solid} #comentarios-form textarea{height:100px} #comentarios-form small{font-size:10px} #comentarios-form #captcha{width:80px;text-transform:uppercase; margin:15px 5px 0 0} #comentarios-form .enviar-comentario{width:auto; background:#398499; color:#fff; font-weight:700; font-weight: 700; border:solid 1px #fff; border-radius: 4px; padding:2px 4px} #captcha_box{padding-bottom:20px} #captcha_box label.error{padding:15px 0 5px!important} #captcha_container{margin-bottom:-18px;position:relative} .ie7 #captcha{vertical-align:baseline} #captcha_box a {background:url(refreshb.png) no-repeat; width:20px; height:20px; float:left; line-height:0; text-indent:-9999px; margin:15px 0 0 0} /* comentarios */ #comentarios{margin-top:20px;display:inline-block;padding-top:22px;border-top:1px solid #d7d7d7; background:#f7f7f7} #comentarios article{padding:22px;line-height:14px} #comentarios .odd{background:#E3E3E3;border:1px solid #d7d7d7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} #comentarios article header{padding-bottom:10px;font-style:italic} /* Notas relacionadas */ #posts-rel{float:right;margin-top:20px;width:49%} #posts-rel ul{margin-top:8px} #posts-rel li{padding:5px 0;margin-left:30px;list-style-type:square} div.producto a.download-bt{background:#ccc} a.download-bt, div.valida a.download-bt{background:#3A8499;padding:2px 4px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;color:#fff} a.download-bt:hover{color:#000} .evento-data{margin-top:51px} .evento-data .date{background:#CCC;font-style:italic;padding:4px 13px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline}