*{ margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:11px;} body{ background:#d9dff1;} .clearboth{ clear:both; font-size:0px; height:0px;} .clearborder{ clear:both; font-size:0px; height:1px; border-bottom:1px dotted #666666} .txt{ border:1px solid #d4d4d4; height:17px;} .blancagrande{ color:#FFFFFF; font-size:15PX; font-weight:bold;} .verde{ color:#93D102; font-size:14px; font-weight:bold;} .roja{ color:#FF0002;font-weight:bold;} .amarrillo{ color:#FFC100;font-weight:bold;} .azul{ color:#3D46FD;font-weight:bold;} .negrita{ font-weight:bold;} .tam14{ font-size:15px;} .espacio{ padding-left:10px;} .espacio2{ padding-left:4px;} .fontice{ font-size:12px;} .construccion{ font-size:14px; font-weight:bold; color:#CC0000;} /*PLANTILLA*/ #contenedortotal{ width:100%; height:100%;} #contenedorpagina{ width:778px; margin:0 auto; margin-top:23px;} #contmenu{ height:69px; width:778px; float:left;} #contcarrito{ float:left; width:778px; height:38px; background-color:#0d3cc6;} #carrito{ float:right; background:url(images/fnd_carrito.jpg) 0 0 no-repeat; height:23px; width:208px; padding-top:2px; padding-left:30px; } #carrito img{ padding-top:2px; } #contmenu ul{ padding-left:130px; height:23px; clear:both; width:648px; background-image:url(images/fondomenu.jpg); padding-top:8px;} #contmenu ul li{ display:inline; font-size:14px; font-weight:bold; } #contmenu ul li a:link{color: #000000;text-decoration:none; font-size:14px;} #contmenu ul li a:visited{color:#000000;text-decoration:none; font-size:14px;} #contmenu ul li a:hover{color:#ffffff;text-decoration:none; font-size:14px;} #contcabecera{ clear:both; height:169px; background-color:#FFFFFF; background-image:url(images/fondocabecera.jpg); background-repeat:no-repeat;} #logo{ width:345px; float:left; padding-left:55px;} #flash{ width:375px; float:right;} #buscador{ height:28px; clear:both; text-align:right; background-image:url(images/fondobuscador.jpg); background-position:right; background-repeat:no-repeat;} #contenedorfamiliascuerpo{ background-image:url(images/fondocuerpo.jpg); border-bottom:#000000 1px solid;} #contmenufamilias{ padding-left:10px; float:left; width:160px; background-position:top; background-image:url(images/fondomenufamilias.jpg); padding-top:10px; background-repeat:no-repeat; height:auto;} #contmenufamilias ul{ font-size:12px; background-color:#75a208; width:150px;border-top:#0d3cc6 1px solid; } #contmenufamilias ul li{ padding-left:5px; background-color:#90c909; border-top:#0d3cc6 1px solid;} .famgran:link{color:#000000; font-size:12px; font-weight:bold; text-decoration:none;} .famgran:visited{color:#000000; font-size:12px; font-weight:bold; text-decoration:none;} .famgran:hover{color:#006633; font-size:12px; font-weight:bold; text-decoration:none;} .fampek:link{color:#000000; font-size:12px; text-decoration:none;} .fampek:visited{color:#000000; font-size:12px; text-decoration:none;} .fampek:hover{color:#006633; font-size:12px; text-decoration:none;} #infodatos{ float:left; color:#FFFFFF; margin-top:30px; } #infodatos p{ text-align:left; padding-bottom:3px;} #infodatos a:link{color: #ffffff;text-decoration:none;} #infodatos a:visited{color:#ffffff;text-decoration:none;} #infodatos a:hover{color:#0099FF;text-decoration:none; } #contcuerpo{ width:600px; float:right;} #pie{ text-align:right; padding:5px 10px 0px 0px; height:21px; background-image:url(images/fondopie.jpg); float: bottom; background-repeat:repeat-x;} #pie a:link{color: #ffffff;text-decoration:none;} #pie a:visited{color:#ffffff;text-decoration:none;} #pie a:hover{color:#0099FF;text-decoration:none; } #sombrapie{ padding-bottom:20px; background-image: url(images/sombrapie.jpg); background-repeat:repeat-x; height:10px; width:778px; margin:0 auto; font-size:1px;} /*QUIENES SOMOS*/ #texto{ width:560px; margin:auto; text-align:justify; font-family:Arial, Helvetica, sans-serif; } #texto2{ float:left; margin-top:5px; width:250px} #imagen{width:283px; height:200; float:right; margin-left:10px;; margin-top:15px; margin-bottom:20px;} /*LOCALIZACION*/ #contlocalizacion{ width:560px; margin-left:17px; margin-top:30px; margin-bottom:30px;} #mapa{ float:left; width:348px; } #mapa1{ float:left; border:#3D46FD 1px solid;} .mapago:link{color:#000062; font-size:10px; font-weight:bold; text-decoration:none;} .mapago:visited{color:#000062; font-size:10px; font-weight:bold; text-decoration:none;} .mapago:hover{color:#990000; font-size:10px; font-weight:bold; text-decoration:none;} #enlacepek{ float:left;} #infoloc{width:195px; float:left; margin-top:30px; margin-left:15px;} #titulodatosloc{width:195px; float:left; height:18px; border-bottom:#93D102 1px solid; font-weight:bold; margin-bottom:10px; color:#93D102; text-align:right; } #titulodatosloc p{ font-size:14px; font-weight:bold;} #titulodatosloc2{width:195px; float:left; text-align:right;} #titulodatosloc2 p{ padding-top:6px; font-size:12px; font-weight:bold;} /*INICIO*/ #continicio{ width:560px; margin:auto; } #partearribainicio{ width:560px; float:left; padding-left:15px; } #todotextoini{padding:30px 15px 0 15px; float:left; width:530px; text-align:justify; font-weight:bold; } #todotextoini p{ font-size:12px;} #textoyfoto{width:560px; float:left;} #textofinal{padding:20px 15px 15px 15px; float:left; width:235px; text-align:justify;} #fotoinicio{padding:7px 0px 15px 15px; float:left; width:205px; height:130px; } #parteabajoinicio{width:560px; float:left; margin-top:5px; } #cajaproducto{ float:left; width:260px; height:150px; padding-bottom:15px; padding-left:15px;} #nombreprod{float:left; height:17px; width:260px; background:#75A209; text-align:center; color:#FFFFFF; font-size:11px; font-weight:bold; padding-top:3px;} .nuevadet:link{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none;} .nuevadet:visited{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none;} .nuevadet:hover{color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none;} #prodmed{ float:left; height:105px; width:260px; background:#CDF669;} #prodfoto{ float:left; width:94px; height:106px; padding-left:6px; padding-top:5px; text-align:center;} #descriprod{float:left; width:144px; height:93px; padding:8px 8px 8px 5px; text-align:justifypieprod; color:#000000;} #pieprod{ float:left; height:23px; width:260px; background:#90C90A;} #btncompra{ float:left; width:170px; height:20px; padding-left:5px; padding-top:3px;} #bottomre{ width:80px; height:17px; float:left; margin-right:10px; } #bottomre #compraactivo{height:17px; width:80px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_comprar.jpg) 0 0 no-repeat;} #bottomre #compraactivo:hover{background-position: -80px 0; cursor:pointer;} #bottomre1{ width:80px; height:17px; float:left; } #bottomre1 #detalleactivo{height:17px; width:80px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_detalles.jpg) 0 0 no-repeat;} #bottomre1 #detalleactivo:hover{background-position: -80px 0; cursor:pointer;} #precioprod{float:left; width:65px; height:21px; font-weight:bold; font-size:16px; text-align:right; padding-top:2px; padding-right:10px; } /*DATOS PEDIDO*/ #formulariopedidos{ float:left; width:565px; font-family:"Lucida Handwriting"; font-size:11px; background:url(images/fnd_datospedido.jpg) 0 0 no-repeat; height:620px; margin-top:20px; padding-bottom:35px; } #formulariopedidos .parteform{ float:left; padding-top:10px; width:335px; height:27px; padding-left:60px;} #formulariopedidos .parteform label{ float:left; width:125px; color:#FFFFFF; } #formulariopedidos .parteform input{width:200px; float:left; border:#000000 1px solid; height:17px; } #formulariopedidos .parteform1{ float:left; padding-top:10px; width:500px; padding-left:60px; } #formulariopedidos .parteform1 label{ float:left; width:95px; color:#FFFFFF; } #formulariopedidos .parteform1 textarea{border:#000000 1px solid;} #camposobligatorios{ font-size:10px; padding-left:155px; clear:both; color:#FFFFFF; } /*CONTACTO*/ #formulariocontacto{ float:left; width:565px; font-family:"Lucida Handwriting"; font-size:11px; background:url(images/fnd_contacto.jpg) 0 0 no-repeat; height:526px; margin-top:20px; padding-bottom:35px; } #textocontacto{ color:#000000; font-weight:bold; width:540px; padding-top:20px; padding-bottom:30px; padding-left:40px; height:20px;} #formulariocontacto .parteform{ float:left; padding-top:10px; width:300px; height:35px; padding-left:60px;} #formulariocontacto .parteform label{ float:left; width:95px; color:#FFFFFF; } #formulariocontacto .parteform input{width:200px; float:left; border:#000000 1px solid; height:17px; } #formulariocontacto .parteform1{ float:left; padding-top:10px; width:500px; padding-left:60px; } #formulariocontacto .parteform1 label{ float:left; width:95px; color:#FFFFFF; } #formulariocontacto .parteform1 textarea{border:#000000 1px solid;} #camposobligatorios{ font-size:10px; padding-left:155px; clear:both; color:#FFFFFF; } #botonescontacto{ clear:both; padding-top:20px; padding-left:40px; width:540px; text-align:center; padding-bottom:20px;} #botonescontacto .btnnormal{ width:80px; height:25px; margin-right:40px; background:#90C90A; font-weight:bold; border:#75A209 1px solid;} #mensajecontacto{color:#000000; font-weight:bold; width:500px; padding:100px 50px 50px 50px; color:#FFFFFF;} #mensajeaceptar{ text-align:center;} /* ----- Caja Error ----- */ #cajaError{ width:300px; height:80px; position:absolute; top:50%; left:50%; margin:20px 0 0 -150px; padding:20px; background-color:#F2F2F2; border:1px solid #90C90A; color:#D90000; font-weight:bold;} #cajaError #cerrar{ position:absolute; text-align:center; font-weight:bold;height:15px; width:50px;border-left:1px solid #90C90A; border-bottom:1px solid #90C90A; background-color:#FFFFFF; margin:0 0 auto 269px; top:0;} #cajaError #cerrar a{color:#006633;font-size:11px; text-decoration:none} /*ENLACES*/ #textoenlaces{ color:#000000; font-weight:bold; width:560px; padding:25px 15px 0 25px; } #contenlaces{ width:560px; margin-top:20px; margin-bottom:10px; float:left; padding-left:35px; } #contenlace{ float:left; height:40px; width:50%; text-align:left;} #gifflo{ float:left;} #enlaceen{ float:left; padding-top:4px; padding-left:4px;} .enlaceweb:link{color:#009933; font-size:12px; font-weight:bold; text-decoration:none;} .enlaceweb:visited{color:#009933; font-size:12px; font-weight:bold; text-decoration:none;} .enlaceweb:hover{color:#CC0000; font-size:12px; font-weight:bold; text-decoration:none;} /* Listado de las Subfamilias */ #contenedorlistasub{ width:600px; min-height:450px; height:auto !important ;height:450px; margin-top:20px; } #contenedorlistasub1{ width:550px; min-height:450px; height:auto !important ;height:450px; padding-top:30px; margin:auto; } #titulfamilia{ width:500px; padding:5px 15px 5px 15px; font-size:18px; font-weight:bold; min-height:20px; height:auto !important ;height:20px; margin-left:14px; border:#90c909 3px solid; background:#000099; color:#FFFFFF; margin-bottom:15px;} .blan:link{color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none;} .blan:visited{color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none;} .blan:hover{color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none;} #detallefamilia{width:480px; min-height:92px; height:auto !important ;height:92px; margin-left:31px; padding:7px 9px 8px 9px; border:#999999 dotted 1px; background:#E6E6E6; margin-bottom:10px;} #fotofamilia{ width:120px; min-height:92px; height:auto !important ;height:92px; float:left;} #infofamilia{width:360px; min-height:92px; height:auto !important ;height:92px; float:left;} #titulosubfamilia{ width:360px; height:18px; border-bottom:#000000 1px solid; font-size:13px; font-weight:bold;} .masinfo1:link{color:#000000; font-size:13px; font-weight:bold; text-decoration:none;} .masinfo1:visited{color:#000000; font-size:13px; font-weight:bold; text-decoration:none;} .masinfo1:hover{color:#000062; font-size:13px; font-weight:bold; text-decoration:none;} #descripsubfamilia{ width:360px; min-height:45px; height:auto !important ;height:45px; padding-top:5px; float:left; text-align:justify; } #divabajo{ width:360px; height:19px; text-align:right; padding-top:9px; background:url(images/fnd_mas.jpg) 0 0 no-repeat; float:left; } .masinfo:link{color:#000000; font-size:11px; font-weight:bold; text-decoration:none;} .masinfo:visited{color:#000000; font-size:11px; font-weight:bold; text-decoration:none;} .masinfo:hover{color:#000062; font-size:11px; font-weight:bold; text-decoration:none;} #textoquienes{color:#000000; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; font-weight:bold;} /* Listado de los articulos */ #contlistart{ margin-left:15px; margin-top:20px;} #paginacion{ margin:auto; padding-top:5px; float:right; text-align:right; color:#000062; padding-bottom:10px; padding-right:20px;} #pag1{ float:left;} .paginacion:link{color:#339933;font-size:11px; font-weight:bold; text-decoration:none; padding-left:4px; padding-right:4px;} .paginacion:visited{color:#339933; font-size:11px; font-weight:bold; text-decoration:none; padding-left:4px; padding-right:4px;} .paginacion:hover{color:#000062; font-size:11px; font-weight:bold; text-decoration:none; padding-left:4px; padding-right:4px;} .buscar{color:#000000; font-size:13px; text-decoration:none; padding-bottom:15px; } /* Detalle articulo */ #contdetart{ float:left; margin-top:20px; padding-left:34px; } #cajaproducto1{ float:left; width:520px; min-height:150px; height:auto !important ;height:150px; padding-bottom:20px; } #nombreprod1{float:left; min-height:23px; height:auto !important ;height:23px; width:520px; background:#75A209; text-align:center; color:#000000; font-weight:bold; padding-top:5px; font-size:13px; padding-bottom:3px;} #prodmed1{ float:left; min-height:200px; height:auto !important ;height:200px; width:520px; background:#CDF669;} #prodfoto1{ float:left; width:234px; height:200px; padding-left:11px; padding-top:10px;} #descriprod1{float:left; width:262px; min-height:190px; height:auto !important ;height:190px; padding:8px 0px 8px 0px; text-align:justify; color:#000000; } #pieprod1{ float:left; height:25px; width:520px; background:#90C90A;} #btncompra1{ float:left; width:170px; height:20px; padding-left:10px; padding-top:4px;} #bottomre2{ float:left; width:80px; height:17px; float:left; margin-right:10px; } #bottomre2 #compraactivo{height:17px; width:154px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_carrito.jpg) 0 0 no-repeat;} #bottomre2 #compraactivo:hover{background-position: -154px 0; cursor:pointer;} #precioprod1{float:left; width:185px; height:21px; font-weight:bold; font-size:16px; text-align:right; padding-top:2px; padding-right:10px; } /* Pagina de toldos */ #conttoldos{float:left; margin-top:20px; padding-left:5px; padding-bottom:15px;} #toldoimg{ width:585px; height:405px; float:left; background:url(images/toldo.jpg) 0 0 no-repeat;} #enlacestoldo{ width:320px; height:30px; float:left; padding-top:303px; padding-left:188px;} #enlacestoldo ul{ list-style:none; display:inline; float:left;} #enlacestoldo li{list-style:none; display:inline; float:left; width:45px;} #enlacemasinfotol{ float:left; margin-top:15px; font-weight:bold; padding-left:40px;} .told:link{color:#CC0000; font-size:12px; font-weight:bold; text-decoration:none;} .told:visited{color:#CC0000; font-size:12px; font-weight:bold; text-decoration:none;} .told:hover{color:#009933; font-size:12px; font-weight:bold; text-decoration:none;} #cajanombre{ min-height:18px; height:auto !important ;height:18px; float:left; width:500px; margin:auto; padding:8px 8px 8px 8px; border:#990033 1px solid; background:#CCCCCC; font-size:12px;} .toldo:link{color:#FFFF33;font-size:12px; font-weight:bold; text-decoration:none;} .toldo:visited{color:#FFFF33; font-size:12px; font-weight:bold; text-decoration:none;} .toldo:hover{color:#CC0000; font-size:12px; font-weight:bold; text-decoration:none; } .clcarrito:link{color:#000000;font-size:12px; text-decoration:none;} .clcarrito:visited{color:#000000; font-size:12px; text-decoration:none;} .clcarrito:hover{color:#CC0000; font-size:12px; text-decoration:none; } /*Pagina carrito*/ #botonpedido{ width:132px; height:17px; float:left; margin-right:10px; } #botonpedido #compraactivo{height:17px; width:132px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_realizaroprdido.jpg) 0 0 no-repeat;} #botonpedido #compraactivo:hover{background-position: -132px 0; cursor:pointer;} #botonpedido{ width:132px; height:17px; float:left; } #botonpedido #detalleactivo{height:17px; width:132px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_realizaroprdido.jpg) 0 0 no-repeat;} #botonpedido #detalleactivo:hover{background-position: -132px 0; cursor:pointer;} /*PAG DE CARRITO*/ #ruta span{margin-right:50px;} #containCarrito{ width:570px;} #containCarrito #tituloCarrito{ width:500px; height:25px; margin:20px 0 20px 0px;} #containCarrito #tituloCarrito h1{font-family: Vedana, Helvetica, sans-serif;font-size:17px; color:#666666; } #containEncabezado{ width:560px; height:20px; border-bottom:1px dashed #666666;margin:0px 0px 0px 0px;} #containEncabezado #carritoEncabezado{ width:200px; float:left; padding-left:60px;font-family: Vedana, Helvetica, sans-serif;font-size:14px; color:#666666;} #containEncabezado #cantidadEncabezado{ width:95px;float:left; padding-right:15px;font-family: Vedana, Helvetica, sans-serif;font-size:14px; color:#666666; text-align:right} #containEncabezado #precioEncabezado{ width:115px;float:left; padding-right:15px;font-family: Vedana, Helvetica, sans-serif;font-size:14px; color:#666666; text-align:right} #containListaArticulos{width:530px; margin:10px 0px 10px 0px; padding:10px; border:1px solid #666666;} #containListaArticulos ul{min-height:56px; height:auto !important; height:56px;width:490px;border-bottom:1px dashed #FFCC66;} #containListaArticulos li{ list-style:none; display:inline; } #containListaArticulos .borrarArticulo{float:left;width:35px;} #containListaArticulos .borrarArticulo img{margin-top:40px;} #containListaArticulos .fotoArticulo{float:left; width:0px; margin:10px 0px 15px 10px;} #containListaArticulos .nombreArticulo{float:left; width:300px;height:30px;font-family: Vedana, Helvetica, sans-serif;font-size:12px; color:#666666;} #containListaArticulos .nombreArticulo h1{width:200px;height:30px;padding:30px 20px 0 10px; font-family: Vedana, Helvetica, sans-serif;font-size:13px;color:#663300;} #containListaArticulos .addArticulo{float:left; width:12px; margin-top:30px; margin-left:30px;} #containListaArticulos .addArticulo img{ float:left; margin-bottom:4px;} #containListaArticulos .spanCantidad{ font-family:Helvetica, sans-serif; font-size:12px; font-weight:bold;} #containListaArticulos .cantidadArticulo{float:left; width:22px; margin-top:33px;} #containListaArticulos .cantidadArticulo #numArticulos{ width:22px; margin-left:8px;margin-right:8px; text-align: right; padding-right:3px;} #containListaArticulos .precioArticulo{float:right;margin-top:36px; font-family: Vedana, Helvetica, sans-serif;font-size:13px; color:#666666;} #containPrecioTotal{ width:200px; float:right; background-color:#EBEBEB; margin:0px 14px 10px 30px; padding:5px 20px 5px 5px; border:1px solid #666666;} #containPrecioTotal div{ width:100px; float:left; border-bottom:1px dotted #999999; margin-bottom:4px; text-align:right;font-family: Vedana, Helvetica, sans-serif;font-size:12px;color:#663300;} #containPrecioTotal #preciosiniva{font-family: Vedana, Helvetica, sans-serif;font-size:13px;color:#333333;} #containPrecioTotal #precioIva{font-family: Vedana, Helvetica, sans-serif;font-size:13px;color:#333333;} #containPrecioTotal #precioTotal{font-family: Vedana, Helvetica, sans-serif;font-size:13px;color:#333333;} #containBotones{width:450px; height:30px; float:left; border:1px dotted #CCCCCC;margin:0px 14px 10px 16px;} #containBotones #btnVolver{ width:120px; height:20px; margin:2px 0 0 20px; padding-top:3px; float:left; text-align:center; background-color:#F2F3E4; border:1px solid #6D3636;} #containBotones #btnVolver a{font-family: Vedana, Helvetica, sans-serif;font-size:12px;color:#333333; text-decoration:none} #containBotones #btnVaciarcarrito{width:120px; height:20px; margin:2px 0 0 20px; padding-top:3px; float:left; text-align:center; background-color:#F3E4CD; border:1px solid #6D3636;} #containBotones #btnVaciarcarrito a{font-family: Vedana, Helvetica, sans-serif;font-size:12px;color:#333333;text-decoration:none} #containBotones #btnIniciarPago{ width:120px; height:20px; margin:2px 0 0 20px; padding-top:3px; float:left; text-align:center; background-color:#75322F; border:1px solid #6D3636;} #containBotones #btnIniciarPago a{font-family: Vedana, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;text-decoration:none}