body {background: #fff url(../images/bg-home-body.gif) repeat-x; color: #000;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/es/bg-home-header.gif); color: #fff; height: 192px; position: relative; z-index: 9999;}
#header ul#headerUtilNav {width: 202px; height: 12px; top: 13px; right: 10px; position: absolute;}
#header ul#headerUtilNav li {list-style: none; display: inline;}
#header ul#headerUtilNav li a {height: 12px; position: absolute; display: block;}
#header ul#headerUtilNav li a:hover {background-position: 0 -12px;}
#header ul#headerUtilNav li a#deutlnk {background-image: url(../images/headerUtilNav-deutlnk.gif); width: 54px; left: 0;}
#header ul#headerUtilNav li a#esutlnk {background-image: url(../images/headerUtilNav-esutlnk.gif); background-position: 0 -12px; width: 53px; left: 54px;}
#header ul#headerUtilNav li a#frutlnk {background-image: url(../images/headerUtilNav-frutlnk.gif); width: 58px; left: 107px;}
#header ul#headerUtilNav li a#enutlnk {background-image: url(../images/headerUtilNav-enutlnk.gif); width: 44px; left: 165px;}
#header ul#headerNav {width: 944px; height: 46px; bottom: 0; left: 8px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 46px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li a {height: 46px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ps {background: url(../images/es/headerNav-pslnk.gif) no-repeat; width: 104px; left: 0px;}
#header ul#headerNav li#ps:hover, #header ul#headerNav li#ps.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#ps a#pslnk {width: 104px;}
#header ul#headerNav li#ss {background: url(../images/es/headerNav-sslnk.gif) no-repeat; width: 136px; left: 104px;}
#header ul#headerNav li#ss:hover, #header ul#headerNav li#ss.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#ss a#sslnk {width: 136px;}
#header ul#headerNav li#br {background: url(../images/es/headerNav-brlnk.gif) no-repeat; width: 149px; left: 240px;}
#header ul#headerNav li#br:hover, #header ul#headerNav li#br.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#br a#brlnk {width: 149px;}
#header ul#headerNav li#ml {background: url(../images/es/headerNav-mllnk.gif) no-repeat; width: 191px; left: 389px;}
#header ul#headerNav li#ml:hover, #header ul#headerNav li#ml.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#ml a#mllnk {width: 191px;}
#header ul#headerNav li#ab {background: url(../images/es/headerNav-ablnk.gif) no-repeat; width: 121px; left: 580px;}
#header ul#headerNav li#ab:hover, #header ul#headerNav li#ab.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#ab a#ablnk {width: 121px;}
#header ul#headerNav li#cb {background: url(../images/es/headerNav-cblnk.gif) no-repeat; width: 243px; left: 701px;}
#header ul#headerNav li#cb:hover, #header ul#headerNav li#cb.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#cb a#cblnk {width: 243px;}
/*1st level dropdown*/
#header ul#headerNav li ul {background: #36a; color: #bdf; width: 15em; height: auto; margin: 46px 0 0 0; padding: 0 0 10px 0; left: -9999px; position: absolute; z-index: 99; border: 1px solid #fff; border-top: none;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {background: #36a url(../images/headerNav-bullet01.gif) no-repeat 13px 10px; color: #bdf; height: auto; padding: 5px 10px 5px 22px; left: auto; font-size: 1em; position: relative;}
#header ul#headerNav li ul li a:hover {background: #36a url(../images/headerNav-bullet02.gif) no-repeat 13px 10px; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0;}

/**************************************************content area********************************************/
#content {height: 414px; overflow: hidden; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************main column*********************************************/
#main {background: #fff url(../images/es/bg-home-main.gif) no-repeat 100% 0; width: 630px; height: 414px; margin-left: 330px; float: left; position: relative;}/*see ie.css for fixes*/
#main #flashcontentes {width: 451px; height: 401px; left: 55px; position: relative;}
#main #flashcontentes #flash {width: 451px; height: 401px;}
#main .flasherror {width: 451px; height: 401px;}
#main .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 400px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/es/bg-home-sidebar.gif) no-repeat; color: #999; width: 330px; height: 372px; margin-left: -960px; padding: 42px 0 0 90px; position: relative; float: left; font-size: 1em;}
#sidebar h2 {background: url(../images/es/title-welcome-bhs.gif) no-repeat; width: 186px; height: 13px; margin: 0 0 15px 15px;}
#sidebar div {width: 215px; text-align: center; font-size: .9em; line-height: 1.8em;}

/**************************************************footer**************************************************/
#footer {background: url(../images/es/bg-home-footer.gif) no-repeat; color: #bbb; min-height: 94px; position: relative; clear: both; font-size: .9em;}
#footer ul#footerUtilNav {top: 72px; left: 60px; position: absolute;}
#footer ul#footerUtilNav li {list-style: none; display: inline;}
#footer ul#footerUtilNav li#copyright {padding: 0 0 0 15px;}
#footer ul#footerUtilNav li a {color: #bbb; text-decoration: underline;}
#footer ul#footerUtilNav li a:hover {color: #999;}
#footer div#socialMedia {top: 72px; right: 25px; position: absolute;}
#footer div#socialMedia ul li {list-style: none; display: inline;}
#footer div#socialMedia ul li a {background-repeat: no-repeat; width: 28px; height: 28px; margin: 0 3px; display: block; float: left; text-indent: -9999em; overflow: hidden;}
#footer div#socialMedia ul li a#facebookLink {background-image: url(../images/icon-facebook.gif);}
#footer div#socialMedia ul li a#twitterLink {background-image: url(../images/icon-twitter.gif);}
#footer div#socialMedia ul li a#linkedinLink {background-image: url(../images/icon-linkedin.gif);}
#footer div#socialMedia ul li a#youtubeLink {background-image: url(../images/icon-youtube.gif);}
#footer div#socialMedia ul li a#flickrLink {background-image: url(../images/icon-flickr.gif);}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}