/************************************* RESET **************************************/ body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote, label,td { margin:0px; padding:0px; } fieldset,img {border:0;}ol,ul {list-style:none;} /***************************** GENERAL *******************************/ body { font:normal 11px arial } html {overflow-x:hidden;} #index_black {text-align:center; margin-top:50px;} #index_black h5 {font:bold 14px arial; margin-bottom:25px;} #index_black p {margin-bottom:25px;} a { font:normal 11px arial; color:#999; text-decoration:none; } a:hover { text-decoration:underline} #top, #fav,#menusup, #main, #pie,#pie_netone, #leyenda_central, #footer {width:990px;margin:0px auto; position:relative} #leyenda_central {text-align:center;padding:5px 0;} #main, #top, #pie {background:#fff} #leyenda_gral_footer {text-align:center;} #fondo {width:100%;} /***************************** COLUMNAS *******************************/ #left {float:left;width:200px;} #center {float:left;background:#fff; width:590px;margin-left:10px; padding-bottom:30px;border:0px solid #f00} #right {float:right;width:180px;background:#fff} #cont-der-central {float:left} #cont-der-central .ley-der-central {color:#f00;} #center h5,#center h6, #pgs_sueltas h5,#pgs_sueltas h6, #workflow h5, #workflow h6 {font:normal 28px arial;background:transparent;border-bottom:1px solid #ccc;color:#069;margin-top:10px;margin-bottom:15px;} #center h5.solpromo { display:none } #pgs_sueltas h6 {font:normal 18px arial;color:#666; margin-top:-10px;} #center h6 {font:normal 18px arial; } .spotsleft, .spotsright {text-align:center} /***************************** TOP *******************************/ #top {z-index:10; position:relative; padding-bottom:60px;} #fav {text-align:right;background:#666; padding:8px;} #fav a {color:#fff;} #fav ul li { display:inline} #fav li.recomendar,#fav li.favoritos,#fav li.contactotop,#fav li.suscripcion { padding-left:28px; margin-right:5px; } #fav li.recomendar { background:url(../imagenes/ico-recomendar.png) no-repeat 1px;} #fav li.favoritos { background:url(../imagenes/ico-favoritos.png) no-repeat 1px;} #fav li.contactotop { background:url(../imagenes/ico-arroba.png) no-repeat 1px;} #fav li.suscripcion { background:url(../imagenes/ico-suscribir.png) no-repeat 1px;} .datos_usu { float:right;} #buscartop {position:absolute;right:5px;bottom:3px;z-index:40;} #buscartop {position:absolute;right:0px; bottom:0px;z-index:40; padding-left:35px ; color:#fff; width:410px; height:38px;background:url(../imagenes/fondo-buscar.png) no-repeat} #buscartop form {margin:0; padding:0px;} #buscartop input {margin:0; padding:0px;} #buscartop #palabra { float:left;height:15px; margin-top:4px; margin-left:10px; width:290px; position:relative; top:1px; padding:5px; background:#fff;-webkit-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px; } #buscartop input[type="image"] {position:relative; top:2px;} #login_sup .boxlogin {width:50px;font:normal 10px arial;} #menutop {position:absolute;right:0px;top:15px;} #menutop a {text-transform: uppercase;} #menutop a:hover {text-decoration:none} #menutop ul li {display:inline;padding:5px;} #caja_func_sup {position:absolute;top:45px;right:0px;width:750px;border:0px} #login_sup {font:normal 10px arial; text-align:right; padding:5px;padding-right:10px;border-right:1px solid #e0e0e0; float:right; position:relative; top:1px;} #nombre_usuario {float:right; padding:5px;} #nombre_usuario_der {font-weight:bold; display:none;} #carrito_top{float:right;display:inline} #carrito_top .int_carrito_top {display:inline;background:url(../imagenes/carrito.png) no-repeat 5px;border-left:1px solid #fff; float:left; padding:5px; padding-left:30px;font:normal 11px arial;} #carrito_top a.ircarrito {padding:3px; background:#c10505; color:#fff; text-decoration:none} #micuenta_top{float:right; padding:5px;padding-right:10px; position:relative; top:0px;} .carrito_btns_actualizar {margin-bottom:0px;} div.spot_top, div.ley_gral_top2 {text-align:center;} div#banner_top {margin-top:5px;} /***************************** PIE *******************************/ #pie {background:#666; color:#ccc;font:normal 11px arial;padding:10px 0; text-align:center} /*****************MENU TOP RUBROS*******************/ #menusup{position:absolute;background:#909090; left:0px;bottom:0px;text-transform:uppercase;z-index:20;} #nav, #nav ul {z-index: 30; height:40px;width:990px; } #nav a { font:bold 14px 'Arimo', sans-serif; font-style:normal; display:block; padding:12px 15px 12px 15px;text-decoration:none; background:#909090; color:#fff; border-right:1px solid #b0b0b0; text-transform:none} #nav a:hover{color:#333;} #nav ul a {font:normal 13px calibri; padding:5px; background:#fff; color:#666} #nav li{float:left; position:relative;} #nav ul { position:absolute; display:none; width:110px; top:0px;} #nav > li > ul { position:absolute; display:none; width:110px; top:40px;} #nav li ul a { width:135px; color:#fff;float:left; border-bottom:1px solid #999; background:#666} #nav li ul ul { left:135px; margin:0px 0 0 10px; width:110px; } #nav li:hover ul { display:none; } #nav li:hover ul, #nav li li:hover ul { display:block; } #nav li a.activo { background:#f00} /*****************MENU LATERAL**********************/ #menulat {z-index: 50;} #nav2, #nav2 ul{z-index: 0;left:185px;display:block;} #nav2 ul {left:198px;} #nav2 ul {position:absolute; display:none; top:0em; } #nav2 li:hover ul {display:block; cursor:pointer} #nav2 a {display:block; padding:5px 20px; font:bold 11px arial;color:#fff; background:#999; text-decoration:none; border-bottom:1px solid #f0f0f0;} #nav2 a:hover { background:#f5f5f5; color:#3b7eb1;} #nav2 li {position:relative;cursor:pointer;} #nav2 li a {margin-bottom:0px;display:block; } #nav2 li ul {margin:0px;} #nav2 li ul a { color:#069; width:150px;background:#e0ebed; border-bottom:1px dotted #ccc; padding:5px 20px} #nav2 li ul a:hover {background:#f0f0f0;} #nav li { z-index:2 } #nav2 li {z-index:1 } #nav2 li a.activo { background:#f00 } /*****************CAJAS**********************/ .cajaleft {border:1px solid #ddd;margin:5px 0;} .cajaright {border:1px solid #ddd;margin:5px 0;} .clear {clear:both} .cajaright ul li {padding:3px;} .cajasright p, .cajasleft p { padding:5px;} #top5 h5, #servicios h5, #buscar h5, #encuestas h5, #carrito h5, #login h5, #compras h5, #suscripcion h5 {padding:5px;font:bold 11px arial;background:#1e8ec6;color:#fff;} #buscar h5 {margin-bottom:4px;} /*BUSCAR*/ #buscar { border:0px; } #buscar input[type=text] { width:110px;} #buscar input[type=image] { margin-left:4px;position:relative; top:5px;} /*SERVICIOS Y TOP5*/ #servicios a,#servicios a:hover, #top5 a, #top5 a:hover {font:normal 11px arial;text-decoration:none;display:block;padding:5px;color:#666;background:#f6f6f6;border-bottom:1px dotted #fff;} #servicios a:hover, #top5 a:hover {color:#999;background:#ddd;} /*LIBRES*/ #libres a, #libres a:hover {font:normal 11px arial;text-decoration:none;display:block;padding:5px;color:#666;background:#f6f6f6;border-bottom:1px dotted #fff;} /*ENCUESTA*/ #encuestas ul li {font:normal 11px arial;color:#666;background:#fff;border-bottom:1px dotted #fff;} #encuestas ul li a:hover {color:#999;background:#ddd;} #encuestas p {padding:5px;font:bold 11px arial} #encuestas input[type=image] { margin:5px } /*LOGIN*/ #login li .boxlogin {width:50%;font:normal 10px arial;} #login li label {width:50px;float:left;font:normal 10px arial;} #login .boton { margin-top:1px } #login input[type=image] {margin-left:5px;} /*COMPRAS FRECUENTES*/ #compras input[type=text] {width:15%;font:normal 10px arial} #compras a { display:block; text-decoration:none} #compras a:hover { text-decoration:underline} /*SUSCRIPCION*/ #suscripcion input[type=text] {width:15%;font:normal 10px arial} #suscripcion a { display:block; text-decoration:none} #suscripcion a:hover { text-decoration:underline} /************* OFERTAS ************************/ #ofertas #center {width:990px; padding:0; margin:0} .cajasoferta, .cajasnuevo {position:relative;float:left;width:17%; border:1px solid #fff;padding:9px; margin:4px; border-bottom:3px solid #ccc} .cajasoferta:hover, .cajasnuevo:hover {border:1px solid #e0e0e0; padding:9px; margin:4px; border-bottom:3px solid #2b95bd} cajasoferta p.precio,.cajasnuevo p.precio {font:bold 16px calibri; font-style:italic; color:#666} p.img_oferta{float:left;margin-right:10px;} .imagenart {background:#fff;margin-bottom:7px} .imagenartofertas {background:#fff;margin-bottom:0px} .stock,.nostock {display:block} .nostock {color:#f00;font-weight:bold;} .precio {font-weight:bold} .precio-tachado {color:#f00;text-decoration:line-through;} .precio_ofe, precio_ofe .precio-tachado {font:bold 25px arial;} p.artdec_ofe {font:normal 12px arial;margin:10px 0} p.art_cod_home , p.art_cod_precios{color:#f00; font:normal 10px arial; display:none;} .addthis_toolbox, .addthis_default_style { border-top:1px solid #ddd; margin-top:10px; padding-top:3px; text-align:right; } .addthis_toolbox a, .addthis_toolbox img {text-align:right;} #redes_compartir img {text-align:right;} .addthis_button_facebook {text-align:right;} span.desta {background:transparent url(../imagenes/ico-destacado.png) no-repeat right top;width:38px; height:38px; color:#fff; position:absolute; padding:3px; font-weight:bold; right:0px; top:0} #ofertas div.artdec_ofe{ display:none !important; } .bto_compra, .bto_detalle { border:1px solid #a8a8a8; background:url(../imagenes/fondo-boton.png) repeat-x; font:normal 11px arial; color:#444444; padding:3px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer } /*** ETIQUETAS ***/ div#filtro-aplicado {font:normal 12px arial;background:#e7e7e7; padding-bottom:0px !important;border-bottom:1px solid #ccc; margin-bottom:15px;} div#filtro-aplicado span.titbusqueda {background:#2c2c2c; color:#fff; display:block; padding:5px;font:normal 13px arial black;} ul#lista-filtro-aplicado > li { float:none !important; margin-bottom:2px; display:block; padding:5px;font:bold 11px arial; padding-left:10px; background:#e7e7e7; position:relative; margin:0px !important} ul#lista-filtro-aplicado li:hover {cursor:pointer;} ul#lista-filtro-aplicado > li > span {color:#707070; font:normal 12px arial black; text-transform:uppercase} div#Colores ul li img {width:25px;border:1px solid #ccc;} /************* INFO PRODUCTOS GENERAL ************/ .masinfo {display:block;background:url(../imagenes/lupa.gif) no-repeat;padding:3px 25px; } a.pre_marca {font:bold 12px arial; color:#000} /************* RUBRO ************************/ a.vertodos_subrubro {font:bold 11px arial;display:block;padding-top:10px; padding-bottom:10px;} #proy_rubro {margin:15px 0px; clear:both} .cajasrubro {float:left; width:20%; border:1px solid #ccc; padding:7px; margin:4px;text-align:center; border-top:4px solid #999} .leyrubselec {display:block;} #center > p { padding:10px;} #listasub ul li a {display:block; padding:0px 10px;} #listasub ul li {float:left; list-style-type: none;} /*************** PRODUCTOS ***********************/ #productos #center { width:770px; } .cajasprod { float:left; width:21%; border:1px solid #fff; padding:8px; margin:4px; position:relative; border-bottom:3px solid #ccc} .cajasprod:hover {border:1px solid #e0e0e0; border-bottom:3px solid #069} .cajasprod div.divdcorta {display:none} .cajasprod .sinstock { background:#f00; color:#fff} a.titprod {display:block;font:normal 15px calibri; color:#666} .cajasprod span.sinstock {position:absolute; top:0; right:0; z-index:10; padding:3px;} .cajasprod p.precio {font:bold 16px calibri; font-style:italic; color:#666} #hormiga {padding:5px 0} #hormiga a.hormiga {font:normal 15px calibri} #hormiga b.hormiga {font:bold 15px calibri; color:#519dc4} img.sepa-hormiga {position:relative; top:3px;} .paginado {padding:5px; } ul.subcate li {float:left;} ul.subcate li a {display:block; padding:3px 3px 3px 0;} ul.subcate li + li {border-left:1px solid #ccc;} ul.subcate li + li a {padding:3px;} /************* NOVEDADES CORPORATIVAS ************************/ /*generales*/ div#novcorp { padding:10px; width:970px} .titnovcorp, .titnovcorp a {font:bold 20px arial; margin-bottom:5px; display:block; color:#069} .fecnovcorp {display:block} .imgnovcorp img {margin:10px 0; padding:2px; background:#fff; border:1px solid #ccc;} p.novcorp { border-bottom:0px solid #ccc; padding-bottom:15px;} div.paginado { text-align:right } /************* PRESUPUESTOS ************************/ #presupuestos #center { width:990px; } #presupuestos #tbl_presupuestos { } /*home usuario*/ div#noticias_home_usuario { margin-top:40px; } /*****************REGISTRO*******************/ #registro { width:100% } #registro td { padding:5px; } #reg_personales td,#reg_entrega td {border-bottom:1px solid #e0e0e0;} #reg_personales, #reg_entrega { background:#f6f6f6 } #registro label.req, #contacto label.req {padding-right:15px;background:url(../imagenes/requerido.gif) no-repeat right} form.cmxform label.error, label.error {color: #f00;font: normal 10px arial;display:block;margin-left:0px;} form.cmxform input {border: 1px solid #000; } form.cmxform label.error {margin-left: 0px;} .izq { float:left; width:45%;padding-left:10px; margin-bottom:10px;} .der { float:right; width:45%;margin-bottom:10px;} .registro select { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px; text-decoration: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; -moz-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; width:230px; } #reg select { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px; text-decoration: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; -moz-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; width:230px; } /************** contacto ********************/ #tabla_form_contacto {width:560px;} #tabla_form_contacto td {padding:3px;} #tabla_form_contacto .tit { font:bold 12px arial; padding:10px 0;} /************** busqueda ********************/ #busqueda .izq {float:left;width:45%} #busqueda .der {float:right;text-align:right;width:40%} .titbusqueda {padding:5px;border-bottom:2px solid #ccc;margin-top:10px;} .titbusqueda a {font:bold 12px arial;} .filabusqueda {border-bottom:1px dotted #ccc;padding:3px} .filabusqueda .imagen {float:left; padding-right:10px;} #busqueda #center { width:770px;} #busqueda .cajasprod { width:17% } /***************** MI CUENTA *******************/ #micuenta #center {width:990px;} #micuenta .datos, #micuenta .compras, #micuenta .pagos,#micuenta .presupuestos {width:25%; border:0px solid #f00; float:left; padding:10px; padding-left:55px;height:150px; } #micuenta .datos, #micuenta .compras,#micuenta .presupuestos {border-right:1px solid #ccc;} #micuenta .datos {background:url(../imagenes/micuenta-usuario.png) no-repeat 10px 0;} #micuenta .compras, #micuenta .presupuestos {background:url(../imagenes/micuenta-pedidos.png) no-repeat 10px 0;} #micuenta .pagos {background:url(../imagenes/micuenta-pagos.png) no-repeat 10px 0;} #micuenta #center input[type=text] {width:15%;font:normal 10px arial} #micuenta #center a { display:block; text-decoration:none} #micuenta #center a:hover { text-decoration: underline;} #micuenta #center div.paginado a {display:inline} #micuenta p.st {color:#069;font:bold 14px arial; margin:0px; padding:0px;margin-bottom:10px;} #micuenta p.st2 {color:#fff;font:bold 14px arial; margin:0px;margin-bottom:5px; padding:0px;background:#666; padding:5px;} #micuenta #workflow {border:1px solid #ccc; background:#f0f0f0; padding:5px;width:95%; padding-bottom:0px; margin-bottom:10px;} #micuenta #center ul {list-style-type:disc;margin-left:25px;margin-bottom:20px;} #micuenta #center ul li {color:#000; padding:5px 2px; font:normal 12px arial; } #micuenta #center ul li a {color:#000; padding:5px 2px; font:normal 12px arial; border-bottom:1px dotted #ccc} /**************** LISTADO DE PEDIDOS *************/ #listapedidos #center{ width:990px; } a.cargar_productos { padding:5px; background:#9cbfd0; color:#fff; font:bold 12px arial; border-radius:3px; -webkit-border-radius:3px; margin-bottom:10px;display:block; text-align:center; text-decoration:none } /************ DETALLE ******************/ #detalle h1 a.pre_marca, #detalle h1 {font:normal 18px arial; padding:10px 0px;} #detalle #center { height:auto !important; } #detalle #datos_prod {margin:20px 0;} #detalle p.codprod {margin-top:-10px; padding:0 0 5px 0;} #detalle h5 {font:normal 16px arial;} #detalle #img_prod {float:left; margin-right:10px;border:1px solid #ddd; position:relative; } #detalle #info_prod {float:right; width:550px;font:normal 12px verdana; line-height:18px } #detalle p.dcorta { padding:0 10px 10px 0; } #detalle p.color, #detalle p.talle { padding-bottom:5px; } #detalle #preview_color {float:right; position:relative;top:-35px;width:90px;} #detalle .precio { padding:10px 0; clear:both} #detalle .precio-tachado {font:bold 11px arial;color:#f00;text-decoration:line-through;} #detalle .precio-promo {font:bold 14px arial;color:#009900;} #detalle #precant {margin-top:15px; } #detalle div.izq{ padding:0px;width:45%; float:left; border-bottom:1px solid #ccc;} #detalle div.der{ width:45%; float:left; margin-left:10px; border-bottom:1px solid #ccc;} #detalle p.tit_conf {border:1px solid #ccc;} #detalle div.cab{ font:bold 11px arial; } #detalle b.cant_comp { margin-right:25px; } #detalle p.talle {margin-top:20px;} #detalle #ampliar {background:url(../imagenes/ico-ampliar.png) no-repeat 2% #000; color:#fff; padding:3px; padding-left:20px; position:absolute; top:0px; right:0px;z-index:200;} #detalle .cab_ext, #detalle .izq_ext{ font:bold 11px arial; border-bottom:1px solid #ccc; margin-right:5px; text-align:center; padding:2px;} #detalle .izq_ext {font-weight:normal} #precant h5 {font:bold 14px arial;} #detalle_print {padding:15px;width:500px;} #detalle_print h1 {color:#069; border-top:1px solid #ccc; margin-top:10px; padding-top:10px;} #detalle_print h5 {font:bold 14px arial; color:#069;margin-top:15px; margin-bottom:5px; border-bottom:1px solid #ccc;} #detalle_print ul { margin-left:25px; list-style-type:circle } #detalle_print .cajasoferta {clear:both; width:95%} #detalle_print .imagenart {float:left; margin-right:10px; padding-bottom:0px;} #detalle #center {width:980px; padding:0px 5px; } #detalle p.bot_func {float:right;display:inline} #detalle p.bot_func a, a.grilla { border:1px solid #a8a8a8; text-decoration:none; background:url(../imagenes/fondo-boton.png) repeat-x; font:normal 11px arial; color:#444444;padding:0px; letter-spacing:0px; padding:5px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer } #detalle p#compra {margin-top:15px;clear:both; display:block; } .rojo { color:#f00 } #boton_compra { display:block; float:right; position:relative; right:380px; top:2px;border:0px solid #f00 } #precio { border:0px solid #f00 !important } a.grilla { border:1px solid #a8a8a8; text-decoration:none; background:url(../imagenes/fondo-boton.png) repeat-x; font:normal 11px arial; color:#444444;padding:0px; letter-spacing:0px; padding:5px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer; display:block; width:170px; margin:10px 0 } a#recomdet { border:1px solid #a8a8a8; text-decoration:none; background:url(../imagenes/fondo-boton.png) repeat-x; font:normal 11px arial; color:#444444;padding:0px; letter-spacing:0px; padding:5px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer; display:block; width:170px; margin:10px 0 } ul#lista-talles li {font:normal 16px calibri; float:left; padding:5px;background:#666; color:#fff; text-align:center; margin-right:3px; cursor:pointer;position:relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } ul#lista-talles li.li-talle-off {color:#aaa; cursor:default; background:#fff;border:2px solid #e5e5e5} #detalle #mas_servicios {display:none;} div.jqZoomTitle{ font:normal 11px Tahoma;z-index:60;text-align:center; padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #999; } .jqZoomPup{ overflow:hidden;background-color: #FFF; -moz-opacity:0.5;opacity: 0.5;filter: alpha(opacity = 50); z-index:65;border-color:#c4c4c4;border-style: solid;cursor:pointer; } .jqZoomPup img { border: 0px; } .preload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font:normal 12px Tahoma; border: 1px solid #CCC; padding: 8px; text-align:center; background:#fff url(../imagenes/zoomloader.gif) no-repeat 43px 30px; width:90px;height:43px; z-index:70; position:absolute;top:3px;left:3px; } * html .preload { width:90px; height:43px; } .jqZoomWindow { border: 1px solid #999; background-color: #FFF; } /************** downloads ********************/ #general.documentos #center { width:990px; } .item_downloads {border-bottom:1px dotted #ccc;padding:15px 20px 15px 10px;clear:both} .img_downloads {float:left;margin-right:15px;} #grupo_downloads h3 {border-bottom:1px solid #666;padding:5px;} /************** link ********************/ #general.links #center { width:990px; } .links {border-bottom:1px solid #ccc;} #links .imagen { float:left;} #links .desc {padding-top:5px;} /************** contacto ********************/ #tabla_form_contacto {width:560px;} #tabla_form_contacto td {padding:3px;} #tabla_form_contacto .tit { font:bold 12px arial; padding:10px 0;} /************** NOSOTROS ********************/ #nosotros {padding-left:10px;} #nosotros h1 {font:bold 12px arial;} #img_nosotros {float:left;} #link_not_corp {float:right} .content_marcas {float:left;width:10%;padding:5px;text-align:center} #general.marcas #center {width:990px;} /************** LISTA PRECIOS ********************/ .imprimir {text-align:right;} .tr1 td,.tr2 td {padding:5px 2px;} .tr1 { background:#f6f6f6;} .tr2 { background:#f0f0f0; } #listaprecio a.pre_marca {font:bold 11px arial;color:#069} .rubrodes {margin-top:15px;padding:5px;font:bold 12px arial;color:#069} /************* PRECIOS POR CANTIDAD *************/ table.tabla_precio_x_cantidad { width:90%; text-align:center; margin-bottom:5px;border:1px solid #ccc; border-collapse:collapse } table.tabla_precio_x_cantidad td { border:1px solid #ccc; border-collapse:collapse } table.tabla_precio_x_cantidad tr.cab td { background:#e0e0e0;border:1px solid #ccc; border-collapse:collapse; font-weight:bold; } /******************************* ALERTA CARRITO ********************************/ /* base semi-transparente */ .overlay { display: none;position: fixed;background: #000; top: 0;left: 0;width: 100%;height: 100%; z-index:100;opacity:.75;-moz-opacity: 0.75;filter: alpha(opacity=60); } /* estilo para lo q este dentro de la ventana modal */ .modal { display: none;position: fixed;left: 50%;margin-left:-160px;top:50%; margin-top:-200px;width: 320px;height: 290px;padding: 10px; font:bold 11px arial;color: #333;z-index:110;overflow: auto; text-align:center;background:#fff;border:5px solid #999 } .modalver { float:left; width:48%; margin-top:20px; } .modalcont { float:right; width:48%;margin-top:20px; } #light span#imagen_alert, #light span#nombre_prod_alert, #light span#color_talle_alert,#light span#precio_alert { display:block; text-align:center;} #light div.info_carrito { margin-top:15px; background:#f0f0f0; color:#333; padding:10px;} /* POSITION:FIXED PARA EXPLORER 6 */ .efectoCarritoMod { position:absolute;width:200px;height:165px;left:50%;margin-left:-100px; /*agregado*/top:50%;margin-top:-87px;/*agregado*/ border:solid 0px #CCC;text-align:center;z-index:120;font:bold 12px arial;padding-top:10px; } #modalBack { position:fixed;width:100%;height:100%;left:0;top: 0; background-color:#CCC;filter:alpha(opacity=60);opacity: 0.6;z-index:130; } #light a.modalira, #light a.modalcontinuar { padding:5px; background:#e0e0e0; color:#000; text-decoration:none; text-align:center; border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc } /**************** PAGINAS SUELTAS *******************/ #pgs_sueltas {width:97%;margin:10px auto;} .msj { padding:10px;font:bold 11px arial;color:#666;border:1px solid #ccc;margin-bottom:10px; } .msjerror {padding:10px;font:bold 11px arial;color:#f00;border:1px solid #ccc;background:#f6f6f6;margin-bottom:10px;} .cierre_pag {text-align:right} .obs_compra {margin:15px 0px;} /******************* TABLAS ***********************/ #tabla_listados {width:98%} #cab_tabla_listados td { background:#069;padding:5px;font:bold 11px arial;color:#fff; } .tabla_listados td { padding:5px; } .cab_listados td, .pie_listados td {padding:5px;background:#aaa;font:bold 11px arial;color:#fff;} .cab_tabla_listados td {background:#ccc;padding:5px;font:bold 11px arial;color:#fff;} .ftl td {background:#f0f0f0;padding:5px;} .ftl2 td {background:#fff;padding:5px;} .ftl3 td {background:#fff;padding:5px;border-bottom:1px solid #ddd;} #tabla_carrito.presupuestos .fila_tabla_carrito td { border-bottom:1px solid #ccc; } .pagoonline {text-align:center} /******************* PRESUPUESTOS FRENTE ***********************/ #cab_setup td { background:#069;padding:5px;font:bold 11px arial;color:#fff; } .cab_presup { background:#ccc;padding:5px;font:bold 11px arial;color:#333; } #setup td.celda, .presupuestos td.celda { border-color:#eee } #setup td { padding:5px; } .cab_listados td, .pie_listados td {padding:5px;background:#aaa;font:bold 11px arial;color:#fff;} .cab_tabla_listados td {background:#ccc;padding:5px;font:bold 11px arial;color:#fff;} #setup tr.observ td { border-color:#aaa } table.presupuestos td { padding:5px; border:none } table.resumen td { padding:5px; } /************** busquedas ********************/ #talle {width:350px;margin:15px 0;} #bus_tematica #center ul {margin-left:25px;list-style-type:disc} p.encuesta {font:normal 12px arial} .content_porc {width:100%; padding:3px; border:1px solid #ccc; margin-bottom:10px;} .porc {height:25px; } .jcarousel-skin-tango .jcarousel-container-horizontal {width: 350px;padding: 10px 25px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 350px;height: 75px;} .jcarousel-skin-tango .jcarousel-item {width: 60px;height: 60px; border:1px solid #ddd; overflow: hidden;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 10px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;} .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 33px;right: 0px;width: 32px;height: 32px;cursor: pointer;background: transparent url(../imagenes/next-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal {cursor: default;background-position: -96px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 33px; left: 0px;width: 32px;height: 32px;cursor: pointer; background: transparent url(../imagenes/prev-horizontal.png) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../imagenes/next-horizontal.png);} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal {cursor: default;background-position: -96px 0;} #fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} #fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('../imagenes/fancybox.png');} #fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 11100;display: none;} #fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 11101;outline: none;display: none;} #fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;} #fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;} #fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background:url('../imagenes/fancyboxs.png') -40px 0px ;cursor: pointer;z-index: 1103;display: none;} #fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;} #fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;} #fancybox-frame {width: 100%;height: 100%;border: none;display: block;} #fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('../imagenes/blank.gif');z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {background-image: url('../imagenes/fancybox.png');background-position: -40px -30px;} #fancybox-right-ico {background-image: url('../imagenes/fancybox.png');background-position: -40px -60px;} #fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */} #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto;right: 20px;} .fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url('../imagenes/fancybox-x.png');} #fancybox-bg-ne {top: -20px;right: -20px;background-image: url('../imagenes/fancybox.png');background-position: -40px -162px;} #fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url('../imagenes/fancybox-y.png');background-position: -20px 0px;} #fancybox-bg-se {bottom: -20px;right: -20px;background-image: url('../imagenes/fancybox.png');background-position: -40px -182px; } #fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('../imagenes/fancybox-x.png');background-position: 0px -20px;} #fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('../imagenes/fancybox.png');background-position: -40px -142px;} #fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url('../imagenes/fancybox-y.png');} #fancybox-bg-nw {top: -20px;left: -20px;background-image: url('../imagenes/fancybox.png');background-position: -40px -122px;} #fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;} .fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;} .fancybox-title-outside {padding-top: 10px;color: #fff;} .fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px;background-image: url('../imagenes/fancy_title_over.png');display: block;} .fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;} #fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;} #fancybox-title-float-wrap td {border: none;white-space: nowrap;} #fancybox-title-float-left {padding: 0 0 0 15px;background: url('../imagenes/fancybox.png') -40px -90px no-repeat;} #fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('../imagenes/fancybox-x.png') 0px -40px;} #fancybox-title-float-right {padding: 0 0 0 15px;background: url('../imagenes/fancybox.png') -55px -90px no-repeat;} .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fancy_shadow_nw.png', sizingMethod='scale'); } img.boton-cerrar-fancy { position:absolute; top:5px; right:5px; cursor:pointer } img.fancy-boton-cerrar { position:absolute; top:5px; right:5px; cursor:pointer } ul.faq {margin-top:10px;margin-bottom:10px;} ul ul.faq {margin:0px;margin-left:15px;} ul.faq_rel_ul {list-style-type:square;margin:10px 10px 10px 30px;} div.faq_rel {border:1px solid #ccc;padding:10px;margin-bottom:10px;background:#f6f6f6} p.faq_respuesta {margin:10px} .faq_menu {margin-top:20px; margin-left:5px;border:1px solid #ccc;padding:5px;padding-top:15px;background:#f6f6f6;border-top:3px solid #999} .faq_menu h6 {display:block;margin-top:15px;border:1px solid #f00;margin-bottom:10px;} /***************************** PIE SEO *******************************/ #footer {padding:5px 0;} #footer h2 {font:normal 11px arial;text-align:center;color:#999} p.iva {text-align:center} /***************************** PREGUNTAS *******************************/ .pregunta {border:1px solid #ccc;margin-bottom:5px;padding:5px;border-top:3px solid #ccc;background:#f0f0f0} .respuesta {padding:5px;background:#fff;margin-top:5px;} .dat_preg {font-weight:bold;color:#666} a.btnpreguntas {padding:5px;text-decoration:none;background:#069;font:bold 11px arial;color:#fff;margin-bottom:20px;} .preglogin {width:50%;border-right:1px solid #ccc} .pregreg {text-align:center} .btnlogin {margin:10px 0} /**** PUNTUACION ***/ /* Puntuacion */ #valoracion {margin-top:15px;} #valoracion br[clear=all] {clear:none !important} .puntuacion {cursor: pointer;margin-right: 5px;display: block;float: left;overflow: visible;} .puntuacion:after {content: '.';display: block;height: 0;width: 0;visibility: hidden;} .estrella {float: left;width: 20px;height: 18px;overflow: hidden;display: inline-block;text-indent: -999em;cursor: pointer;} .titvalor {float:left; font:bold 11px arial;} .estrella_izq,.estrella_der {width: 10px} .estrella,.estrella a {background: url('../imagenes/estrella_sprite3.png') no-repeat 0 0px;} .estrella_izq,.estrella_izq a {background: url('../imagenes/estrella_sprite_izq3.png') no-repeat 0 0px;} .estrella_der,.estrella_der a {background: url('../imagenes/estrella_sprite_der3.png') no-repeat 0 0px;} .estrella a {display: block;width: 100%;height: 100%;background-position: 0 0px;} div.puntuacion div.on a {background-position: 0px -25px;} div.puntuacion div.hover a,div.puntuacion div a:hover {background-position: 0px -50px;} #num_votos p {font:bold 11px arial;} div#msjvaloracion{text-align:left;margin-top:15px;} /********************* novedades ofertas ******************************/ div#cajanovofe {padding:0px;} div.cajasnove h1 a {font:normal 20px georgia;color:#069} div.cajasnove img {border:1px solid #ccc;padding:2px;float:left; margin:0px 10px 10px 0px} div.cajasnove {} div.cajasnove {width:45%;float:left;margin-right:15px;padding-right:10px;border-right:1px solid #ccc;} /************* NOTICIAS.PHP ************************/ div.cajasnoti {width:280px;float:left;margin:5px;padding:5px;border-right:1px solid #ddd;} div.cajasnoti h3 {margin-bottom:5px; text-align:center;} div.cajasnoti h3 a {font-size:16px;color:#222;} div.cajasnoti h3 a:hover {text-decoration:none;} div.cajasnoti span.fecha_noti {display:none;} div.cajasnoti div.des_noti {font-weight:normal !important;} div.cajasnoti div.img_noti {height:180px; overflow:hidden; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:7px;} div.cajasnoti div.img_noti img {border:0px solid #ccc;padding:0px;float:none !important; display:block; margin:0; margin-bottom:10px; max-height:180px; } div.cajasnoti span.mas_noti, div.cajasnoti span.down_noti {position:relative; top:-10px;} div.cajasnoti span.mas_noti a, div.cajasnoti span.down_noti a {padding-left:17px; background:url(../imagenes/external_link.png) no-repeat left; color:#333; font:normal 12px calibri;} div.cajasnoti span.mas_noti a:hover, div.cajasnoti span.down_noti a:hover {text-decoration:none; color:#000;} /********************* formularios custom ******************************/ #form_detalle {border:1px solid #ddd; padding:15px; background:#f0f0f0;-moz-border-radius: 5px;border-radius: 5px;} #form_detalle textarea {width:500px;} #form_detalle .izq {padding-left:0} #form_noprod {width:90%;padding:15px;} #form_detalle input {-moz-border-radius: 5px;border-radius: 5px; border:1px solid #ddd; font-size:11px;padding:3px;} #form_detalle input[type="image"] {border:0px; padding:0px;} #form_noprod textarea {width:500px;} #form_noprod .izq {padding-left:0} div.box_error {padding:10px; border:1px solid #ccc;background:#fdfce5; color:#f00; font-weight:bold;margin-top:5px;} /********************* WORKFLOW **************************/ #tabla_wf {width:98%} #cab_tabla_wf td {background:#999999;padding:5px;font:bold 11px arial;color:#fff;} .cab_tabla_wf td {background:#999999;padding:5px;font:bold 11px arial;color:#fff;} .fila_tabla_wf td {background:#f0f0f0;padding:5px;} .fila_tabla_wf td.ap {background:#e7dab4;padding:5px;} .fila_tabla_wf td.lib {background:#cde7b4;padding:5px;} .fila_tabla_wf td.us {background:#e2e4ae;padding:5px;} #workflow h5 {color:#666;width:98%; margin:5px auto;} #workflow h4,#workflow h6 {color:#666;font-size:13px;width:98%; margin:5px auto;} .wf-pendiente {color:#000} .wf-rechazado {color:#f00} .wf-aprobado {color:#119824} .wf-liberado {color:#119824} .wf-boton {background:#666; color:#fff; border:1px solid #ccc;padding:3px; font:bold 11px arial; cursor:pointer} #workflow #wf2 {margin:20px auto;border:1px solid #ccc; background:#f0f0f0; padding:5px;width:95%; padding-bottom:0px; margin-bottom:10px;padding-bottom:15px;} #workflow #wf2 p.st2 {color:#fff;font:bold 12px arial; margin:0px;margin-bottom:5px; padding:0px;background:#666; padding:5px;} .wf-estado {font:bold 15px arial} body#fincompraprint #center {float:none;margin:0px auto !important;} div#ir_pago { padding:5px; border:1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px; background:#FFF3DE;font-weight:bold; } div#ir_pago a {font-size:12px; font-weight:bold; color:#000} .td_costo_total {font-size:14px; color:#000; font-weight:bold;} #lista-colores li {float:left; width:30px; height:30px; margin:0 10px 10px 0px !important;overflow:hidden;padding:2px !important; border:2px solid #ccc} #lista-colores li img { cursor:pointer; margin:0px; padding:0px} #lista-colores li.fondo_col_selected { border:2px solid #F00;} li.li-talle {border:2px solid #fff} .fondo_talle_deselected {border:2px solid #fff} li.fondo_talle_selected {border:2px solid #f00} #productos ul.lista-filtros-aplicados li {float:left; margin:0 5px 5px 0px; overflow:hidden;padding:2px ; border:2px solid #ccc; background-color:#ccc;} #detalle ul.lista-filtros-articulo li {float:left; margin:0 5px 5px 0px; overflow:hidden;padding:2px ; border:2px solid #ccc; background-color:#ccc;} div.tarjetas-nps {width:25%;text-align:right;float:left;} div.tarjetas-nps img, div.tarjetas-nps input[type=radio], div.tarjetas-nps label { display:block; text-align:center;margin:2px auto;cursor:pointer } div.mensajenps { background:#fff3de; padding:8px; border:1px solid #b7a88f; font-weight:bold; margin:5px 0 } span.mensaje-aguarde { background:#fff3de; padding:8px; border:1px solid #b7a88f; font-weight:bold; margin:5px auto; text-align:center; margin-bottom:20px; display:block; width:500px; } /**************** MENSAJES ********************/ .msgerror, .msgexito, .msgalerta, .msginfo {font: bold 11px arial;border:1px solid #ccc; padding:10px !important; margin:10px 0; padding-left:60px !important;} .msgerror {color:#666; background:#ffebe8 url(../imagenes/ico_msgerror.png) no-repeat 10px;border-color:#dd3c10} .msgexito {color:#666; background:#e1ebd8 url(../imagenes/ico_msgexito.png) no-repeat 10px;border-color:#a5bf8e} .msgalerta {color: #666;background:#f8f7df url(../imagenes/ico_msgalerta.png) no-repeat 10px;border-color:#d5d4b0} .msginfo {color:#666;background:#dde6eb url(../imagenes/ico_msginfo.png) no-repeat 10px;border-color:#a7bfcc} /**************** Paginas que abren en PopUp (FancyBox) ********************/ #pgs_sueltas div#viejos{ text-align:center;} #pgs_sueltas input[type=button], #pgs_sueltas input[type=submit] { border:1px solid #a8a8a8; background:url(../imagenes/fondo-boton.png) repeat-x; height:30px; font:bold 11px arial; color:#444444;padding:0px; letter-spacing:0px; padding:0 10px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer } #pgs_sueltas input[type=button]#cerrar, #pgs_sueltas input[type=button].btnlogin, #pgs_sueltas input[type=button]#continuar { } div#datos_acceso {margin:15px 0} #datospersonales div.msgalerta ul li{ font-size:1;font-weight:normal;font-style:italic;padding:2px 0; } #datospersonales input#boton_confirmar { background-color: #090;-moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius:3px;color: #fff;text-decoration: none; cursor: pointer;border:1px solid #060;padding: 3px 3px;margin:10px 10px; } #datospersonales a#boton_mp { display:block; width:200px; margin:30px auto; background:#069; color:#fff; border-radius:2px; -webkit-border-radius:2px; text-align:center; font-size:14px; font-weight:bold;padding:10px;text-decoration:none; cursor:pointer } #datospersonales h4 {text-align:center} #datospersonales input[readonly] {border-color:#ccc; color:#000; background:#f5f5f5} #datospersonales select { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 5px; text-decoration: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; -moz-box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; width:230px; } #regform p.tit, #checkout p.tit {font-weight:bold; margin-bottom:10px;} #regform label.i, #checkout label.i {float:left; width:45%; padding:5px;padding-right:10px;overflow:hidden} #regform label.c, #checkout label.c {clear:both; width:98%; padding:5px; padding-right:10px;} #checkout label.c input {margin-left:5px;} #regform span.sepa, #checkout span.sepa {border-bottom:1px dotted #666;display:block; margin:20px 0} .boton { border:1px solid #a8a8a8; background:url(../imagenes/fondo-boton.png) repeat-x; font:normal 11px arial; color:#444444; padding:6px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer } div#loading { width:124px; height:124px; background:transparent; position:fixed; left:50%; margin-left:-62px; top:50%; margin-top:-62px; z-index:200 } input[type=text], input[type=password], textarea { border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;padding:5px; text-decoration:none; border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;-moz-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0; } img.imggrillacolor { padding:2px; border:1px solid #ccc; } /*********************************************************************************************************/ /*------------------------------ FILTROS ---------------------------------*/ .fct li a { color: #3d3d3d;display: block;font-size: 12px; padding: 3px 3px 0 9px;text-decoration: none;font-weight: normal } .fct-bd { border: 1px solid #DDD;margin: 0 0 10px } .fct-scroll {overflow-x: hidden;overflow-y: auto;text-transform: capitalize} .fct-hd { color: #fff;font:normal 11px "Arial Black", arial, helvetica, sans-serif; cursor: pointer;text-transform: uppercase;background:#069;padding:4px; } /*********************************************************************************************************/ /*------------------------------ CHECKOUT ---------------------------------*/ /* CARRITO / DELIVERY */ a.seguircomprando { background:#333; border-radius:4px; -webkit-border-radius:4px; padding:4px; display:block; width:250px; color:#fff;margin:0 auto; margin-bottom:10px; text-align:center; font-weight:bold; text-decoration:none; } table.carrito_checkout {border:none !important} table.carrito_checkout td {border:none !important;border-bottom:1px solid #ccc !important;} #tabla_carrito {width:98%} #cab_tabla_carrito td {background:#069;padding:5px;font:bold 11px arial;color:#fff;} .cab_tabla_carrito td {background:#069;padding:5px;font:bold 11px arial;color:#fff;} .fila_tabla_carrito td {background:#fafafa;padding:8px;} .fila_tabla_carrito2 td {background:#fff;padding:5px;} .fila_tabla_carrito3 td {background:#fff;padding:5px;border-bottom:1px solid #ddd;} .seleccionada td {background:#bbb; padding:8px;color:#fff} .seleccionada td a {color:#fff} .noseleccionada td {background:#fafafa; padding:8px;} #tabla_despliegue_carrito {border-bottom:3px solid #666;} #tabla_despliegue_carrito td {padding:3px;} #tabla_conf {width:96%; background:#fff} #tabla_conf td {padding:3px;} .tit_subart {background:#999;font:bold 11px arial;color:#fff;} .comp_subart {width:95%} #cupones_preg {margin-top:-18px;} #cupones_preg a {font:bold 12px arial;color:#aaa} .cupones_cont {margin-bottom:45px;} #carrito a { display:block} #avisostock {color:#f00; margin:10px;font-weight:bold;} #avisostock ul {list-style-type: disc;margin-left:20px;font-weight:normal} #avisomonto{color:#f00; margin:10px;font-weight:bold;} div#leyenda_push_envio div { padding:10px; text-align:center; border:1px solid #ccc;background:#f8f1cd; margin:10px 0; font-weight:bold; } div#leyenda_bonificacion_envio div { padding:10px; text-align:center; border:1px solid #7b7a1d;background:#dbdbb6; margin:10px 0; font-weight:bold; color:#7b7a1d } b.deliveryResaltado { color:#f00 } div#checkout h5 {font-size:20px; border:none; margin-bottom:0} div.pasos-checkout {overflow:hidden; width:990px; margin:10px auto} div.pasos-checkout ul li {float:left; background:#ddd; width:31%;text-align:center; padding:8px;} div.pasos-checkout ul li+li {margin-left:3px;} div.pasos-checkout ul li.sel {background:#00a34d; color:#fff; font-weight:bold} ul#subtotales {width:450px;font:normal 12px arial; } ul#subtotales li {overflow:hidden} ul#subtotales li span {float:left; font-weight:bold;display:block; width:330px !important; text-align:right;} ul#subtotales li span.importe {width:110px !important; } tr#fila_global select {max-width:210px;} div#opcionesGlobal ul {overflow:hidden} div#opcionesGlobal ul li {float:left; margin-right:20px;} _ div#ingreso_cupon { background:url(../imagenes/ico_descuento.png) no-repeat; border:0px solid #f00; padding-left:75px; text-align:left; } div#ingreso_cupon input.aplicarcupon { background:#7ab104; color:#fff; padding:3px; border-radius:4px; -webkit-border-radius:4px; } a.desasignarcupon { background:#f00; color:#fff;padding:5px; border-radius:4px; -webkit-border-radius:4px;width:120px; text-decoration:none; cursor:pointer; font-weight:bold; position:absolute; bottom:0px; right:0px; } #detalle_cupon { text-align:left;border:0px solid #f00; position:relative; } ul.alcanzados li { float:none; margin-left:20px; list-style: disc; } div#checkout #center {float:none; width:97%} div#pasos {padding:0px; overflow:hidden} div#pasos span { display:block; width:31%; border:1px solid #fff; float:left; padding:10px; font:bold 16px arial; background:#f0f0f0; border-collapse:collapse } div#checkout div#main div#contenido table {border-collapse:collapse; border:1px solid #ccc; width:100%; margin:0 auto} div#checkout div#main div#contenido table td {padding:5px; border:1px solid #ccc} div#checkout div#main div#contenido table#resumen {width:50%;border:1px solid #ccc;} div#checkout div#main h5.resumencompra {width:90%; margin:0 auto; margin-top:10px; } #tbl_cotizacion td { font:normal 12px arial; color:#000; padding:20px } div#checkout div#main div#contenido table#resumen td {border:1px solid #ccc;} div#checkout table#carrito {margin-top:15px;} div#checkout table#carrito tr.cab, div#checkout table#entrega tr.cab {background:#999; color:#fff; font-weight:bold} div#checkout table#carrito td span {width:100px;} div#checkout table#carrito input[type=text] {text-align:center} input.iniciarpago {padding:8px;background:#ccc; color:#000; border:1px double #666; cursor:pointer} /* FORMA PAGO */ #tarjetas li {display:block;float:left;padding:10px 5px;margin: 3px 3px;background:#eee;} #tipos_pagos li {display:block;float:left;padding:10px 5px;margin: 3px 3px;background-color:#EEE;} .opcionesTipo ul li {display:block;padding:5px 10px;margin: 5px 0px;background:#eee;} div#opciones_tarjetas {background:#eee !important; padding:10px;} div#opciones_tarjetas select { border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px; padding:5px; text-decoration:none; border:1px solid #ccc;width:200px; -webkit-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;-moz-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0; } span.forma_pago_descripcion { font-weight:bold; font-size:14px; } .bordePago {border:2px solid #fff} .bordePago2 { border:2px solid #f00} span#montos_tarjetas { display:block; float:right; width:450px } span#montos_tarjetas span { display:block;border-bottom:1px dotted #ccc;padding:5px; } span#montos_tarjetas span span { float:right;border:none;padding:0; font-weight:bold } span#montos_tarjetas span span#monto_total_tarjetas { font-size:16px } #checkout label.i {float:left; width:36%; padding-right:10px;padding:5px; padding-right:10px;} .pago {background:#444444; color:#fff; font-weight:bold} .elegirDireccion { border-radius: 3px;-moz-border-radius: 3px; background:#ccc; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;padding:5px; text-decoration:none; border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;-moz-box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0;box-shadow:inset 0 1px 0 #eee,#fff 0 1px 0; } li.direccion { padding:10px; margin:5px; border:1px solid #ccc;} table#nuevadir {margin-top:15px;} div.flexslider img { height:auto !important } /*** tabs ***/ .etabs { margin: 0; padding: 0; margin-top:25px; } .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .tab a { font:bold 12px arial; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration:none } .tab a:hover { text-decoration: none; color:#069 } .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #ccc; } .tab a.active { font-weight: bold; } .tab-container .panel-container { background: #fff; border: solid #ccc 1px; padding: 10px;border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; margin-bottom:25px;} /********** SCROLL SUPERIOR E INFERIOR **************/ .scroll_sup,.scroll_inf{background:#fff;width:990px;border:0px solid #f00;margin:10px auto;padding:0px}.scroll_sup ul,.scroll_inf ul{text-align:center;padding:0;list-style:none;margin:0 auto}.scroll_sup li,.scroll_inf li{margin:0 5px;text-align:center;padding:0;display:block;margin-bottom:0px;float:left}.clearfix{float:none;clear:both} .caroufredsel_wrapper {width:990px !important;} /********* NOTAS AL PIE ****************************/ .notas{ font:normal 10px arial; } /* VISTA PARA COMPRA MASIVA POR FILA */ div.filaprod { border:0px solid #f00; padding:5px 0; } div.filaprod {border-bottom:1px solid #ddd;clear:both;} div.img_filaprod {float:left; margin-right:15px; width:175px;} div.info_filaprod {border:0px solid #f00;float:left; margin-right:15px; width:300px; padding-top:15px;} div.precio_filaprod {border:0px solid #069;float:right; margin-right:15px; width:180px; font-size:16px; padding-top:15px; font:bold 16px calibri; font-style:italic; color:#666; font-weight:bold; text-align:right; } div.cant_filaprod{ float:left !important; margin-right:15px; width:100px; padding-top:15px;} div.precio_filaprod p.compra {border:0px solid #069;margin:0px; padding:0px; float:right;} div.precio_filaprod br {display:none;} div.cant_filaprod { border:0px solid #f90; width:50px;float:right !important; position:relative; top:-10px; } input.btn_masiva { border:0px solid #a8a8a8; background:#e0b41b; font:normal 15px calibri; color:#444444; padding:5px;border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;cursor:pointer; float:right; margin:10px 0 } /* PRE LOGIN */ @media (min-width: 480px) { #divprelogin { padding:10px;width:330px; border:1px solid #e5e5e5; margin:100px auto 20px; background:#fff } div#divprelogin div.msgerror { width:200px !important; } div#divpreregistro { padding:10px;width:90%; border:1px solid #e5e5e5; margin:10px auto 20px; background:#fff } } @media (min-width: 1000px) { #divprelogin { padding:10px;width:330px; border:1px solid #e5e5e5; margin:100px auto 20px; background:#fff } div#divprelogin div.msgerror { width:200px !important; } div#divpreregistro { padding:10px;width:550px; border:1px solid #e5e5e5; margin:10px auto 20px; background:#fff } } @media (max-width: 479px) { #divprelogin { padding:10px;width:280px; border:1px solid #e5e5e5; margin:50px auto 20px; background:#fff } div#divprelogin div.msgerror { width:200px !important; } div#divpreregistro { padding:10px;width:90%; border:1px solid #e5e5e5; margin:10px auto 20px; background:#fff } div#divpreregistro label.i, label.c { float:none; } } @media (min-width: 480px) and (orientation: landscape) { #divprelogin { padding:10px;width:280px; border:1px solid #e5e5e5; margin:10px auto 20px; background:#fff } }