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


/* LAYOUT 
-------------------------------------------------------------------------------------------------------*/

body { position: relative; }

#skip { position: absolute; top: -9000px; left: -9000px; z-index: -9000;  }

#container { position: relative; width: 880px; padding: 0 45px; margin-right: auto; margin-left: auto; }

h1 { position: absolute; z-index: 999; top: 1px; right: 0; left: 45px; right: 45px; width: 880px; height: 60px; line-height: 58px; }

#menu { position: absolute; z-index: 999; top: 60px; width: 880px; height: 30px; }
#menu { background: #B4A2CA; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

#menu ul { width: 100%; height: 30px; line-height: 28px; background: #B4A2CA; }
#menu ul li { position: relative; float: left; }
#menu ul li:hover abbr, #menu ul li abbr:hover { color: #fff; border-bottom: 1px dotted #fff; }
#menu ul li:hover ul { left: 0; }
#menu ul li a { display: block; float: left; height: 30px; line-height: 28px; padding: 0 0.7em; color: #000; background: #B4A2CA; text-decoration: none; }
#menu ul li a:hover { color: #fff; background: #811E6D; }

#menubg { position: absolute; z-index: -1; display: block; top: 60px; right: 0; left: 0; width: 100%; height: 30px; }
#menubg { background: #B4A2CA; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

#date { position: absolute; z-index: 199; top: 92px; right: 45px; width: auto; height: 26px; line-height: 23px; }
#date { margin-top: 0; margin-left: auto; padding: 0 0.9em; float: right; font-size: 95%; }

#banner { position: absolute; z-index: 10; display: block; top: 92px; right: 45px; width: 500px; height: 240px; margin-left: auto; }
#banner span { display: block; }

#footer { position: absolute; z-index: 10; /*top: 900px;*/ right: 0; left: 0; width: 100%; /*height: auto;*/ padding-top: 1em; padding-bottom: 3em; background: /*#E1DBEA*/ #fff; }
#footer #footer-wrapper { width: 880px; font-size: 76%;  }
#footer #footer-wrapper .footer-section { width: auto; padding: 0 1em 0 0; float: left; }
#footer #footer-wrapper .footer-section h2 { font-size: 110%; font-weight: bold; margin-bottom: 0.5em; }
#footer #footer-wrapper .footer-section ul li { margin-bottom: 0.2em; }
#footer #footer-wrapper .footer-section a { line-height: 1.2em; color: #666666; }
#footer #footer-wrapper .footer-section a:hover { color: #000; }
#footer #footer-wrapper .footer-section p.fname { line-height: 0; color: #666666; font-size: 1.8em; margin-top:0; }
#footer #footer-wrapper .footer-section p.fresponsible { line-height: 0em; color: #666666; font-size: 100%; }

#social-networks { position: absolute; position: fixed; z-index: 999; top: 150px; left: 0px; width: 40px; height: 222px; margin-right: auto; }
#social-networks { border: 0px solid #B4A2CA; border-left: none; }
#social-networks #sn-content { position: relative; }
#social-networks #sn-content h2 { position: absolute; left: -9000px; }
#social-networks #sn-content .sn { position: relative; width: 39px; height: 34px; overflow: hidden; padding: 0; margin: 0; } 
#social-networks #sn-content #sn-youtube { height: 82px; }
#social-networks #sn-content .sn .spn { position: absolute; display: block; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; width: 39px; height: 34px; }
#social-networks #sn-content #sn-youtube .spn { height: 82px; background: url(../_img/sn-logo-youtube.gif) no-repeat; }
#social-networks #sn-content #sn-twitter .spn { background: url(../_img/sn-logo-twitter.gif) no-repeat; }
#social-networks #sn-content #sn-linkedin .spn { background: url(../_img/sn-logo-linkedin.gif) no-repeat; }
/*#social-networks #sn-content #sn-facebook .spn { background: url(../_img/sn-logo-facebook.gif) no-repeat; }*/
#social-networks #sn-content #sn-rss .spn { background: url(../_img/sn-logo-rss.gif) no-repeat; }
#social-networks .sn a { position: absolute; z-index: 0; top: -9000px; left: -9000px; }

#back-to-menu { position: absolute; z-index: -999; top: -9000px; left: -9000px; }