@import url(reset.css);
@import url(typography.css);

/* sitesMenu
-------------------------------------------------------------- */

#nestleNavigationIn { display: block; width: 100%; height: 41px; background: url(../img/bgNestleNavigation.jpg) top left repeat-x; }
#nestleNavigationIn div { width: 950px; overflow: hidden; margin: 0px auto; height: 41px; }
#nestleNavigationIn #linkContainer { overflow: hidden; float: right; color: #979797; font-family: Verdana; font-size: 12px; margin-right: 20px; }
#nestleNavigationIn ul.menu { float: left; margin-top: 8px; }
#nestleNavigationIn ul.menu li.menuTitle { width: 200px; }
#nestleNavigationIn ul.menu li.menuTitle span { display: block; margin-left: 10px; padding-left: 10px; text-align: left; width: 150px; height: 22px; line-height: 22px; background: url(../img/sitesMenuBg.gif) 0px -22px no-repeat; font-size: 10px; font-family: Verdana; color: #555555; cursor: pointer; }
#nestleNavigationIn ul.menu li.menuTitle span:hover { background-position: top left; }
#nestleNavigationIn ul.menu li.menuTitle ul { text-align: left; margin-left: 0px; background-color: white; position: absolute; display: none; width: 200px; border: 1px solid silver; z-index: 10 }
#nestleNavigationIn ul.menu li.menuTitle ul li { width: 100%; overflow: auto; }
#nestleNavigationIn ul.menu li.menuTitle ul li a { padding: 5px; padding-left: 10px; display: block; color: #555555; text-decoration: none; font-size: 12px; width: 80%; margin: 0px auto; }
#nestleNavigationIn ul.menu li.menuTitle ul li a:hover { background-color: #F0F0F0; }
#nestleNavigationIn span.linkContacto { float: left; overflow: hidden; margin-left: 10px; margin-top: 12px; }
#nestleNavigationIn span.linkContacto img {  }
#nestleNavigationIn span.linkContacto a {font-weight: bold; color: white }
#nestleNavigationIn img { behavior: url(iepngfix.htc); }