html, body { margin:0; padding:0;  }
#header { position: relative; height: 105px; width: 950px; margin: auto; background: url(http://www.five.es/templates/rt_syndicate_j15/images/overlays/header/overlay1.png) 166px top no-repeat; }
#header a { text-decoration: none; }
#header-bg-green { background-color: #3F684C; height: 105px; position: absolute; width:100%; z-index: -2; }
#header-bg-black { background-color: #2B2A29; height: 105px; position: absolute; width: 100%; left: -50%; top: 0; z-index: -1; }
#header #logo { float: left; margin-top: 0px; margin-left: -14px; }
#header #logo img { border: 0; }
#header #menu { position: absolute; list-style: none; padding: 0 0 0 5px; margin: 0; height: 40px; top: 35px; left: 167px; z-index: 1; display: inline-block; line-height: 1em; }
#header #menu li { float: left; padding: 0px 0 5px 0; height: 25px; margin: 0; }
#header #menu li a { white-space: nowrap; display: block; padding: 0; font-size: 13px; z-index: 100; cursor: pointer; position: relative; margin: 0; outline: none; height: 30px; }
#header #menu li a span { display: block; outline: none; padding: 5px 10px; width: auto; line-height: 20px; color: white; font-size: 13px; font-family: Verdana, Optima, Lucida; }
#header #menu li.active { background-color: url(http://www.five.es/templates/rt_syndicate_j15/images/overlays/black-25.png); }
#header #menu li.active a { background: url(http://www.five.es/templates/rt_syndicate_j15/images/overlays/black-25.png); }
#header #menu li a:hover { background: url(http://www.five.es/templates/rt_syndicate_j15/images/overlays/black-25.png); }	
#header #bar { position: absolute; width: 779px; height: 40px; top: 65px; left: 167px; padding-top: 5px; background: url(http://www.five.es/templates/rt_syndicate_j15/images/overlays/dark/submenu-overlay.png) -1px 0 no-repeat; z-index: 1; }
#header #submenu { position: absolute; list-style: none; padding: 0 0 0 5px; margin: 0; height: 40px; top: 5px; left: 0; z-index: 1; display: inline-block; line-height: 1em; }
#header #submenu li { float: left; padding: 0px 0 5px 0; height: 25px; margin: 0; }
#header #submenu li a { white-space: nowrap; display: block; padding: 0; font-size: 13px; z-index: 100; cursor: pointer; position: relative; margin: 0; outline: none; height: 30px; }
#header #submenu li a span { display: block; outline: none; padding: 5px 10px; width: auto; line-height: 20px; color: black; font-size: 13px; font-family: Verdana, Optima, Lucida; }
#header #submenu li.active { background-color: silver; }
#header #submenu li.active a { background: silver; }
#header #submenu li a:hover { background: silver; }

#barra { background: url("img/bar-bg.png") repeat-x; height: 40px; border: 1px solid #000; padding: 4px; font-weight: normal; font-family: Verdana; font-size: 11px; }
#barra div {float: right; position: relative; left: -50%; text-align: left; width: 945px; }
#barra ul { height: 48px; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; }
#barra li { float: left; position: relative; padding: 0 0 5px 0; height: 25px; margin: 0 1px; }
#barra li a { color: #000; cursor: pointer; text-decoration: none; display: block; height: 32px; padding: 8px 5px 0px 40px; font-size: 9px; }
#barra li a.active, #barra a:hover { background-color: #98B6C6 !important; }

#barra li.texto { width: 130px; padding-top: 5px; }
#barra li.separator { width: 1px; border: 1px solid #000000; background-color: #CCCCCC; height: 34px; }

#barra li a.bdc2016 { background: url("img/bdc-2016.jpg") no-repeat 3px center; }
#barra li a.bdc2015 { background: url("img/bdc-2015.jpg") no-repeat 3px center; }
#barra li a.bdc2014 { background: url("img/bdc-2014.jpg") no-repeat 3px center; }
#barra li a.bdc2013 { background: url("img/bdc-2013.jpg") no-repeat 3px center; }
#barra li a.bdc2012 { background: url("img/bdc-2012.jpg") no-repeat 3px center; }
#barra li a.bdc2011 { background: url("img/bdc-2011.jpg") no-repeat 3px center; }
#barra li a.bdc2010 { background: url("img/bdc-2010.jpg") no-repeat 3px center; }
#barra li a.bdc2009 { background: url("img/bdc-2009.jpg") no-repeat 3px center; }
#barra li a.bdc2008 { background: url("img/bdc-2007-08.jpg") no-repeat 3px center; }
#barra li a.bdcIB12 { background: url("img/bdc-IB12.gif") no-repeat 3px center; padding-top: 2px; height: 38px; }