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

body.corporativo { background:url(../images/background-corporativo.jpg) no-repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body.marca { background:url(../images/background-marca-n.jpg) no-repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
body.marcas { background:url(../images/background-marcas.jpg) no-repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
body.contacto { background:url(../images/background-contacto.jpg) no-repeat top center; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

.png { behavior: url("../iepngfix.htc") }
a {outline:none; text-decoration:none;}
object { outline:none;}
img { border:none; margin:0; padding:0;}

#maincontainer{ width: 1000px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }
#contentwrapper{ margin: 0; padding:0; float: left; width: 100%; }

#header {height:140px; padding:4px; padding:0; position:relative; }

#logotipo{ width:155px; height:145px; float:left; text-indent:-2500px; background:url(../images/corporativo/img-logo-grupo-herdez.png) no-repeat}
#logotipo a{ width:155px; height:145px; display:block}

#menu-marcas { width:836px; height:39px; float:left; padding:17px 0 0 0; margin-top:6px; color:#5184bd; }
#menu-marcas ul { width:auto; height:45px; float:left; margin:0; padding:0; list-style:none; color:#5184bd}
#menu-marcas li { width:138px; height:45px; float:left; padding:95px 17px 0 12px; text-indent:-5500px}
#menu-marcas li a{ width:138px; height:45px; float:left; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#5184bd; text-align:center; }
#menu li.contacto { width:50px; height:50px; float:left; text-indent:-5000px; margin:0; padding:0;}

#corporate-tit { width:991px; height:257px; background:url(../images/corporativo/img-tape-titulo-corporativo.png) no-repeat; margin-top:30px;}
#corporate-tit p.tit { padding-top:17px; font-size:16px; font-weight:bold; text-indent:750px; color:#4276a9; text-transform:uppercase; margin:0;}
#corporate-menu { width:318px; height:158px; float:left; margin:0; padding-top:38px;}
#corporate-menu ul { width:265px; height:158px; float:left; list-style:none; text-indent:135px; margin:0}
#corporate-menu ul li { width:265px; height:20px; float:left; font-weight:bold; margin:3px 0 4px 0;}
#corporate-menu ul li.active { background:url(../images/corporativo/img-tape-submenu-2.png) no-repeat; margin-left:80px; text-indent:55px; height:20px; padding-top:5px; width:196px;}
#corporate-menu ul li a:link, #corporate-menu ul li a:visited { text-decoration:none; color:#4276a9;}
#corporate { width:807px; height:820px; margin:0;  background:url(../images/corporativo/img-fondo-layout-corporativo.png); margin:0 0 48px 154px; line-height:25px; font-size:12px }
#corporate-info { width:300px; height:auto; float:left; font-size:12px; color:#000; line-height:25px; padding:30px 0 0 32px;}
#corporate p.define { width:250px; height:auto; float:left; padding-top:10px;}
#corporate-content { width:541px; height:auto;; float:left; margin-left:200px;}
#corporate p.compania { width:582px; height:auto; float:left; margin:0 0 20px 0px; border-bottom:dashed 1px #a8978e; padding-bottom:20px;}
#corporate p.grupo-herdez { width:286px; height:auto; float:left; padding-left:60px;}
#corporate p.listado { width:582px; height:auto; float:left; border-top:#a8978e dashed 1px; padding-top:30px;}
#corporate ul { width:500px; height:auto; float:left; list-style:url(../images/corporativo/img-bullet-pimientos.jpg); margin-left:40px;}
#corporate ul li { width:440px; height:auto; float:left; padding:0 0 10px 25px;}

#corporate p span { font-size:16px; font-weight:bold;}
span { font-size:16px; font-weight:bold;}

.imagen-quienes { width:288px; height:auto; float:left; padding:50px 0 0 10px;}
.imagen-quienes-2 { width:145px; height:auto; float:left; padding-left:10px;}

#todas { width:991px; height:auto; float:left; margin:0; padding:0; }
#todas-tit { width:100px; height:auto; float:left; padding:40px 0 0 789px; color:#4276a9; font-size:16px; font-weight:bold;}
#todas-listado { width:800px; height:auto; float:left; padding:5px 0 0 191px;}
#todas-listado ul { width:740px; height:auto; float:left; list-style:none; padding:5px 0 0 15px;; margin:0; border-bottom:dashed #b2a797 1px;}
#todas-listado ul ul { width:180px; height:auto; float:left; list-style:none; margin:0; padding:0; border:none;}
#todas-listado ul.ultimo { border-bottom:none;}
#todas-listado ul ul li { width:140px; height:auto; padding: 0 35px 10px 10px; text-align:center; float:left; }
#todas-listado .texto-izq{ text-align:left}
#todas-listado ul ul li p { width:120px; height:auto; padding:0 0 0 20px; text-align:left; margin:0;}
#todas-listado ul ul li a:link,  #todas-listado ul li a:visited { text-decoration:none; color:#333;}
#todas-texto { width:798px; height:272px; float:left; background:url(../images/corporativo/img-tape-marcas-inferior.png) no-repeat; padding:0 0 60px 0;}
#todas-texto-tit { width:228px; height:auto; float:left; padding:23px 0 0 70px; font-size:14px; font-weight:bold; color:#766246}
#todas-texto p { width:688px; height:auto; float:left; padding:10px 0 0 90px}
#todas-texto .todas-marcas{ width:675px; padding:17px 0 0 80px; margin:0}
#todas-texto a{ color:#000; text-decoration:none}

#contacto { width:991px; height:807px; float:left; margin:0; padding:0;}
#contacto-tit { width:100px; height:auto; float:left; padding:40px 0 0 789px; margin:0; color:#4276a9; font-size:16px; font-weight:bold; }
#contacto-info { width:521px; height:auto; float:left; margin:0; padding:30px 0 0 320px;}
#contacto-info span { font-style:italic;}
#contacto-info p { text-align:center;}
#contacto-form { width:700px; height:500px; float:left; padding:90px 0 0 365px;}
#contacto-img { width:480px; height:auto; float:left; text-align:center}
#contacto-form ul { width:480px; height:auto; float:left; list-style:none; margin:0; padding:0;}
#contacto-form ul li { padding:0 0 10px 15px;}
#contacto-form ul li.button { padding-left:270px;}
#frm label {float:left; padding-left:20px; width:70px; margin:0; color:#333}
#frm select { width:240px;}
#frm input.button { width:82px;}


#banner-marca { width:991px; height:422px; float:left; padding-top:4px; }
#bloques-marca { width:991px; height:220px; float:left; padding:0; margin:0; margin-top:15px;}
.bloque-marca-izquierdo { width:328px; height:211px; float:left; background:url(../images/corporativo/img-marca-content-block.png) no-repeat}
.bloque-marca-izquierdo a { text-indent:-2500px;}
.bloque-marca-centro { width:328px; height:211px; float:left; background-image:url(../images/corporativo/img-marca-content-block.png)}
.bloque-marca-derecho { width:328px; height:211px; float:left; background-image:url(../images/corporativo/img-marca-content-block-lineas.png)}
p.marca-izquierdo { width:258px; height:150px; float:left; padding:0 10px 0 50px; margin:0; font-size:12px; line-height:18px; margin:0 }
p.marca-izquierdo-tit { width:300px; height:20px; float:left; margin-bottom:10px; padding-top:10px; padding-left:28px;font-size:14px; font-weight:bold; text-transform:uppercase;}
p.marca-centro-tit { width:300px; height:20px; float:left; margin-bottom:10px; padding-top:10px; padding-left:28px;font-size:14px; font-weight:bold; text-transform:uppercase;}
p.marca-centro { width:238px; height:140px; float:left; padding:0 0 0 45px; margin:0; font-size:12px; line-height:18px; }
.bloque-marca-derecho ul { width:160px; height:171px; float:left; margin:0; padding:40px 0 0 0; list-style:none;}
.bloque-marca-derecho ul li.linea { padding-left:15px; font-weight:bold;}
.bloque-marca-derecho ul li.sub-linea { list-style:inside; padding-left:25px;}
.bloque-marca-izquierdo a { width:328px; height:40px; float:left; text-indent:-2500px; display:block; margin-top:-30px}
#bloque-slider { width:991px; height:224px; float:left; margin-bottom:25px; }


#submenu {width:991px; height:auto; margin:0 auto; padding:30px 0 10px 0; text-align:left; color:#a0d3ee; }
#submenu-tit { width:991px; height:25px;; margin:0; padding:0;}
#submenu-tit h1.marcas-tit{ font-size:14px; width:472px; 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;}

#footer { width:991px; height:60px; padding:0; color:#a3d3ee; font-size:10px;}
#footer ul { width:991px; height:60px; list-style:none; margin:0; padding:0}
#footer ul li.copy { width:857px; height:24px; float:left; padding:15px 0 0 20px;}
#footer ul li.copy a{ color:#a0d3ee; text-decoration:none}
#footer ul li.firma { width:100px; height:24px; float:left; padding:15px 0 0 13px; color:#a0d3ee}
#footer ul li.firma a:visited, #footer ul li.firma a:link{ color:#a0d3ee; text-decoration:none}

#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;
}