@charset "utf-8"; /* CSS Document */ BODY{ margin:0; padding:0; background-color:#f4f4f4; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; } A { outline: none; } img { border:0} #wrapper{ width: 953px; height:auto; margin:0 auto; text-align:left; } #container{ width: 953px; height:auto; margin: 0 auto; } #content{ width:953px; height:auto; float:left; padding:0px 0 15px 0; background-image:url('../img/fondo-general.jpg'); background-repeat:no-repeat; margin:0 } #logo { width:145px; height:400px; float:left; padding-top:13px;} #general {width:808px; height:auto; float:left; padding-top:13px; margin:0} #carrusel {width:750px; height:auto; float:left; margin-left:165px; color:#006} A:visited { text-decoration:none; color:#FFF} span { font-size:9px;} #logo .imagen { width:77px; height:123px; float:left; background:url('../img/img-logo_grupo_herdez_small.jpg') no-repeat; margin:13px 25px 0 30px; display:block} #logo .imagen H1 { text-indent:-2000px; display:block} #logo .imagen a { width:77px; height:123px; text-decoration:none; display:block} #logo UL{ margin:0; padding:0; padding-top:8px; list-style:none; font-size:9px; margin-left:32px;} #logo UL LI { width:40px; margin:0; padding:0;} #logo UL LI.en { color:#1a4395; float:left;} #logo UL LI.es { color:#cd352f; float:left;} #logo UL LI.en a:link, #logo UL LI.en a:visited { text-decoration:none; color:#1a4395;} #logo UL LI.es a:link, #logo UL LI.es a:visited { text-decoration:none; color:#cd352f;} #general #header { width:808px; height:30px; float:left; background-color:#133958; margin-top:13px; font-size:11px;} #general #header H1 { width:237px; height:30px; margin:0; padding:0; float:left; text-indent:-2000px; background:url('../img/title-relacion_con_inversionistas.jpg') no-repeat;} #general #header UL { width:326px; height:20px; margin:0; padding: 10px 0 0 243px; display:block; float:left; list-style:none; color:#FFF;} #general #header UL LI.empresa { width:52px; height:20px; margin: 0; padding:0; display:block; float:left;} #general #header UL LI.empresa A:link, #header #menu UL LI.empresa A:visited { width:52px; height:20px; display:block; text-decoration:none; color:#FFF;} #general #header UL LI.informes { width:82px; height:20px; margin: 0; padding:0; display:block; float:left;} #general #header UL LI.informes A:link, #header #menu UL LI.informes A:visited { width:82px; height:20px; display:block; text-decoration:none; color:#FFF;} #general #header UL LI.reportes { width:46px; height:20px; margin: 0; padding:0; display:block; float:left;} #general #header UL LI.reportes A:link, #header #menu UL LI.reportes A:visited { width:46px; height:20px; display:block; text-decoration:none; color:#FFF;} #general #header UL LI.documentos { width:60px; height:20px; margin: 0; padding:0; display:block; float:left;} #general #header UL LI.documentos A:link, #header #menu UL LI.documentos A:visited { width:60px; height:20px; display:block; text-decoration:none; color:#FFF;} #general #header UL LI.contacto { width:50px; height:20px; margin: 0; padding:0; display:block; float:left;} #general #header UL LI.contacto A:link, #header #menu UL LI.contacto A:visited { width:50px; height:20px; display:block; text-decoration:none; color:#FFF;} #general #header UL LI A:link, #header UL LI A:visited, #header UL LI A:active, #header UL LI A:hover { text-decoration:none; color:#fff;} #general #idioma { width:808px; height:20px; float:left; padding-top:5px;} #general #idioma UL.idioma { width:100px; height:auto; float:left; margin:0; padding:5px 0 0 681px; display:block; color:#FFF; font-size:9px; list-style:none} #general #idioma UL.idioma LI.en { width:35px; float:left; color:#FFF} #general #idioma UL.idioma LI.es { width:35px; float:left; color:#FFF; padding-left:2px;} #general #idioma UL.idioma LI.en a:link, #logo UL LI.en a:visited { text-decoration:none; color:#FFF} #general #idioma UL.idioma LI.es a:link, #logo UL LI.es a:visited { text-decoration:none; color:#FFF} #general #home {width:776px; height:auto; float:left; margin-top:25px; color:#000; padding-left:0;} #general #home .noticias { width:440px; height:284px; float:left; background-color:#e2e6ef; margin:24px 25px 0 0; padding-left:15px;} #general #home .noticias H1 { width:450px; height:auto; float:left; font-size:16px; color:#1a4395;} #general #home .noticias UL { width:430px; height:auto; float:left; list-style:none; margin:0; padding:5px 0; border-bottom:2px solid #ccc;} #general #home .noticias UL LI.fecha { width:80px; height:auto; float:left; color:#cd352f; margin:0; padding:0;} #general #home .noticias UL LI.noticia { width:315px; height:auto; float:left; color:#000; padding:0 0 10px 20px;} #general #home .noticias UL LI a:link, #content #general #home .noticias UL LI a:visited { color:#000; text-decoration:none} #general #home .valor { width:271px; height:21px; float:left; margin:71px 0 0px 20px; } #general #home .valor H1 { width:259px; height:auto; font-size:18px; line-height:17px; background:url('../img/titile-damos_valor_a_tu_confianza.jpg') no-repeat; text-indent:-2000px; margin:0; padding-top:5px; float:left} #general #home .valor .informacion{ width:271px; height:auto; float:left; margin:0; padding:0; } #general #home .noticias .listado { width:150px; height:auto; float:left; color:#1a4395; padding:10px 0 10px 280px;font-weight:bold} #general #home .noticias .listado a:link, #general #home .noticias .listado a:visited { list-style:none; color:#1a4395} #general #mision {width:772px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; padding:0; } #general #mision H1 {font-size:16px; padding-top:20px; color:#1a4395; padding-left:15px;} #general #mision .mision { width:380px; height:auto; float:left; display:block; padding-right:5px; margin-top:5px} #general #mision .vision { width:375px; height:auto; float:left; padding-left:10px; border-left:1px solid #999; margin-top:5px} #general #mision .valores { width:760px; height:auto; float:left;} #general #mision p { margin:0; padding-left:20px;} #general #mision #imagen_mision { width:603px; height:308px; float:left; margin:20px 0 0 90px; padding:0;} #general #historia {width:772px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; } #general #historia H1 {font-size:16px; padding-top:20px; color:#1a4395; padding-left:15px;} #general #historia .linea_tiempo {width:772px; height:16px; float:left; background-color:#bac5d2; margin:5px 0 5px 0; color:#133958;} #general #historia .linea_tiempo UL { width:412px; height:16px; float:left; padding-left:360px; list-style:none; margin:0; float:left; text-align:center; font-weight:bold;} #general #historia .linea_tiempo UL LI {float:left; width:50px; height:16px;} #general #historia .linea_tiempo UL LI.linea_color {float:left; width:50px; background-color:#98a8b9; padding:0; margin:0; height:16px;} #general #historia .linea_tiempo A:link, #content #general #historia .linea_tiempo A:hover, #content #general #historia .linea_tiempo A:visited { text-decoration:none; color:#98a8b9;} #general #historia .texto_historia p { width:712px; height:auto; float:left; padding:10px 30px 0 30px;} #general #historia #imagen_historia { width:603px; height:308px; float:left; margin:20px 0 0 60px; background:url('../img/img-productos_herdez_historia.jpg') no-repeat; padding:0;} #general #informes {width:756px; height:auto; float:left; background-color:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #general #informes H1 {font-size:16px; padding-top:20px; color:#1a4395} #general #informes H2 {font-size:14px; padding:20px 0 0 70px; color:#1a4395; font-weight:bold;} #general #informes .informes{ width:340px; height:auto; float:left; margin-left:38px;} #general #informes .iconos_informes { width:55px; height:44px; float:left; background:url('../img/img-informes.jpg'); clear:left} #general #informes .informes UL { width:240px; height:auto; float:left; list-style:none; font-weight:bold; margin-left:30px; } #general #informes .informes UL LI { width:200px; height:25px; float:left; text-indent:30px; background:url('../img/bullet.jpg') no-repeat; display:block} #general #informes .informes A:link, #content #general #informes .informes A:hover, #content #general #informes .informes A:visited {color:#000; text-decoration:none;} #general #informes .grafico_inversionistas { width:228px; height:301px; float:left; background:url('../img/img-grafica_informes.jpg') no-repeat; margin:120px 0 0 110px;} #general #informes .grafico_inversionistas2 { width:228px; height:301px; float:left; background:url('../img/img-grafica_informes.jpg') no-repeat; margin:180px 0 0 150px;} #general #reportes { width:756px; height:auto; float:left; background-color:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #general #reportes H1 {font-size:16px; padding-top:20px; color:#1a4395} #general #reportes H2 {font-size:14px; padding:20px 0 0 70px; color:#1a4395; font-weight:bold;} #general #reportes a{ color:#1a4395} #general #reportes .reportes{ width:350px; height:auto; float:left; margin-left:20px; clear:left; color:#1a4395} #general #reportes .reportes2{ width:350px; height:auto; float:left; margin-left:10px; clear:right; color:#1a4395} #general #reportes .iconos_reportes { width:55px; height:44px; float:left; background:url('../img/img-informes.jpg'); clear:left} #general #reportes .reportes UL { width:290px; height:auto; float:left; list-style:none; margin-left:15px; } #general #reportes .reportes UL LI { width:290px; height:25px; float:left; text-indent:30px; background:url('../img/bullet.jpg') no-repeat; display:block; clear:left;} #general #reportes .reportes2 UL { width:290px; height:auto; float:left; list-style:none; margin-left:15px; } #general #reportes .reportes2 UL LI { width:290px; height:25px; float:left; text-indent:30px; background:url('../img/bullet.jpg') no-repeat; display:block; clear:left;} #general #reportes .grafico_reportes { width:515px; height:225px; float:left; background:url('../img/imagen_reportes.jpg') no-repeat; margin:30px 0 0 241px} #general #reportes .reportes A:link, #content #general #reportes .reportes A:hover, #content #general #reportes .reportes A:visited {color:#000; text-decoration:none;} #general #reportes .reportes2 A:link, #content #general #reportes .reportes2 A:hover, #content #general #reportes .reportes2 A:visited {color:#000; text-decoration:none;} #content #general #consejo { width:756px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #content #general #consejo H1 { font-size:16px; padding-top:20px; color:#1a4395} #content #general #consejo H2 { font-size:12px; font-weight:bold; display:block; margin:0; padding:0;} #content #general #consejo H3 { width:203px; height:11px; float:left; padding:80px 0 0 30px; color:#1a4395; font-size:12px;} #content #general #consejo H3 A:link, #content #general #consejo H3 A:visited {text-decoration:none; color:#1a4395} #content #general .consejo { width:372px; height:auto; float:left; padding:5px 0 ; clear:left; margin:0;} #content #general .consejo2 { width:372px; height:auto; float:left; padding::5px 0px ; clear:right; margin:0;} #content #general #consejo UL.consejo { width:320px; height:auto; list-style:none; margin-bottom:10px; padding-left:30px; float:left} #content #general #consejo UL LI { width:200px; font-size:11px; float:left; margin:0; padding-left:00px;} #content #general #consejo UL LI.puesto { width:115px; font-size:10px; float:left; float:left; margin:0; padding:0px;} #content #general #consejo .consejo_imagen { width:372px; height:298px; float:left; margin-top:180px; background:url('../img/img-productos_herdez.jpg') no-repeat; text-indent:-2000px;} #content #general #infraestructura {width:772px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; } #content #general #infraestructura H1 {font-size:16px; padding-top:20px; color:#1a4395; padding-left:15px; float:left;} #content #general #infraestructura #texto_infraestructura { width:563px; height:auto; float:left; margin:40px;} #content #general #infraestructura #texto_infraestructura p { margin:0; padding:0;} #content #general #infraestructura #imagen_infraestuctura { width:750px; height:435px; float:left; margin-left:10px; padding:0;} #content #general #infraestructura #descripcion_infraestructura UL { width:376px; height:auto; float:left; padding:20px 0 20px 160px; list-style:none; float:left;} #content #general #infraestructura #descripcion_infraestructura UL LI { float:left; width:376px; color:#133958} #general #tabs {width:772px; height:auto; float:left;color:#000;} #general #tabs UL {width:772px; height:auto; float:left; list-style:none; margin:0; padding:0;} #general #tabs UL LI.noticias {width:146px; height:24px; float:left; display:block; background:url('../img/btn-noticias_eventos.jpg') no-repeat;} #general #tabs UL LI.noticias A:link, #general #tabs UL LI.noticias A:visited { width:150px; height:28px; text-indent:-2000px; display:block} #general #tabs UL LI.info_bursatil {width:135px; height:25px; float:left; background:url('../img/btn_stock_info.jpg') no-repeat; margin-left:354px; display:block;} #general #tabs UL LI.info_bursatil A:link, #general #tabs UL LI.info_bursatil A:visited { width:135px; height:28px; text-indent:-2000px; display:block} #general #tabs UL LI.info_reportes {width:136px; height:25px; float:left; background:url('../img/btn-info_reports.jpg') no-repeat; display:block; } #general #tabs UL LI.info_reportes A:link, #general #tabs UL LI.info_reportes A:visited { width:136px; height:28px; text-indent:-2000px; display:block} #general #documentos {width:756px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #general #documentos a:link, #content #general #documentos a:visited { text-decoration:none; color:#000;} #general #documentos H1 {font-size:16px; padding-top:20px; color:#1a4395; margin:0} #general #documentos H2 {font-size:14px; padding:20px 0 0 70px; color:#1a4395; } #general #documentos .documentos{ width:350px; height:auto; float:left; margin-left:20px; } #general #documentos .iconos_documentos { width:55px; height:44px; float:left; background:url('../img/img-informes.jpg'); clear:left} #general #documentos .documentos UL { width:290px; height:auto; float:left; list-style:none; margin-left:15px; } #general #documentos .documentos UL LI { width:290px; height:25px; float:left; text-indent:30px; background:url('../img/bullet.jpg') no-repeat; display:block} #general #documentos .grafico_documentos { width:365px; height:190px; float:left; background:url('../img/img-documentos.jpg') no-repeat; margin:50px 0 0 390px} #general #documentos .documentos A:link, #content #general #documentos .documentos A:hover, #content #general #documentos .documentos A:visited {color:#000; text-decoration:none;} #general #documentos .estados_financieros { padding:0 0 10px 80px;} #content #general #funcionarios { width:756px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #content #general #funcionarios H1 { font-size:16px; padding-top:20px; color:#1a4395} #content #general #funcionarios H2 { font-size:12px; padding:0 0 0 30px; font-weight:bold; color:#1a4395} #content #general .funcionarios { width:755px; height:auto; float:left; margin:5px 0 ; clear:right;} #general #funcionarios UL.funcionarios { width:405px; height:auto; list-style:none; margin-bottom:10px; padding-left:30px; float:left} #general #funcionarios UL LI { width:400px; font-size:11px; float:left; margin:0; padding:0 0 10px 10px;} #general #funcionarios UL LI.puesto { width:405px; font-size:10px; float:left; margin:0; padding:0px;} #content #general #funcionarios .funcionarios_imagen { width:372px; height:298px; float:left; margin:0 0 0 300px; background:url('../img/img-productos_herdez.jpg') no-repeat; text-indent:-2000px;} #general #contacto {width:756px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; padding-left:15px;} #general #contacto H1 { font-size:16px; padding-top:20px; color:#1a4395;} #general #contacto form { width:700px; height:auto; float:left; padding:30px 0;} #general #contacto p{ width:600px; height:auto; padding-left:20px} #general #contacto form UL{ width:550px; height:auto; list-style:none; margin:0; padding-left:0px;} #general #contacto form UL LI {padding-bottom:5px; margin:0;} #general #contacto form UL LI.botones { padding-left:215px} #form1 label {float:left; padding-left:20px; width:150px; margin:0;} #general #contacto .contacto{ padding:20px 0 10px 30px} #general #perfil {width:772px; height:auto; float:left; background:#fdfdfd; margin-top:25px; color:#000; } #general #perfil H1 {font-size:16px; padding-top:20px; color:#1a4395; padding-left:15px; float:left; width:772px;} #general #perfil #texto_perfil { width:440px; height:auto; float:left; padding-left:20px;} #general #perfil #imagen_perfil { width:310px; height:auto; float:left; padding:0;} #general #perfil #imagen_perfil UL LI { list-style:none; margin:0; padding:0; margin-top:10px;} #general #perfil p { margin:0; padding:0;} #submenu { width:771px; height:140px; float:left; margin-top:20px; padding:0} #submenu .submenu { width:192px; height:140px; border-right:1px solid #000000; float:left; background:url('../img/fondo-submenu.jpg')} #submenu .outline { border-right:none} #submenu H1 { font-size:13px; margin:0; padding:5px 0 0 19px; color:#f2f2f2;} #submenu UL { height:125px; list-style:none; margin:0; padding:17px 0 0 30px; text-decoration:none;} #submenu UL.lista {line-height:17px; text-decoration: none; } #submenu UL.lista2 {line-height:17px; text-decoration: none; display:block; } #submenu UL LI { color:#b9d6ee; font-size:11px; text-decoration: none; } #submenu UL LI A:link, #submenu UL LI A:Visited { color:#b9d6ee; text-decoration:none;} #footer { width:540px; height:40px; float:left; margin-left:145px;} .marcas { width:195px; height:40px; float:left; margin:0; padding:0;} .marcas ul { width:195px; height:45px; float:left; list-style:none; margin:0; padding:0;} .marcas ul li { width:65px; height:auto; float:left; list-style:none; text-align:center; margin:0; padding:0;} .copy { width:230px; height:40px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding-top:8px; color:#666; text-align:right} .marcas a { outline:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;} .marcas a:link, .marcas a:visited { text-decoration:none; color:#666} .copy a:link, .copy a:visited { text-decoration:none; color:#666;} .tooltipOpen { width:261px; height:40px; cursor:pointer; font-size:10px; margin:0; padding-top:8px; color:#666; font-family:Arial, Helvetica, sans-serif; float:left; } .tooltip { width:261px; height:275px; float:left; background-color:#f6f6f6; border:solid 1px #999} .tooltipClose { width:251px; height:15px; cursor:pointer; background:#999; padding:3px 10px 0 0 ; color:#fff; text-align:right; font-size:9px; float:left } .tooltipClose span { color:#F00; font-size:10px; padding-top:2px;} .listbrands { width:261px; height:auto; margin:0; padding:0; padding-top:5px; list-style:none; float:left } .listbrands li { width:87px; height:30px; float:left; display:block; background: transparent center top} .listbrands li a, .listbrands li span { width:87px; height:30px; text-indent:-2000px; display:block } .listbrands li.herdez { background:url(../images/jpg/herdez.jpg) no-repeat center top } .listbrands li.delfuerte { background:url(../images/jpg/delfuerte.jpg) no-repeat center top } .listbrands li.mccormick {background:url(../images/jpg/mccormick.jpg) no-repeat center top } .listbrands li.donamaria {background:url(../images/jpg/donaMaria.jpg) no-repeat center top } .listbrands li.nair { background:url(../images/jpg/nair.jpg) no-repeat center top} .listbrands li.embasa { background:url(../images/jpg/embasa.jpg) no-repeat center top } .listbrands li.lavictoria { background:url(../images/jpg/lavictoria.jpg) no-repeat center top } .listbrands li.barilla { background:url(../images/jpg/barilla.jpg) no-repeat center top } .listbrands li.yemina { background:url(../images/jpg/yemina.jpg) no-repeat center top } .listbrands li.vesta { background:url(../images/jpg/vesta.jpg) no-repeat center top} .listbrands li.bufalo { background:url(../images/jpg/bufalo.jpg) no-repeat center top } .listbrands li.lagloria { background:url(../images/jpg/gloria.jpg) no-repeat center top } .listbrands li.carlota { background:url(../images/jpg/carlota.jpg) no-repeat center top } .listbrands li.blason { background:url(../images/jpg/blason.jpg) no-repeat center top} .listbrands li.verduras { background:url(../images/jpg/8vherdez.jpg) no-repeat center top} .listbrands li.festin { background:url(../images/jpg/festin.jpg) no-repeat center top } .listbrands li.hormel { background:url(../images/jpg/hormel.jpg) no-repeat top} .listbrands li.solodonamaria { background:url(../images/jpg/solo.jpg) no-repeat top} .listbrands li.solomate { background:url(../images/jpg/solomate.jpg) no-repeat top} .listbrands li.kikkoman {background:url(../images/jpg/kikkoman.jpg) no-repeat center top } .listbrands li.ocean { background:url(../images/jpg/ocean.jpg) no-repeat top} .listbrands li.fundacion { background:url(../images/jpg/fundacion-herdez.jpg) no-repeat center; border-top:1px solid #999; height:35px; margin-top:5px} .listbrands li.club { background:url(../images/jpg/club-de-la-confianza.jpg) no-repeat center; border-top:1px solid #999; height:35px; margin-top:5px} .listbrands li.nutre { background:url(../images/jpg/herdez-nutre.jpg) no-repeat center; border-top:1px solid #999; height:35px; margin-top:5px;}