@import "styles_base.css";

#content { width: 5280px; }

#content DIV.intro { width: 1066px; float: left; }

#content DIV.covers { width: 355px; float: left; margin: 35px 0 0 0; }
#content DIV.covers ul { width: 310px; margin: 0; }
#content DIV.covers li { list-style: none; clear: both; padding: 0 15px 0 0; }
#content DIV.covers img { float: left; width: 93px; height: 94px; border: 2px solid #000; margin: 0 18px 2px 0; }
#content DIV.covers h3 { font-size: 11px; margin: 0 0 15px 0; padding: 0; color: #000; }
#content DIV.covers span { font-size: 11px; color: #999; line-height: 12px; }

#storeSWF { float: left; width: 286px; height: 470px; }
#content DIV.store { width: 183px; height: 470px; float: left; padding: 0; margin: 0 0 0 5px; }
#content DIV.store ul { width: 125px; margin: 132px 0 0 0; }
#content DIV.store li { display: inline; margin: 0 7px 0 0; }
#content DIV.store img { margin: 0 0 6px 0; border: none; width: 54px; height: 70px; }
#content DIV.links { margin: 31px 0 0 0; }
#content DIV.links h4 { font-size: 11px; color: #000; margin: 0 0 12px 0; }
#content DIV.links a { font-size: 11px; line-height: 12px; color: #999; text-decoration: underline; }
#content DIV.links a:hover { color: #F00; }

#content DIV.agenda { width: 352px; height: 470px; float: left; margin: 0; background: url(../images/agenda_bg.gif) no-repeat left top; }
#content DIV.news, #content DIV.fechas { width: 215px; margin: 54px 0 0 59px; font-size: 11px; line-height: 12px; }
#content DIV.news { margin: 60px 0 0 59px; height: 185px; }
#content DIV.agenda ul { margin: 0 0 15px 0; }
#content DIV.agenda li { list-style: none; padding: 4px 0 8px 0; background: url(../images/agenda_divider.gif) repeat-x left bottom; }
#content DIV.agenda li.lastItem { background: none; }
#content DIV.agenda h4 { font-weight: normal; color: #acacac; font-size: 11px; }
#content DIV.agenda h4 a { color: #acacac; text-decoration: none; font-weight: normal; }
#content DIV.agenda h4 a:hover { text-decoration: underline; }
#content DIV.agenda a { font-weight: bold; color: #F00; text-decoration: underline; }
#content DIV.agenda a:hover { text-decoration: none; }

#content DIV.gallery { width: 449px; height: 470px; float: left; }
#content DIV.gallery_images { width: 300px; float: left; margin: 168px 0 0 20px; }
#content DIV.gallery_images img { border: none; }
#content DIV.gallery_images a { float: left; }

#content DIV.drawings { width: 908px; height: 470px; margin: 0; float: left; background: url(../images/drawings.jpg) no-repeat left top; }
#content DIV.drawings DIV.content { margin: 275px 0 0 584px; width: 190px; height: 120px; font-size: 11px; color: #000; }
#content DIV.drawings DIV.content h3 { font-size: 11px; margin: 0 0 10px 0; }
#content DIV.drawings a { text-decoration: none; color: #000; }
#content DIV.drawings a:hover { text-decoration: underline; }
#content DIV.drawings a.title { display: block; width: 85px; height: 30px; margin: 0 0 10px 0; }
#content DIV.drawings a.title span { display: none; }

#content DIV.board { width: 445px; height: 471px; padding: 0 276px 0 0; margin: 0; float: left; background: #000 url(../images/board_bg.gif) no-repeat right top; }

#content DIV.press { width: 229px; padding: 0 0 0 16px; height: 470px; float: left; font-size: 11px; line-height: 12px; }
#content DIV.press ul { width: 212px; margin: 140px 0 0 0; }
#content DIV.press li { list-style: none; padding: 9px 0 13px 0; color: #acacac; background: url(../images/agenda_divider.gif) repeat-x left bottom; }
#content DIV.press li.lastItem { background: none; }
#content DIV.press h4 { font-weight: normal; color: #000; font-size: 11px; }
#content DIV.press h4 a { font-weight: normal; color: #000; text-decoration: none;  }
#content DIV.press h4 a:hover { color: #F00; }
#content DIV.press a { font-weight: bold; color: #F00; text-decoration: underline; }
#content DIV.press a:hover { text-decoration: none; }
#content DIV.pressSWF { width: 311px; height: 470px; float: left; }