/* ----- GENERAL ----- */ *{padding: 0;margin: 0;} html{height:100%;} body {height:100%; font-family:Arial, Tahoma, Helvetica; background:#4B875D; } /* ----- CLASES ----- */ .clear{ clear:both;} .cursor{ cursor:pointer;} .pointer{cursor:pointer;} .defofer{ padding-top:20px; font-size:12px;} .enter{ font-size:8px} .menuprincipal:link{color:#FFFFFF;text-decoration:none; font-size:13px; font-weight:bold;} .menuprincipal:visited{color:#FFFFFF;text-decoration:none; font-size:13px; font-weight:bold;} .menuprincipal:hover{color:#990000;text-decoration:none; font-size:13px; font-weight:bold;} .pieecomputer:link{color:#000000;text-decoration:none; font-size:11px; font-weight:bold;} .pieecomputer:visited{color:#000000;text-decoration:none; font-size:11px; font-weight:bold;} .pieecomputer:hover{color:#FFFFFF;text-decoration:none; font-size:11px; font-weight:bold;} /* ----- PLATILLA INICIO ----- */ #contenedorglobal{ width:100%; margin:auto;} #cabeceracolor{width:100%; height:134px; float:left; color:#CC9966; background:#4B875D; padding-top:25px;} #cabecerainterior{ width:695px; height:134px; margin:auto; color:#CC9966; font-size:1px; } #mediocolor{width:100%; margin:auto; background:#FFFFFF; } #continterior{ width:695px; margin:auto; background:#D6D6D6; min-height:498px; height:auto !important ;height:498px;} #menulateral{ float:left; width:149px; min-height:498px; height:auto !important ;height:498px;} #partarriblat{ float:left; width:149px; height:298px; background:url(images/fnd_lateral.jpg) 0 0 no-repeat; position:relative} #datos{ float:left; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; margin-left:8px; margin-top:20px; height:auto;} .mailini:link{color:#000000;text-decoration:none; font-size:9px; font-weight:bold; } .mailini:visited{color:#000000;text-decoration:none; font-size:9px; font-weight:bold; } .mailini:hover{color:#990000;text-decoration:none; font-size:9px; font-weight:bold; } .correo1:link{ color:#00000;text-decoration:none; font-size:11px; font-weight:bold;} .correo1:visited{color:#00000;text-decoration:none; font-size:11px; font-weight:bold;} .correo1:hover{color:#00000;text-decoration:none; font-size:11px; font-weight:bold;} #partarriblat ul{ float:left; width:134px; list-style:none; padding-left:10px; margin-top:17px;} #partarriblat li{ float:left; margin-top:17px; width:134px; list-style:none;} #bolo{ float:left; margin-right:5px; width:10px; height:10px; margin-top:3px; } #fam{float:left;} #contgeneral{ float:left; width:546px; height:auto;} #menu{ float:left; width:546px; height:59px; background:url(images/fnd_menu11.jpg) 0 0 no-repeat;} #menu ul{ list-style:none;height:26px; margin-top:32px; } #menu li{list-style:none; float:left; height:26px; font-size:1px; cursor:pointer; display:inline; width:106px;} #menu #inicioactivo{height:26px;width:106px;display: block;overflow: hidden;background: url("../css/images/btn_inicio11.jpg") 0 0 no-repeat;} #menu #inicioactivo:hover{background-position: -106px 0;} #Binicio #menu #inicioactivo{height:26px;width:106px; display:block;overflow: hidden;background: url("../css/images/btn_inicio11.jpg") -106px 0 no-repeat;} #menu #empresaactivo{height:26px;width:106px;display: block;overflow: hidden;background: url("../css/images/btn_empresa11.jpg") 0 0 no-repeat;} #menu #empresaactivo:hover{background-position: -106px 0;} #Bempresa #menu #empresaactivo{height:26px;width:106px; display:block;overflow: hidden;background: url("../css/images/btn_empresa11.jpg") -106px 0 no-repeat;} #menu #oferta1activo{height:26px;width:106px;display: block;overflow: hidden;background: url("../css/images/btn_ofertas11.jpg") 0 0 no-repeat;} #menu #oferta1activo:hover{background-position: -106px 0;} #Boferta1 #menu #oferta1activo{height:26px;width:106px; display:block;overflow: hidden;background: url("../css/images/btn_ofertas11.jpg") -106px 0 no-repeat;} #menu #localizacionactivo{height:26px;width:106px;display: block;overflow: hidden;background: url("../css/images/btn_localizacion11.jpg") 0 0 no-repeat;} #menu #localizacionactivo:hover{background-position: -106px 0;} #Blocalizacion #menu #localizacionactivo{height:26px;width:106px; display:block;overflow: hidden;background: url("../css/images/btn_localizacion11.jpg") -106px 0 no-repeat;} #menu #contactoactivo{height:26px;width:106px;display: block;overflow: hidden;background: url("../css/images/btn_contacto11.jpg") 0 0 no-repeat;} #menu #contactoactivo:hover{background-position: -106px 0;} #Bcontacto #menu #contactoactivo{height:26px;width:106px; display:block;overflow: hidden;background: url("../css/images/btn_contacto11.jpg") -106px 0 no-repeat;} #contenidos{ float:left; min-height:496px; height:auto !important ;height:496px; } #parteabajocontenidos{ height:28px; clear:both; width:695px; background:url(images/fndcontinte.jpg) 0 0 no-repeat; margin:auto; padding-bottom:20px; } #pie{width:100%; height:auto; clear:both; background:#4B875D; text-align:center; color:#000000; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:10px; padding-bottom:10px; } #agregar{ width:100%; text-align:center; padding-top:10px;} /*PAG EMPRESA*/ #textoempresa{ width:485px; padding-left:30px; padding-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif;} #imagenempre{ width:485px; height:208px; margin-top:20px; margin-left:30px; background:url(images/fnd_empresa.jpg) 0 0 no-repeat; } #imagenempre ul{ float:left; list-style:none; padding-top:55px; padding-left:17px;} #imagenempre li{ list-style:none; display:inline; float:left; width:195px; height:130px; margin-left:20px;} /* ----- CONTACTO ----- */ #formulariocontacto{ float:left; width:350px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:50px; } #textocontacto{ color:#000000; font-weight:bold; font-size:11px; width:444px; padding:15px 0 25px 0; font-family:Verdana, Arial, Helvetica, sans-serif; } #formulariocontacto .parteform{ float:left; padding-top:20px; width:350px; height:35px; padding-left:25px;} #formulariocontacto .parteform label{ float:left; width:100px; color:#ffffff; font-weight:bold; } #formulariocontacto .parteform input{width:200px; float:left; border:#ffffff 1px solid; height:17px; } #formulariocontacto .parteform1{ float:left; padding-top:20px; width:400px; padding-left:25px;} #formulariocontacto .parteform1 label{ float:left; width:100px; color:#ffffff;font-weight:bold; } #formulariocontacto .parteform1 textarea{border:#ffffff 1px solid; padding-left:25px;} #camposobligatorios{ font-size:10px; padding-left:100px; clear:both; color:#FFFFFF; padding-left:123px;} #botonescontacto{ clear:both; padding-top:20px; padding-left:100px; width:300px; text-align:center;} #botonescontacto .btnnormal{ width:80px; height:25px; margin-right:40px; font-weight:bold; border:#ffffff 1px solid;} #mensajecontacto{color:#000000; font-weight:bold; width:400px; padding:45px 15px 25px 25px;} #mensajecontacto p{} #mensajeaceptar{ text-align:center;} #cuadrocontacto{ width:444px; height:573px; background-image:url(../imagenes/contacto.gif); background-repeat:no-repeat; } #contadinfo{ width:350px; height:110px; margin-left:90px; margin-top:15px; background:url(images/fnd_cont1.jpg) 0 0 no-repeat;} #informacion{ width:350px; height:80px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:15px 15px 15px 35px; } .espacien{ padding-top:6px;} .correo2:link{ color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold;} .correo2:visited{color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold;} .correo2:hover{color:#990000; text-decoration:none; font-size:11px; font-weight:bold;} /* ----- LOCALIZACION ----- */ #textolocalizacion{ width:496px; font-size:11px; padding-top:15px; padding-left:30x;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;} #mapa{ width:496px; height:250px; padding-top:15px; padding-left:20px; padding-bottom:30px; } .enlace:link{ color:#000000;text-decoration:none; font-size:11px; font-weight:bold;} .enlace:visited{color:#000000;text-decoration:none; font-size:11px; font-weight:bold;} .enlace:hover{color:#666666;text-decoration:none; font-size:11px; font-weight:bold;} #direccion{ width:496px; height:415px; margin-left:23px; background:url(images/fnd_loc.jpg) 0 0 no-repeat; } #distancia{ width:500px; height:213px; margin: 0 auto; float:left;} #direizquierda{ width:200px; float:left;} #direderecha{ width:200px; float:left; margin-top:10px; padding-left:55px; text-align:left font-weight:bold; font-size:12px; color:#FFFFFF;} #infoloc{width:180px; float:left; margin-top:30px; margin-left:20px; } #titulodatosloc{width:180px; float: left; height:18px; border-bottom:#ffffff 1px solid; font-weight:bold; margin-bottom:10px; color:#ffffff; text-align:left; font-size:12px; } #titulodatosloc2{width:180px; float:left; text-align:left font-weight:bold; font-size:12px; color:#FFFFFF;} .correo:link{ color:#ffffff;text-decoration:none; font-size:11px; font-weight:bold;} .correo:visited{color:#CC9966;text-decoration:none; font-size:11px; font-weight:bold;} .correo:hover{color:#ffffff;text-decoration:none; font-size:11px; font-weight:bold;} #fachada{ width:200px; height:165px; float: right; padding-right:20px; padding-top:40px;} /* ----- Caja Error ----- */ #cajaError{ width:300px; height:80px; position:absolute; top:50%; left:50%; margin:-80px 0 0 -150px; padding:20px; background-color:#006633; border:1px solid #ffffff; color:#ffffff; font-weight:bold; font-size:11px;} #cajaError #cerrar{ position:absolute; text-align:center; font-weight:bold;height:15px; width:50px;border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#FFFFFF; margin:0 0 auto 269px; top:0;} #cajaError #cerrar a{color:#E20314;font-size:11px; text-decoration:none} /* ----- Catalogo Listado Subfamilias ----- */ #contenedorcatalogo{ min-height:480px; height:auto !important ;height:480px; width:500px; float:left; padding-left:20px; padding-top:12px; } #catalogotitulo{ height:49px; width:510px; margin:auto; } #nombre_famgran{ float:left; width:359px; height:49px; padding-top:7px;} #fondo_tit{float:left; width:335px; height:33px; background:url(images/fnd_arriba_tit_fam.jpg) 0 0 no-repeat; color:#FFFFFF; font-size:14px; font-weight:bold; padding-left:12px; padding-right:12px; padding-top:10px;} #buscador{float:left; width:151px; height:49px; background:url(images/fnd_buscador.jpg) 0 0 no-repeat;} #nombre_bus{ color:#FFFFFF; font-weight:bold; font-size:11px; width:114px; float:left; padding-left:37px; padding-bottom:6px; padding-top:2px;} #caja{ float:left; margin-left:15px; height:17px; width:92px;} #buscar{ float:left; height:23px; width:22px; padding-left:8px; } .buscar{color:#000000; font-size:13px; text-decoration:none; padding-bottom:15px; } #cajanombre{ min-height:18px; height:auto !important ;height:18px; float:left; width:470px; margin:auto; padding:8px 8px 8px 8px; border:#000000 1px solid; background:#CCCCCC; font-size:12px;} #contenedorfam{ width:499px; min-height:150px; height:auto !important ;height:150px; clear:both; padding-top:15px;} #partearribafam{ width:499px; height:16px; background:url(images/cont_fam_sup.jpg) 0 0 no-repeat; font-size:1px;} #partemediofam{ width:499px; min-height:116px; height:auto !important ;height:116px; background:#000000;} #titulosubfam{ width:428px; height:19px; background:url(images/fnd_subfam_cont.jpg) 0 0 no-repeat; margin-left:37px; color:#FFFFFF; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-left:10px;} #contintedatos{ width:499px; min-height:85px; height:auto !important ;height:85px; color:#FFFFFF; float:left; background:#000000;} #fotofam{ width:116px; height:83px; float:left; padding-left:10px; padding-top:12px; } #datosfamsub{ width:373px; min-height:75px; height:auto !important ;height:75px; float:left; } #descripfam{ float:left; width:363px; min-height:25px; height:auto !important ;height:25px; padding-top:15px; font-size:12px; color:#FFFFFF; text-align:justify; } #subfamnom{float:left; width:373px; min-height:40px; height:auto !important ;height:40px; background:#000000; font-size:12px;} #subfamnom1{float:left; width:343px; min-height:20px; height:auto !important ;height:20px; background:#000000; font-size:12px; padding-top:12px; text-align:right;} #titcat{ float:left; width:122px; height:22px; background:url(images/fnd_categorias.jpg) 0 0 no-repeat; margin-left:3px; margin-top:6px;} #listadosub{ float:left; width:373px; min-height:29px; height:auto !important ;height:29px; } #listadosub ul{ float:left; list-style:none; display:inline; width:361px; padding-top:1px; } #listadosub li{float:left; list-style:none; display:inline; padding-left:12px; color:#FFFFFF; font-size:11px; font-weight:bold; padding-top:5px;} .fontice{ font-size:12px; padding-top:20px;} .fontice1{ font-size:12px;} .enlacesubarticulos:link{ color:#FFFFFF;text-decoration:none; font-size:11px; font-weight:bold;} .enlacesubarticulos:visited{color:#FFFFFF;text-decoration:none; font-size:11px; font-weight:bold;} .enlacesubarticulos:hover{color:#990000;text-decoration:none; font-size:11px; font-weight:bold;} .enlacesubarticulos1:link{ color:#FFFFFF;text-decoration:none; font-size:12px; font-weight:bold;} .enlacesubarticulos1:visited{color:#FFFFFF;text-decoration:none; font-size:12px; font-weight:bold;} .enlacesubarticulos1:hover{color:#990000;text-decoration:none; font-size:12px; font-weight:bold;} #parteabajofam{ width:499px; height:18px; background:url(images/cont_fam_inf.jpg) 0 0 no-repeat; clear:both;} /* ----- Catalogo Listado Articulos ----- */ #contlistarticulos{min-height:480px; height:auto !important ;height:480px; width:500px; float:left; padding-left:30px; padding-top:15px; } #cont_rutas{ float:left; width:484px; min-height:48px; height:auto !important ;height:48px; background:url(images/fondo_rutas_prod.jpg) 0 0 no-repeat; padding-bottom:13px; } #ruta_arriba{ float:left; width:484px; height:31px; background:url(images/fnd_arriba_prod.jpg) 0 0 no-repeat;} #ruta_medio{ color:#FFFFFF; float:left; font-size:12px; font-weight:bold; min-height:13px; height:auto !important ;height:13px; padding-left:48px; width:435px;} #letras_rutas{width:412px; min-height:12px; height:auto !important ;height:12px; background:#000000; padding-left:10px; padding-right:10px;} #ruta_abajo{ float:left; height:5px; width:484px; background:url(images/fnd_abajo_prod.jpg) 0 0 no-repeat;} .blan:link{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:underline;} .blan:visited{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:underline;} .blan:hover{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;} .blan1:link{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;} .blan1:visited{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;} .blan1:hover{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;} .blan2{ color:#FFFFFF; font-size:12px;} .cab{ float:left;} #contene_art{ float:left; width:492px; height:103px; background:url(images/fnd_articulo.jpg) 0 0 no-repeat; padding-bottom:10px; } #cntnedorcito_art{ float:left; width:457px; height:81px; padding-left:12px; padding-top:9px;} #pekfoto_art{ float:left;height:81px; width:99px; padding-top:8px;} #datos_art{ float:left; width:357px; height:50px; font-size:12px; color:#FFFFFF; } #encabezado_art{float:left; width:357px; min-height:18px; height:auto !important ;height:18px; background:#000000; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } #texto_titulo_art{ width:337px; float:left; padding-left:10px; padding-right:10px; padding-top:2px;} #medio_art{float:left; width:357px; padding-top:7px; height:38px; text-align:justify; } #abajo_art{float:left; width:357px; text-align:right; padding-top:3px;} .mas_info_prod:link{ color:#990000;text-decoration:none; font-size:11px; font-weight:bold;} .mas_info_prod:visited{color:#990000;text-decoration:none; font-size:11px; font-weight:bold;} .mas_info_prod:hover{color:#000000;text-decoration:none; font-size:11px; font-weight:bold;} /*Paginacion*/ #contentPaginacion{} div.pagination { padding: 3px; margin: 3px; text-align:center; } div.pagination a { border: 1px solid #dedfde; margin-right:3px; padding:2px 6px; font-size:12px; background-position:bottom; text-decoration: none; color:#000000; } div.pagination a:hover, div.meneame a:active { background-image:none; background-color:#4B875D; color: #fff; font-size:12px; font-weight:normal; } div.pagination span.current { margin-right:3px; padding:2px 6px; font-size:12px; font-weight: bold; color:#FFFFFF; background:#333333; } div.pagination span.disabled { margin-right:3px; padding:2px 6px; font-size:12px; color:#000000; } /*Listado de ofertas*/ #contenedorofertas{min-height:480px; height:auto !important ;height:480px; width:500px; float:left; padding-left:30px; padding-top:20px;} #cont_oferta{ float:left; width:232px; height:194px; margin-right:15px; margin-bottom:15px;} #tit_oferta{ float:left; min-height:39px; height:auto !important ;height:39px; width:232px;} #encabezado_afert_arriba{ float:left; width:232px; height:6px; background:url(images/encabezado_ofert_arriba.jpg) 0 0 no-repeat; font-size:1px;} #encabezado_afert_med{ float:left; width:218px; min-height:30px; height:auto !important ;height:30px; background:#000000; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:left; padding-left:8px; padding-right:6px;} .size11{font-size:11px;} #encabezado_afert_abajo{ float:left; width:232px; height:5px; background:url(images/encabezado_ofert_abajo.jpg) 0 0 no-repeat; font-size:1px; } #info_oferta{ float:left; height:153px; width:232px;} #descripinfooferta{ float:left; height:142px; width:232px; background:url(images/fnd_med_ofert.jpg) 0 0 repeat-y;} #fotyprecio{ float:left; height:83px; width:232px;} #fotoofe{ float:left; width:97px; height:73px; padding-left:12px; padding-top:10px;} #btnofer{float:left; width:106px; height:67px; font-size:12px; margin-top:10px; } #precioofer{ float:left; width:106px; height:35px; font-size:14px; font-weight:bold; color:#FFFFFF; text-align:center; padding-top:5px;} #btninfooft{ float:left; width:81px; height:27px; padding-left:25px;} #btninfooft #infoactivo{height:18px; width:57px;display: block;overflow:hidden; cursor:pointer; background:url(images/info_ofert.jpg) 0 0 no-repeat;} #btninfooft #infoactivo:hover{background-position: -57px 0; cursor:pointer;} #descri_oft{ float:left; height:45px; width:208px; padding:0 17px 7px 7px; text-align:justify; color:#FFFFFF; font-size:12px; } #pieinfoofer{ float:left; height:11px; width:232px; background:url(images/fnd_ofertpie.jpg) 0 0 no-repeat;} /*Detalle Articulo*/ #cont_detarticulo{min-height:480px; height:auto !important ;height:480px; width:500px; float:left; padding-left:30px; padding-top:20px;} #conart{ float:left; width:494px; min-height:466px; height:auto !important ;height:466px;} #conart_arriba{ float:left; width:494px; height:45px; background:url(images/fnd_det_arriba.jpg) 0 0 no-repeat;} #conart_medio{float:left; width:493px; min-height:316px; height:auto !important ;height:316px; background:#000000;} #titulodetart{float:left; width:467px; min-height:19px; height:auto !important ;height:19px; font-size:14px; font-weight:bold; padding:7px 13px 11px 13px; color:#FFFFFF;} #titulodetart h1{ font-size:14px;} #precdesart{ float:left; width:467px; min-height:50px; height:auto !important ;height:50px; padding-left:13px; } #precio_detart{ float:left; width:198px; min-height:37px; height:auto !important ;height:37px; color:#CC0000; font-size:20px; font-weight:bold; text-align:center; padding-top:13px; } #precio_detart1{float:left; width:198px; min-height:37px; height:auto !important ;height:37px; color:#CC0000; font-size:20px; font-weight:bold; text-align:center; padding-bottom:6px;} .tachado{ text-decoration:line-through; color:#EB7E82} #desc_detart{float:left; width:269px; min-height:50px; height:auto !important ;height:50px; } #nombredescargas{ float:left; width:269px; height:15px; color:#FFFFFF; font-size:11px; font-weight:bold; padding-top:3px;} #listadodescargas{float:left; width:269px; min-height:30px; height:auto !important ;height:30px; } #listadodescargas ul{ float:left; list-style:none; padding-left:10px; padding-top:5px;} #listadodescargas li{ float:left; list-style:none; display:inline; color:#FFFFFF; font-size:10px; padding-right:18px; padding-bottom:3px;} .docesp:link{color:#FFFFFF;text-decoration:none; font-size:10px; font-weight:bold;} .docesp:visited{color:#FFFFFF;text-decoration:none; font-size:10px; font-weight:bold;} .docesp:hover{color:#CC0000;text-decoration:none; font-size:10px; font-weight:bold;} #desfotprin{float:left; width:467px; min-height:221px; height:auto !important ;height:221px; padding-left:13px; } #partedescripdetart{ float:left; width:198px; min-height:221px; height:auto !important ;height:221px;} #arribadesc{ float:left; width:186px; height:16px; background:url(images/fnd_desc_art_arr.jpg) 0 0 no-repeat; font-size:1px;} #mediodesc{float:left; width:170px; min-height:177px; height:auto !important ;height:177px; background:#FFFFFF; font-size:12px; color:#000000; padding:0 8px 0 8px; } #abajodesc{float:left; width:186px; height:16px; background:url(images/fnd_desc_art_abj.jpg) 0 0 no-repeat; padding-bottom:3px;} #fotograndetart{ float:left; width:265px; height:214px; padding-left:4px; padding-top:5px;} #fotosdetart{ width:467px; height:auto; margin:auto; } #fotosdetart ul{ list-style:none; padding-left:23px;} #fotosdetart li{ float:left; list-style:none; display:inline; padding-left:15px; padding-top:8px; } #solinfo{ width:195px; text-align:center; height:19px; float:left; padding-left:150px; padding-top:9px;} #solinfo #btn_sol_info{height:19px; width:195px;display: block;overflow:hidden; cursor:pointer; background:url(images/btn_sol_info.jpg) 0 0 no-repeat;} #solinfo #btn_sol_info:hover{background-position: -195px 0; cursor:pointer;} #conart_abajo{float:left; width:494px; height:11px; background:url(images/fnd_det_abajo.jpg) 0 0 no-repeat;} /*Aviso Legal*/ #contenedorlistasub1{ width:500px; min-height:450px; height:auto !important ;height:450px; padding-top:30px; padding-left:20px; } #textoquienes{color:#000000; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; }