@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0}
html, body{ height:100%; background-color:#f5f1e8}
.body_funcionario{ background:url(../images/corporativo/body_funcionario.jpg) top center no-repeat; height:auto}
.body_quienes{ background:url(../images/corporativo/body_quienes.jpg) top center no-repeat; height:auto}
.body_vision{ background:url(../images/corporativo/body_vision.jpg) top center no-repeat; height:auto}
.body_historia{ background:url(../images/corporativo/body_historia.jpg) top center no-repeat; height:auto}
.body_estructura{ background:url(../images/corporativo/body_estructura1.jpg) top center no-repeat; height:auto;}
.body_infraestructura{ background:url(../images/corporativo/body_infraestructura.jpg) top center no-repeat; height:auto}
span { font-size:16px; font-weight:bold; margin:0; padding:0}
.png {behavior: url("http://www.grupoherdez.com.mx/newsite/iepngfix.htc") }
a, objet {outline:none}
#wrapper{ margin:0 auto; width:1000px; min-height:950px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#footer { margin:0 auto; padding:37px 0 0 0 ; width:100%; background:url(../images/corporativo/footer.jpg); height:auto; float:left}
#header{ width:1000px; height:148px;}
#content{ width:780px; height:auto; float:left; padding:0 45px 0 162px;}
#content2{ width:830px; height:auto; float:left; padding:0 0 0 163px;}

/***HEADER***/
#logo_herdez{ width:155px; height:145px; float:left; padding:3px 5px 0 0; background:url(../images/corporativo/img-logo-grupo-herdez.png)}
#logo_herdez a{ width:155px; height:145px; display:block; text-indent:-2500px}
#menu { width:832px; height:40px; padding:108px 5px 0 3px; float:left; position:relative; }
#menu ul{ margin:0; padding:0; list-style:none}
#menu li{width:152px; height:30px; padding-top:10px; margin-right:13px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold;color:#5184bd; text-align:center; text-indent:-5500px}
#menu li a{ width:152px; height:30px; display:block; color:#5184bd; text-decoration:none}

/***MENU CORPORATIVO***/
#menu-corporativo{ width:157px; height:180px; margin-top:107px; float:left;}
#menu-corporativo ul{ margin:0; padding:0; list-style:none; font-size:11px; font-weight:bold}
#menu-corporativo li{ width:137px; height:20px; margin-bottom:6px; padding-left:20px}
#menu-corporativo li a{color:#4276a9; text-decoration:none}
#menu-corporativo .lista-estructura{ margin:2px 0 11px 0}


/***FUNCIONARIOS***/
#funcionarios{ width:543px; height:auto; float:left; padding:0 20px 0 60px}
#titulo_funcionarios{ width:200px; height:40px; padding:30px 0 50px 343px; margin:0;}
#titulo_funcionarios h2{ margin:0; padding:7px 0 0 28px; color:#5184bd; font-size:16px; font-weight:bold;}
.funcionario{ width:543px; height:35px; padding-bottom:22px}
.nombre{ width:255px; height:25px; float:left; padding:10px 0 0 20px}
.puesto{ width:225px; height:25px;padding:10px 0 0 20px; float:left; font-weight:bold}
.puesto2{ padding-top:15px}
.dobleline{ padding-top:3px}
.funcionario-top{ padding-top:10px}

/***QUIENES***/
#quienes{ width:603px; height:auto; float:left; padding:0 0 0 20px; line-height:17px}
#titulo_quienes{ width:200px; height:40px; padding:30px 0 50px 383px; margin:0;}
#titulo_quienes h2{ margin:0; padding:9px 0 0 28px; color:#5184bd; font-size:16px; font-weight:bold;}
#gherdez-compania{ width:342px; height:188px; float:left; padding-right:10px }
#gherdez-productos{ width:250px; height:188px; float:left;}
#gherdez-company{ width:603px; height:auto; float:left; border-bottom:1px dotted #930; padding:0 0 10px 0;}
#gherdez-lider{ width:603px; height:auto; float:left; border-bottom:1px dotted #930; padding-top:10px}
#gherdez-lider .img-lider{ width:185px; height:145px; float:left}
#gherdez-lider .txt-lider{ width:368px; height:135px; float:left; padding:10px 0 0 50px}
.contenido_alt{ width:807px; height:auto; background:url(../images/corporativo/img-fondo-layout-corporativo.png) repeat-y; float:left; margin:0 20px 0 154px; line-height:17px}
.contenido_alt p{ padding-right:20px}
#gherdez-actual{width:583px; height:auto; float:left;padding:10px 38px 0 185px}
#gherdez-actual ul{ margin:0; padding:0 0 0 145px}
#gherdez-actual li{padding:0 0 20px 0; }
.bullet-pimiento {list-style:url(../images/corporativo/bullet-mccormick.png)}
.bullet-champinon {list-style:url(../images/corporativo/bullet-hormel.png)}
.bullet-calabaza{list-style:url(../images/corporativo/bullet-barilla.png)}
.bullet-jitomate{list-style:url(../images/corporativo/bullet-herdez-delfuerte.png); text-indent:3px}
#gherdez-fin{ width:593px; height:auto; border-top:1px dotted #930; padding-top:10px}
.txt_center{ padding:25px 0; text-align:center}

/*** Mision***/
#mision{ width:583px; height:auto; float:left; padding:0 20px 0 20px; line-height:17px}
#titulo_mision{ width:200px; height:40px; padding:30px 0 33px 383px; margin:0;}
#titulo_mision h2{ margin:0; padding:9px 0 0 28px; color:#5184bd; font-size:16px; font-weight:bold;}
.mision{ width:583px; height:auto; float:left; margin:0; padding:0 0 36px 0}
.vision{ width:583px; height:auto; float:left; margin:0; padding:0 0 38px 0}
.valores{ width:583px; height:auto; float:left; margin-top:0; padding:0}
.valores p{ padding-top:15px}
.titulo-mision{ width:200px; height:25px; float:left; padding-right:383px}
.titulo-mision h2{ margin:0; padding:0; font-size:16px; color:#7a6248; padding:4px 0 0 15px}
.txt-mision{ width:583px; height:auto; padding:20px 0 0 0; float:left}
.txt-mision1{ width:583px; height:auto; padding-top:15px; float:left}
.confianza{ padding:15px 20px 15px 185px}

/***HISTORIA***/
#historia{ width:603px; height:auto; float:left; padding:0 0 0 20px; line-height:17px}
#historia p{ padding:10px 0}
#titulo_historia{ width:200px; height:40px; padding:30px 0 30px 402px; margin:0;}
#titulo_historia h2{ margin:0; padding:9px 0 0 9px; color:#5184bd; font-size:16px; font-weight:bold;}
#historia-principal{ width:603px; height:auto; float:left; padding:0 0 0 20px; line-height:17px}
#historia-principal p{ padding:10px 0 0 0}
#logo-vintage{ width:157px; height:158px; float:left}
#historia-general{ width:426px; height:auto; float:left; padding-right:20px}
.decada{ width:603px; height:auto; float:left}
.decada p{ padding:0 20px 10px 10px}
.imagensesentas{ margin-top:10px}
.titulo-decada{ width:603px; height:30px; background:url(../images/corporativo/img-stick-historia.png) no-repeat; padding-bottom:10px}
.titulo-decada h2{ margin:0; padding:5px 0 0 45px; color:#840; font-size:16px}
.decada img{ padding-left:80px}
.cuarentas{padding:10px 20px 0 194px}
.cuarentas p{margin:15px}
.foto-cuarentas{ padding-left:264px}
.timeline{ width:486px; height:51px; background:url(../images/corporativo/decadas.jpg) no-repeat; float:left; margin-left:220px}
.timeline ul{ padding-left:37px; list-style:none}
.timeline li{ width:100px; height:51px; float:left; text-indent:-2500px}
.timeline li a{ width:100px; height:51px; display:block;}
.tm-large{padding-left:10px}
.timeline-inside{ margin:35px 0 0 380px}
#final-historia{ width:603px; height:180px; padding:10px 0 0 186px; float:left}
#fusion{ width:138px; height:121px; float:left}
.final-historia{ width:425px; height:180px; float:left; padding-left:30px}


/***Estructura***/
#estructura{width:587px; height:auto; float:left; padding:0 15px 0 20px; line-height:17px}
#titulo_estructura{ width:185px; height:40px; padding:30px 0 30px 402px; margin:0;}
#titulo_estructura h2{ margin:0; padding:9px 0 0 9px; color:#5184bd; font-size:16px; font-weight:bold;}
.compania{ width:427px; height:auto; float:left; padding:0 0 20px 150px}
.logo-compania{ width:84px; height:66px; float:left}
.nombre_compania{ width:250px; height:66px; float:left}
.nombre_compania h3{ font-size:16px; margin:0; padding:21px 0 0 20px}
.compania-top{ padding-top:20px}
.barilla{ padding-top:17px}
.hormel{ padding-top:20px}
.unidad{ width:587px; height:auto; float:left; padding-top:15px}
.unidad ul{ margin:0; padding:0 0 0 225px;}
.unidad li{ margin:0; padding-bottom:10px; list-style:url(../images/corporativo/img-bullet-tomates.jpg);}

/***Infraestructura***/
#infraestructura{width:673px; height:auto; float:left; padding:0 0 0 0;}
#titulo_infraestructura{ width:200px; height:40px; padding:30px 0 30px 402px; margin:0;}
#titulo_infraestructura h2{ margin:0; padding:7px 0 0 28px; color:#5184bd; font-size:16px; font-weight:bold;}

/***FOOTER***/
#submenu {width:991px; height:auto; margin:0 auto; padding:40px 0 10px 0; text-align:left; color:#a0d3ee; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#submenu-tit { width:991px; height:25px;; margin:0; padding:0;}
#submenu-tit h1.marcas-tit{ font-size:14px; width:470px; float:left; padding-left:20px; float:left }
#submenu-tit h1.responsabilidad-tit{ font-size:14px; width:261px; float:left; padding:0 ; }
#submenu-tit h1.corporativo-tit{ font-size:14px; width:200px; float:left; padding:0 ; }
#submenu ul { width:991px; height:auto; float:left; list-style:none; margin:0; padding-left:20px;}
#submenu .submenu { width:971px; height:auto; list-style:none; margin:0; padding:0 0 5px 20px; float:left; border-bottom:dotted 1px  #487cb3}
#submenu ul.marcas-submenu { width:110px; height:113px; list-style:none; margin:0; padding:0; float:left}
#submenu ul li.marcas-submenu { width:110px; height:18px; }	
#submenu ul.responsabilidad-submenu { width:240px;  height:110px; border:solid 1px #487cb3; border-top:none; border-bottom:none; list-style:none }
#submenu ul li.responsabilidad-submenu { width:240px;  height:18px; padding-left:10px;}
#submenu ul.corporativo-submenu { width:200px; height:113px; list-style:none}
#submenu ul li.corporativo-submenu { width:200px; height:18px; padding-left:10px;}
#submenu ul li a:link, #submenu ul li a:visited { text-decoration:none; color:#a0d3ee;}

#legales{ float:left;width:991px; height:60px; padding:0; color:#a3d3ee; font-size:10px;}
#legales li{ float:left}
#legales .logo { width:34px; height:25px; float:left; padding-top:5px}
#legales .copy { width:857px; height:24px; float:left; padding-top:15px;}
#legales .firma { width:75px; height:24px; float:left; padding:15px 0 0 25px;}

#login_proveedores {
    position:absolute;
    top: 0px;
    right: 10px;
    width: 154px;
    height: 43px;
    background: url(../images/btn_proveedores.png) no-repeat top left;
}
#login_proveedores a {
    color: #3f6ea2;
    font-weight: bold;
    display: block;
    width:100%;
    height:100%;
    line-height: 30px;
    text-align: center;
    text-indent: -5500px;
}