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

html { overflow-y: scroll; overflow-x: hidden; }
#shareThis { float:right; margin: 5px 0px 10px 0px; margin-right: 20px; display:block; }
.bold { font-weight: bold; }
.clear { clear:both; }
.block { display:block !important; }
.hide { display:none; }

/* body
-------------------------------------------------------------- */
body { background-color: #040308; width: 100%; height: 100%; }
div, img, a, ul, li, h2 { behavior: url(iepngfix.htc); }
.selected { background-position: top left !important; }

/* 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: #979797 }

/* mainNav
-------------------------------------------------------------- */

div.mainNav { display: block; overflow: hidden; height:125px; width: 990px; margin: 0px auto; }
div.mainNav span { display: none; }
div.mainNav div.logo a { display: block; position: absolute; width: 268px;height: 128px; margin-left: 10px; background: url(../img/logo.png) top left no-repeat; z-index: 2; }
div.mainNav div.navBar { display: block; position: absolute; height: 32px; width: 722px; margin: 70px 0px 0px 245px; z-index: 1; background: url(../img/bgNavBar.jpg) top left no-repeat; }
div.mainNav div.navBar ul { display: block; float: left; padding-left: 50px; }
div.mainNav div.navBar ul li { float: left; }
div.mainNav div.navBar ul li a { display: block; height: 27px; margin-top: 2px; background-position: 0px -27px; }
div.mainNav div.navBar ul li a:hover { background-position: top left; }


/* wrapper
-------------------------------------------------------------- */

#wrapper { width:990px; margin:0px auto; /*background: url(../img/bg.jpg) top left no-repeat;*/ margin-bottom: 20px; padding-top: 10px; overflow: auto; }
#footer { /*background: #8A0B0E url(../img/bgFooter.gif) top center no-repeat; padding-top: 139px;*/ }
#footerLogo a { display: block; width: 127px; height: 29px; position: absolute; background: url(../img/logoPurinaFooter.jpg) top left no-repeat; left: 50%; margin-top: 10px; margin-left: 350px; }
#footerLogo a span { display: none; }
.logoPurina a { margin-top:45px !important; }

#footerLinks { width: 100%; background: Black url(../img/footerLinksBg.jpg) top left repeat-x; text-align:center; padding:10px 0; }
#footerLinks ul.links { width:845px; margin:0 auto 15px; display:block; overflow:hidden; }
#footerLinks ul.links li { float:left; margin-top:10px; }
#footerLinks ul.links li a { margin-right:10px; }
#footerLinks a.logoNestle { width: 90px; height:33px; background: url(../img/logoNestle.png) top left no-repeat; margin: -2px 0px 0px -155px; position:absolute; }

/* CONTENT GENERAL
------------------------------------------------------------------ */

div.content { overflow: hidden; }
div.content span { display: none; }
div.content div.bgContentUp {}

/* SPLASH
----------------------------------------------------------------- */
div.splash { background: url(../img/splash/bg.jpg) top center no-repeat; width: 100%; height: 100%; min-width:990px; }
div.splash #wrapper { padding-bottom:40px; margin-bottom:0px; }
div.splash div.logo { width:990px; height:128px; margin:12px auto 0px; }
div.splash div.logo a { display: block; position: absolute; width: 268px;height: 128px; margin-left: 10px; background: url(../img/logo.png) top left no-repeat; z-index: 2; }
div.splash span { display:none; }
div.splash div.title { background:url(../img/splash/titulo.png); width:865px; height:57px; margin:10px auto 0px; }

#navigation { list-style: none; width: 930px; margin:40px auto; overflow:hidden; }
#navigation li { float: left; }
#navigation a * { display: none; }
#navigation a, #navigation a .hover { height: 460px; position: relative; display: block; }
/* individual navigation items */
#navigation a.consumidores { background: url(../img/splash/btnConsumidores.jpg); width: 444px; background-position: 0px 0px; background-repeat:no-repeat; }
#navigation a.consumidores .hover { background: url(../img/splash/btnConsumidores.jpg); background-position: 0 -460px; background-repeat:no-repeat; width: 444px; }

#navigation a.profesionales { background: url(../img/splash/btnProfesionales.jpg); width: 444px; background-position: 0px 0px; background-repeat:no-repeat; }
#navigation a.profesionales .hover { background: url(../img/splash/btnProfesionales.jpg); background-position: 0px -460px; background-repeat:no-repeat; width: 444px; }


/* .net fixes
-------------------------------------------------------------- */
.modalBackground { background-color: white; filter:alpha(opacity=60); opacity:0.6; z-index: 10; } 
.modalPopup { /*background-color:white; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px; z-index: 10;*/ }
.ajax__calendar_container { z-index : 1000; }
.ajax__calendar_title { color:#0066cc; width:150px; margin:auto; padding:3px; width:auto; } 

div.loadingBox { width: 50px; height: 50px; display: block; background: url(../img/loadingBg.png) top left no-repeat; padding: 9px; }
div.loadingBox img { border: none; }