/*'estilos.css :: Desarrollado por www.Hooping.net *************************************************************** Nombre: estilos.css Implentacion: JBernalte Revision: 301106 Descripcion: Estilos de la web ***************************************************************/ BODY{margin:0px; background-color:#FFFFFF; background-image:url(../images/body-background.jpg); background-repeat:repeat-x;} /***************************************************************** ZONAS **************************************************************************/ /*TABLA PRINCIPAL*/ #base{height:100%; width:100px;} /* CABECERA ------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #cabecera{ font-family:"Verdana", Arial, Helvetica, sans-serif; } #cabecera TD{ font-size:13px;} /* CENTRAL :: CONTENIDOS --------------------------------------------------------------------------------------------------------------------------------------------*/ /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/ #central{ background-color:#FFFFFF; height:100%} /*FORMULARIO DE CONTACTO*/ #central #formularioContacto{ font-size:13px; font-family:"Arial", Helvetica, sans-serif; color:#9693AE;} #central #formularioContacto DIV.fondo{background-image:url(../images/contacto-background.jpg); background-repeat:no-repeat;} #central #formularioContacto B{color:#716D92} #central #formularioContacto TABLE{ font-size:13px; color:#9693AE;} #central #formularioContacto INPUT{ font-size:13px; font-family:"Arial", Helvetica, sans-serif; border:1px solid #CCCCCC; width:186px; background-image:url(../images/input-background.jpg); background-repeat:repeat-x; background-position:bottom; height:22px; padding-top:2px; padding-left:4px;} #central #formularioContacto TEXTAREA{ font-size:13px; font-family:"Arial",Helvetica, sans-serif;border:1px solid #CCCCCC; width:358px; height:126px; background-color:#FAFAFA;} #central #formularioContacto SELECT{ font-size:13px; font-family:"Arial",Helvetica, sans-serif;border:1px solid #CCCCCC; width:186px; color:#999999; height:22px;background-image:url(../images/input-background.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#FAFAFA; border:1px solid #CCCCCC;} #central #formularioContacto .btnContacto{ background-image:url(../images/btn-enviar.jpg); border:0px; width:81px; height:40px; color:#FFFFFF; font-weight:bold; margin-left:275px;} .textos{ font-size:13px; font-family:"Arial", Helvetica, sans-serif; border:1px solid #CCCCCC; width:186px; background-image:url(../images/input-background.jpg); background-repeat:repeat-x; background-position:bottom; height:22px; padding-top:2px; padding-left:4px;} /* TEXTO AVISO LEGAL*/ #central #avisoLegal{ font-size:13px; font-family:"Arial", Helvetica, sans-serif; color:#9693AE; padding:30px; background-image:url(../images/aviso-legal-background.jpg); background-repeat:no-repeat; } #central #avisoLegal H1{ font-size:12px; color:#FF7C24; } /*CENTRAL CONOCER ARPLAST*/ #central #empresa{ background-image:url(../images/empresa-background.jpg); background-repeat:no-repeat; height:451px; color:#9693AE;} #central #empresa TABLE{color:#9693AE; font-family:"Arial", Helvetica, sans-serif; font-size:13px;} #central #empresa B{color:#6D6894;} #central #empresa H1{ font-size:11px; color:#FF7C24; } /*CENTRAL LOCALIZACION*/ #central #localizacion{ background-image:url(../images/localizacion-background.jpg); background-repeat:no-repeat; height:451px; } #central #localizacion TABLE{color:#9693AE; font-family:"Arial", Helvetica, sans-serif; font-size:12px;} #central #localizacion B{color:#6D6894;} #central #localizacion H1{ font-size:11px; color:#FF7C24; } /*CENTRAL CATALOGO*/ #central #catalogo{ background-image:url(../images/localizacion-background.jpg); background-repeat:no-repeat; height:451px; } #central .producto{ height:240px; background-image:url(../images/producto-background.jpg); background-repeat:no-repeat; background-position:bottom; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #central .producto TABLE{ font-size:13px;} #central .producto A{ color:#615990; font-size:16px; text-decoration:none; font-weight:bold;} #central .producto .descripcion{ color:#9693AE; margin-bottom:25px;} #central .producto SELECT{ float:left; color:#9693AE; font-size:11px;} #central .producto .btnVer{ background-image:url(../images/btn-ver.jpg); border:0px; width:53px; height:30px; color:#FFFFFF; font-weight:bold; margin-left:25px;} .fichaproducto{ width:100%; height:250px; background-color:#F9F9F9; padding:25px; border:1px solid #EBEBEB; margin-top:31px; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:20px;} .fichaproducto H4{ color:#615990; font-size:17px;} .fichaproducto .descripcion{ color:#9693AE} .fichaproducto .btnVolver{background-image:url(../images/btn-volver.jpg); border:0px; width:65px; height:30px; color:#FFFFFF; font-weight:bold;} /*CENTRAL PRODUCTOS_B*/ #central #productos{ background-repeat:no-repeat; height:451px; color:#9693AE;} #central #productos TABLE{color:#9693AE; font-family:"Arial", Helvetica, sans-serif; font-size:13px;} #central #productos B{color:#6D6894;} #central #productos H1{ font-size:13px; color:#FF7C24; } #central #productos H2{ font-size:12px; color:#FF7C24; } #central #productos a{ font-size:13px; color:#6D6894; } /*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/ #central #actualizable{background-repeat:no-repeat; min-height:578px; } /* FONDOS PARA LAS SECCIONES DEL CATALOGO */ .fondo1{background-image:url(../images/prod-background.jpg);} /*.fondo2{background-image:url(../images/actualizable-background.jpg);} .fondo3{background-image:url(../images/actualizable-background.jpg);}*/ .fondo4{background-image:url(../images/tubos-standards-background.jpg);} .fondo5{background-image:url(../images/expositores-y-bandejas-background.jpg);} .fondo6{background-image:url(../images/blisters-a-medida-background.jpg);} .fondo7{background-image:url(../images/packaging-embotellados-background.jpg);} .fondo8{background-image:url(../images/carpetas-muestrarios-background.jpg);} .fondo9{background-image:url(../images/blisters-y-expositores-background.jpg);} .fondo11{background-image:url(../images/cajas-maravillosas-background.jpg);} .fondo12{background-image:url(../images/flores-background.jpg);} .fondo13{background-image:url(../images/piezas-tecnicas-background.jpg);} .novedadesFondo{background-image:url(../images/actualizable-background.jpg);} /*ESTILOS PARA EL MENU DE LOS PRODCUTOS SEGUN LA FAMILIA QUE SEA */ #central #actualizable H1 A.cajas-maravillosas{color:#a78aba; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.cajas-maravillosas-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal;background-color:#a78aba } #central #actualizable H1 A.packaging-flores-plantas{color:#7fad91; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.packaging-flores-plantas-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#7fad91; } #central #actualizable H1 A.piezas-tecnicas{color:#43B1CD; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.piezas-tecnicas-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#43B1CD; } #central #actualizable H1 A.blisters-expositores{color:#e79e5b; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.blisters-expositores-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#e79e5b; } #central #actualizable H1 A.carpetas-muestrarios{color:#d5be76; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.carpetas-muestrarios-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#d5be76; } #central #actualizable H1 A.packaging-embotellados{color:#d2888f; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.packaging-embotellados-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#d2888f; } #central #actualizable H1 A.blisters-a-medida{color:#db90b4; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.blisters-a-medida-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#db90b4; } #central #actualizable H1 A.expositores-bandejas{color:#b4c64a; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.expositores-bandejas-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#b4c64a; } #central #actualizable H1 A.tubos-estandar{color:#859d7e; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.tubos-estandar-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#859d7e; } #central #actualizable H1 A.cajas-y-estuches{color:#8eb7ce; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; } #central #actualizable H1 A.cajas-y-estuches-marcado{color:white; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; background-color:#8eb7ce; } /* estilos para la seccion de novedades */ #central #actualizable H1 A.novedades{ color:#9A94BE; font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal;} #central #actualizable H1 A.novedades:hover{ background-color:#685F94; color:white; filter: alpha(opacity=30); opacity: .3;} #central #actualizable H1 A.novedades-marcado{ background-color:#685F94; color:white;font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*#central #actualizable H1 A.novedades-marcado:hover{ background-color:#685F94; color:white; filter: alpha(opacity=50); opacity: .5;}*/ /*LA ZONA DEL LISTADO DE TEMAS*/ #central #actualizable #zonaEnlaces{ color:#7F79A7; width:247px;} #central #actualizable H1{margin:0px;} #central #actualizable H1 A{ border-bottom:1px solid #E8E7EF; text-decoration:none; padding-bottom:9px; padding-left:27px; padding-top:8px; margin-top:0px; display:block; height:7px;} /*#central #actualizable H1 A:hover{ background-color:#ECEBF1; color:#59518C; filter: alpha(opacity=30); opacity: .3}*/ #central #actualizable H1 A.marcado{ background-color:#FF6600; color:white;} #central #actualizable H1 A.marcado:hover{ background-color:#FF6600; color:white; filter: alpha(opacity=50); opacity: .5} /*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/ #central #actualizable #contenidos{} #central #error{ font-family:Arial, Helvetica, sans-serif; font-size:13px;} #central #error A{ font-family:Arial, Helvetica, sans-serif; color:blue; text-decoration:none; font-size:13px;} /* Capa que carga el contenido de actualizer */ #contenido-actualizer { font-family : Arial; font-style : normal; font-size : x-small; color: black; padding:45px; } #valores LI{text-transform:uppercase;} #capaError{ padding-left:10px; padding-top:6px; padding-right:5px; padding-bottom:3px;position:absolute;left:507px;_left:433px;top:230px;width:250px;_width:260px;height:78px;_height:80px;background-color:#EAE8F6;} /* PIE -----------------------------------------------------------------------------------------------------------------------------------------------*/ #pie{ background-image:url(../images/pie-background.png); background-repeat:no-repeat; background-position:center top; background-color:#FFFFFF; font-family:"Arial", Helvetica, sans-serif; color:#FFFFFF; font-size:12px; padding:5px; } /*ENLACESPIE*/ #pie A{ color:#FFFFFF;} #pie A:hover{ color:FFFFFF; font-weight:bold;} /*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/ #central #actualizable #zonaEnlaces{ width:248px; padding-right:0px; float:left; font-family: Arial, Helvetica, sans-serif; } #central #actualizable #capaMarcas{ display:block; padding:0px; float:left; margin:0px;} #central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; border-left: 1px solid #DAD8E5; border-right: 1px solid #DAD8E5; font-family:Arial, Helvetica, sans-serif; } /* TEMAS*/ .marcado1{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#F28E00; } .desmarcado1{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado1.png) top left no-repeat; color:#F28E00; } .marcado2{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px;color:#FFFFFF; background-color:#ECC400;} .desmarcado2{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado2.png) top left no-repeat; color:#ECC400; } .marcado3{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#C9A302;} .desmarcado3{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado3.png) top left no-repeat; color:#C9A302;} .marcado4{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#D4D354;} .desmarcado4{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado4.png) top left no-repeat; color:#D4D354;} .marcado5{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#BBC147;} .desmarcado5{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado5.png) top left no-repeat; color:#BBC147;} .marcado6{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#1CA780;} .desmarcado6{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado6.png) top left no-repeat; color:#1CA780;} .marcado7{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#027F57;} .desmarcado7{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado7.png) top left no-repeat; color:#027F57;} .marcado8{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#0292AA;} .desmarcado8{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado8.png) top left no-repeat; color:#0292AA;} .marcado9{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#44BBE6;} .desmarcado9{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado9.png) top left no-repeat; color:#44BBE6;} .marcado10{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#494F99;} .desmarcado10{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado10.png) top left no-repeat; color:#494F99;} .marcado11{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#AB4586;} .desmarcado11{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado11.png) top left no-repeat; color:#AB4586;} .marcado12{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#EB6E76;} .desmarcado12{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado12.png) top left no-repeat; color:#EB6E76;} .marcado13{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#E1003A;} .desmarcado13{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado13.png) top left no-repeat; color:#E1003A;} .marcado14{display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; color:#FFFFFF; background:#620031;} .desmarcado14{ display:block; font-size:13px; font-weight:bold; text-indent:25px; height:32px; width:246px; background:url(../images/menuDesmarcado14.png) top left no-repeat; color:#620031;} /* SUBTEMAS */ .marcadoNoticia1{ background:url(../images/submenuMarcado1.png) top left no-repeat; color:#F28E00; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia2{ background:url(../images/submenuMarcado2.png) top left no-repeat; color:#ECC400; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia3{ background:url(../images/submenuMarcado3.png) top left no-repeat; color:#C9A302; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia4{ background:url(../images/submenuMarcado4.png) top left no-repeat; color:#D4D354; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia5{ background:url(../images/submenuMarcado5.png) top left no-repeat; color:#BBC147; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia6{ background:url(../images/submenuMarcado6.png) top left no-repeat; color:#1CA780; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia7{ background:url(../images/submenuMarcado7.png) top left no-repeat; color:#027F57; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia8{ background:url(../images/submenuMarcado8.png) top left no-repeat; color:#0292AA; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia9{ background:url(../images/submenuMarcado9.png) top left no-repeat; color:#44BBE6; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia10{ background:url(../images/submenuMarcado10.png) top left no-repeat; color:#494F99; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia11{ background:url(../images/submenuMarcado11.png) top left no-repeat; color:#AB4586; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia12{ background:url(../images/submenuMarcado12.png) top left no-repeat; color:#EB6E76; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia13{ background:url(../images/submenuMarcado13.png) top left no-repeat; color:#E1003A; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia14{ background:url(../images/submenuMarcado14.png) top left no-repeat; color:#620031; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px;} .marcadoNoticia:hover, .marcadoNoticia:hover{ color:#9A9A9A; font-weight: bold;} .desmarcadoNoticia1,.desmarcadoNoticia2,.desmarcadoNoticia3,.desmarcadoNoticia4,.desmarcadoNoticia5,.desmarcadoNoticia6,.desmarcadoNoticia7,.desmarcadoNoticia8,.desmarcadoNoticia9,.desmarcadoNoticia10,.desmarcadoNoticia11,.desmarcadoNoticia12,.desmarcadoNoticia13,.desmarcadoNoticia14{background: #FFFFFF url(../images/submenuDesmarcado.png) top left no-repeat; color:#9A9A9A; font-size:12px; font-weight: bold; height:33px; width:246px; max-width:201px; padding-left: 45px; } .desmarcadoNoticia:hover{ color:#9A9A9A; font-weight: bold;}