/* CSS Document */ /** STRUCTURA **/ /*

*/ /** END STRUCTURA **/ /** GENERAL **/ * { margin: 0; padding: 0; } /* makes the li bullets float out of the width */ html { background: url(../images/html-bkg.jpg) top left repeat; } body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; /* IE 5.x,6 centering fix */ min-width: 801px; /* Netscape 6 min-width bug fix */ } div#wrapper { background: url(../images/right-bar.jpg) top right repeat-y; width: 800px; padding: 0; margin: 0 auto; text-align: left; background-color: #FFFFFF; } /* IE 5.x,6 centering fix */ div#shadow { background: url(../images/left-bar.jpg) top left repeat-y; width: 800px; padding: 0; margin: 0 auto; } a:link, a:visited { font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #C00B12; text-decoration: none; } a:hover,a:active { color: #333333; text-decoration: underline; } /** END GENERAL **/ /** BRANDING **/ div#upperNav { width: 760px; height: 45px; line-height: 35px; border-bottom: 1px solid #C00B12; margin-bottom: 10px; margin-left: 20px; } div#upperNav table { width: 100%; padding: 2px; } div#upperNav a:link, div#upperNav a:visited { color: #000000; } div#upperNav a:hover, div#upperNav a:active { color: #C00B12; } div#upperNav a img { border: none; } div#banner { width: 760px; height: 95px; background: url(../images/bkg-banner-big.jpg) top left repeat-x; margin-bottom: 2px; margin-left: 20px; padding-top: 25px; position: relative; } div#subBanner { width: 720px; height: 74px; background: url(../images/bkg-banner-small.jpg) top left repeat-x; margin: 0 auto; } div#logoBanner { position: absolute; top: 14px; left: 22px; } div#logoBanner a img { border: none; } div#logoBanner p { width: 300px; text-align: right; padding-right: 10px; margin-top: 2px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; } /** END BRANDING **/ /** MAINNAV **/ div#mainNav { width: 760px; height: 146px; margin-left: 20px; margin-bottom: 10px; } div#menuRight { width: 210px; height: 146px; background: url(../images/bkg-menu-div.jpg) top left repeat-x; float: right; position: relative; } div#menuRight img { position: absolute; bottom: 5px; left: 40px; } div#menuLeft { width: 548px; float: left; } div#mainMenu ul { margin: 0; padding: 0; list-style: none; width: 548px; float: left; } div#mainMenu ul li { float: left; } div#mainMenu ul a { display: block; float: left; width: 108px; height: 59px; padding-top: 15px; margin: 0; margin-left: 2px; background: url(../images/bkg-menu-btn.jpg) repeat-x left top; text-decoration: none; text-align: center; font-size: 15px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333; } div#mainMenu ul a.first { margin-left: 0; } div#mainMenu ul a img { margin-top: 8px; border: none; padding: 0; } div#mainMenu ul a:hover, div#mainMenu ul a:active, div#mainMenu ul a.current { color: #FFFFFF; background: url(../images/bkg-menu-btn-over.jpg) top left repeat-x; } div#subMenu { border: 1px solid #C00B12; padding: 5px; height: 57px; margin-top: 3px; } div#subMenu ul { list-style: url(../images/icons/sub-menu-arrow.jpg); margin-left: 20px; width: 150px; float: left; } div#subMenu ul li a.current { color: #333333; text-decoration: underline; } /** END MAINNAV **/ /** MAINCONTENT **/ div#mainContent { width: 760px; margin-left: 20px; margin-bottom: 10px; } div#contentLeft { width: 495px; background: url(../images/vert-spacer.gif) top right repeat-y; float: left; padding: 5px; } div#contentRight { width: 240px; float: right; padding: 5px; } div#contentLeft h1 { width: 480px; height: 30px; line-height: 28px; background: #b49e75 url(../images/icons/arrow-title-content.jpg) 5px 6px no-repeat; text-indent: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; border: 1px dotted #333; margin-bottom: 10px; } div#contentLeft h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #C00B12; font-size: 13px; font-weight: bold; margin-bottom: 5px; } div#contentLeft ul { margin: 10px 0 10px 160px; list-style: url(../images/icons/sub-menu-arrow.jpg); } div#contentLeft img.thumbLeft { background-color: #FFFFFF; padding: 2px; border: 1px solid black; margin: 0 5px 5px 0; float: left; } div#contentLeft img.imgRight { background-color: #FFFFFF; padding: 3px; border: 1px solid black; margin: 0 0 5px 5px; float: right; } div#contentLeft img.imgCenter { background-color: #FFFFFF; padding: 3px; border: 1px solid black; margin: 0 auto; } div#contentLeft img.imgLeft { background-color: #FFFFFF; padding: 3px; border: 1px solid black; margin: 0 5px 5px 0; float: left; } div#mainContent p.imgLeft { float: left; margin: 0 5px 5px 0; } div#mainContent p.imgRight { float: right; margin: 0 0 5px 5px; } div#mainContent p { margin-bottom: 3px; } div#mainContent p.more { text-align: right; margin-bottom: 10px; } div#mainContent p.more a { background: url(../images/icons/sub-menu-arrow.jpg) left center no-repeat; padding-left: 10px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; } div#mainContent p.more a:hover { color: #C00B12; text-decoration: underline; } div#contentRight h3 { width: 235px; height: 30px; line-height: 28px; background: #b49e75 url(../images/icons/arrow-title-content.jpg) 5px 6px no-repeat; text-indent: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; border: 1px dotted #333; margin-bottom: 10px; } div#contentRight p.news-date { margin-left: 5px; padding: 0 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } div#contentRight p.news-content { margin-left: 10px; margin-bottom: 15px; padding: 0 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; } div#contentRight p.news-content a { font-size: 12px; font-weight: bold; color: #C00B12; } div#contentRight p.news-content a:hover { color: #000000; } div#contentRight p.news-content span.news-contentTitle { color: #000000; } div#contentRight p.news-date img.trad { background-color: #FFFFFF; padding: 2px; border: 1px solid black; float: left; margin: 0 5px 5px 0; } /** END MAINCONTENT **/ /** FOOTER **/ div#footer { clear: both; width: 720px; margin-left: 20px; margin-right: 20px; border-top: 1px solid #C00B12; padding-top: 10px; } div#footer table { width: 100%; } div#footer table td a { color: #000000; font-weight: bold; } div#footer table td a:hover { color: #C00b12; } /** END FOOTER **/