/* CSS Document */

html { padding:0px; margin:0px; background: #FFFFFF url(../images/bg.gif) repeat-x left top; height:100%;}
body{ padding:0px; margin:0px; height:100%; background:url(../images/bg_header.jpg) no-repeat center top; font-family:Arial, Helvetica, sans-serif;}

.layer{position:absolute; z-index:100; left:0px; top:0px; width:100%; height:100%; }

img{ border:none;}

.clear{ clear:both;}

.site{ margin:auto; width:868px;}

.header{ margin-bottom:5px;}
.logo{ height:130px;}
.menu{ background:url(../images/bg_menu.gif) no-repeat left top; height:26px; text-align:center;}

.menu ul{ padding:0px; margin:0px; list-style:none;}
.menu li{ float:left; margin-left:8px; padding-left:8px; margin-top:1px;}
.menu li a{ background:url(../images/icon_square.gif) no-repeat left 5px; padding-left:10px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none;}
.menu li + li{ background:url(../images/img_menu_sep.gif) no-repeat left 5px;}
.on{ color:#FFF000 !important;}

.main{ }

#home{background:url(../images/bg_home.gif) no-repeat left top; height:670px;}
#inside{}

.mainContent{background:url(../images/bg_huge.gif) repeat-y left top; padding-left:12px; padding-right:12px; font-size:11px; color:#000000;}
.mainContent h1{ padding:0px; margin:0px; font-weight:bold; color:#FFC000; font-size:14px; padding-bottom:10px;}

.mainContent a{ font-size:11px; color:#00B2FC;}
/*.mainContent img{ float:left;}*/

.mainContent .linksItem{ width:840px !important; padding-top:10px; border-bottom: 1px solid #5ED0FF; padding-bottom:10px; *padding-bottom:0px;}
.mainContent .image{ float:left; width:100px; text-align:center;}
.mainContent .txt{ float:left;}

.boxSep{ width:5px; float:left;height:210px;}
.boxSep1{ width:6px; float:left;height:210px;}
.homeBoxNormal{ width:288px; height:210px; float:left;  margin-bottom:6px;}
.homeBoxNormalLast{ width:280px; height:210px; float:left;  margin-bottom:6px;}
.homeBoxBigWidth{ width:582px; height:238px; float:left; margin-bottom:6px;}
.homeBoxBigHeight{ width:280px; height:454px; float:right; margin-bottom:5px;}

.homeNewsImg{ width:270px; height:214px; float:left; padding:12px;}
.homeNewsMain{ width:288px; float:right;}

.homeNewsHighlight{ font-size:11px; margin-top:12px; height:95px; margin-bottom:8px;width:280px;}
.homeNewsHighlight h1{ padding:0px; margin:0px; font-size:14px;}
.homeNewsHighlight h1 a{ color:#000000; text-decoration:none;}
.homeNewsHighlight a{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.homeNewsHighlight a:hover{ text-decoration:underline;}

.homeNewsOthers h1{ color:#FFC000; padding:0px; margin:0px; font-size:14px; margin-bottom:4px;}
.homeNewsMore{ color:#000000; font-weight: bold; font-size:12px; width:280px;}
.homeNewsMore a{ font-size:11px; color:#000000; text-decoration:none; font-weight:normal;}
.homeNewsMore a span{ color:#FFC000; font-weight:bold;}
.homeNewsMore a:hover{ text-decoration:underline;}

.homeNewsOthers h1 + .homeNewsMore{ border-bottom: 1px solid #EBF6FA; padding-bottom:4px; margin-bottom:4px;}

.homeEventsHighlight{ padding:6px;}
.homeEventsHighlight h1{ font-size:14px; font-weight:bold; color:#5ED0FF; padding:0px; margin:0px; margin-bottom:10px;}
.homeEventsHighlight h1 span{ display:block; color:#000000;}
.homeEventsImage{ margin-bottom:10px;}
.homeEventsOthers{ margin-bottom:5px;}
.homeEventsOthers a{ display:block; font-size:11px; color:#000000; text-decoration:none; height:20px;}
.homeEventsOthers a span{ display:block; vertical-align:top; float:left; cursor:pointer;}
.homeEventsOthers a span + span{ display:block; vertical-align:top; float:right; font-weight:bold; color:#FFC000;}
.homeEventsBot{ text-align:right; margin-bottom:8px;}
.homeSponser{ padding:6px;}

.ranking{ background:url(../images/bg_ranking.gif) no-repeat left top; width:276px; height:198px; margin:6px;}
.ranking h2{ padding:0px; margin:0px; font-size:14px; color:#FFC000; padding-left:5px; padding-top:4px; padding-bottom:10px; margin-right:5px; position:relative;}
.ranking h2 span{ font-size:10px;}
.ranking h2 img{ position:absolute; right:0px;}
.ranking .man, .ranking .woman{ padding-left:30px; height:80px; margin-bottom:5px;}
.ranking .man ol, .ranking .woman ol{ padding:0px; margin:0px; padding-left:20px; font-size:11px; font-weight:bold; padding-right:5px;}
.ranking .man li, .ranking .woman li{ padding:0px; margin:0px; position:relative; padding-bottom:1px;}
.ranking .man li span, .ranking .woman li span{ font-weight:normal;}
.ranking .man li span + span, .ranking .woman li span + span{ font-weight:normal; position:absolute; right:0px;}

.newsletter{ margin:6px; padding:6px;}
.newsletter h2{ padding:0px; margin:0px; color:#000000; font-size:14px; margin-bottom:5px;}
.newsletter .txt{ color:#000000; font-size:11px;}
.newsletter .email{}
.newsletter .email input{ font-size:11px; color:#555555; padding:0px; margin:0px; border: 1px solid #CCCCCC; vertical-align:middle; width:186px;}
.newsletter .email img{ vertical-align:middle;}
.events{ width:264px; height:115px; background:url(../images/bg_smalblue.gif) no-repeat left top; padding:6px; margin:6px; position:relative;}
.events h3{ font-size:14px; font-weight:bold; color:#000000; padding:0px; margin:0px;}
.events ul{ list-style:none; margin:0px; padding:0px;}
.events li{ line-height:14px;}
.events li a{ font-size:11px; color:#000000; position:relative; display:block; text-decoration:none;}
.events li a:hover{ *text-decoration:underline;}
.events span{ font-weight:bold; color:#FFFFFF;text-decoration:none; cursor:pointer; display:block;}
.events span + span{ position:absolute; right:0px; display:inline;}
.events .others{position:absolute; bottom:0px;margin-bottom:5px;}

.videoFotos{ padding:6px;}
.videos{}
.videos h1{ font-size:14px; color:#000000; padding:0px; margin:0px; margin-bottom:5px;}
.videos .txt{ font-size:11px; color:#000000; margin-bottom:5px;}
.videos ul{ margin:0px; padding:0px; float:none; padding-bottom:22px;}
.videos li{ font-size:10px; float:left; width:70px; display:block;}
.videos li a{ color:#000000; font-weight:bold; text-decoration:none; *text-decoration:underline;}
.videos li a span{ color:#FFFFFF; margin-left:5px; text-decoration:none;}
.fotografias{ display:block; clear:both;}
.fotografias h1{ font-size:14px; color:#000000; padding:0px; margin:0px; margin-bottom:10px;}
.fotografias .imagem{ margin-bottom:10px;}
.fotografias .verMais{ text-align:right;}


.subarea{ width:300px; float:left; height:200px; position:absolute;}
.content{ width:574px; float:right;}

.content .boxTop{}
.content .boxMain{ padding-left:12px; padding-right:12px; background:url(../images/img_content_main.gif) repeat-y left top; padding-bottom:10px;}
.content .boxEnd{}

.subarea .submenu{}
.subarea .submenu .main{}
.subarea .submenu .main ul{ padding:0px; margin:0px; background-color:#5ED0FF; padding-left:6px; list-style:none;}
.subarea .submenu .main li a{ height:18px; display:block; text-decoration:none; background:url(../images/icon_square2.gif) no-repeat 10px 10px; padding-left:20px; padding-top:5px; font-size:12px; color:#FFFFFF; font-weight:bold;}
.subarea .submenu .main li.on > a{ height:28px; display:block; text-decoration:none; background:url(../images/img_submenu_on.gif) no-repeat left top; padding-left:20px; padding-top:10px; font-size:12px; color:#464646; font-weight:bold;}
.sponsers{ width:276px; height:198px; background:url(../images/bg_sponcer.gif) no-repeat left top; padding-left:12px; padding-top:12px;}

.newsList{ padding-top:1px;}
.newsList .newsItem{ width:550px; margin-bottom:10px;}
.newsList .newsItem .image{ float:left; width:98px;}
.newsList .newsItem .content{ float:left; width:440px; margin-left:12px; font-size:11px; color:#000000;}
.newsList .newsItem .content h1{ padding:0px; margin:0px; font-weight:normal; font-size:14px;}
.newsList .newsItem .content h1 span{ display:block; font-weight:bold;}
.newsList .newsItem .content h1 span + span{ display:block; font-weight:bold;}
.newsList .newsItem .content a{ display:block; text-decoration:none; color:#000000;}
.newsList .newsItem .content a:hover{ text-decoration:underline;}
.newsList .newsItem .content a span{ display:block;}
.newsList .newsItem .content a + a{ color:#5ED0FF;}
.newsList .newsItem .content a + a:hover{ color:#5ED0FF; text-decoration:underline;}
.newsList .newsItem .content h1 + a{ font-weight:bold; color:#FFC000;}

.newsList .controlPage{ height:30px;}
.newsList .controlPage .back{ width:98px; float:left; height:14px; padding-top:3px;}
.newsList .controlPage .pageNumbers{ float:left;width:440px; margin-left:12px; height:17px;}
.newsList .controlPage .pageNumbers a{ background:url(../images/bg_number_off.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#FFFFFF;margin-right:2px;}
.newsList .controlPage .pageNumbers a.on{ background:url(../images/bg_number_on.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#055555; margin-right:2px;}

.news{}
.news .newsItem{ width:550px; padding-top:1px;}
.news .newsItem .image{ float:left; width:178px;}
.news .newsItem .content{ float:left; width:360px; margin-left:12px; font-size:11px; color:#000000;}
.news .newsItem .content h1{ padding:0px; margin:0px; font-weight:normal; font-size:14px; margin-bottom:10px;}
.news .newsItem .content h1 span{ display:block;}
.news .newsItem .content h1 span + span{ display:block; font-weight:bold;}
.news .newsItem .content h1 a{ color:#5ED0FF; text-decoration:none; display:block; margin-bottom:20px;}
.news .newsItem .content h1 a:hover{ color:#5ED0FF; text-decoration:underline;}
.blue{ color:#5ED0FF;}

.news .controlPage{ margin-top:10px;}
.news .controlPage .back{ width:148px; float:left; height:18px; padding-top:5px;}
.news .controlPage .pdf{ float:left;width:390px; margin-left:12px;}
.news .controlPage .pdf img{ vertical-align:middle;}
.news .controlPage .pdf a{ text-decoration:none; font-size:11px; color:#000000;}
.news .controlPage .pdf a:hover{ text-decoration:underline;}

.info{}
.info .infoItem{ width:550px;}
.info .infoItem img{ float:left;}
.info .infoItem li img{ float:none;}
.info .infoItem .content{ float:left;width:532px; margin-left:12px; font-size:11px; color:#000000;}
.info .infoItem .content h1{ padding:0px; margin:0px; font-weight:normal; font-size:14px; color:#FFC000; font-weight:bold;}

.rankings{}
.rankings .updateDate{ text-align:right; font-size:9px; color:#5ED0FF; margin-bottom:10px;}
.rankings .contentRanking{ background-color:#DCDCDC; width:551px; margin-bottom:6px;}
.rankings .contentRanking .bots{ padding-left:6px; height:35px;}
.rankings .contentRanking .bots img{ margin-top:-6px;}
.rankings .contentRanking .results{ margin-bottom:6px;}
.rankings .contentRanking .results .item{ float:left; width:266px; margin-left:6px; font-size:11px; color:#000000; padding-top:2px; padding-bottom:2px;}
.rankings .contentRanking .results .item > span{ font-weight:bold; display:block; float:left; width:15px; text-align:right; margin-right:6px;}
.rankings .contentRanking .results .item span + span{ font-weight:bold; display:block; float:right; width:80px; text-align:right; margin-right:6px; margin-top:-14px;}

.rankings .contentRanking .navigation .pageNumbers{ float:left;width:440px; margin-left:6px; height:17px;}
.rankings .contentRanking .navigation .pageNumbers a{ background:url(../images/bg_number_off.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#FFFFFF;margin-right:2px;}
.rankings .contentRanking .navigation .pageNumbers a.on{ background:url(../images/bg_number_on.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#055555; margin-right:2px;}
.rankings .contentRanking .navigation .pdf{ float:right; margin-right:6px;}
.bg_interlaced{ background-color:#ECECEC !important;}

.rankings{}
.rankings .updateDate{ text-align:right; font-size:9px; color:#5ED0FF; margin-bottom:10px;}
.rankings .contentTable{ background-color:#DCDCDC; width:551px; margin-bottom:6px;}
.rankings .contentTable .bots{ padding-left:6px; height:35px;}
.rankings .contentTable .bots img{ margin-top:-6px;}
.rankings .contentTable .results{ margin-bottom:6px;}
.rankings .contentTable .results .item{ float:left; width:266px; margin-left:6px; font-size:11px; color:#000000; padding-top:2px; padding-bottom:2px;}
.rankings .contentTable .results .item > span{ font-weight:bold; display:block; float:left; width:15px; text-align:right; margin-right:6px;}
.rankings .contentTable .results .item span + span{ font-weight:bold; display:block; float:right; width:80px; text-align:right; margin-right:6px; margin-top:-14px;}

.rankings .contentTable .navigation .pageNumbers{ float:left;width:440px; margin-left:6px; height:17px;}
.rankings .contentTable .navigation .pageNumbers a{ background:url(../images/bg_number_off.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#FFFFFF;margin-right:2px;}
.rankings .contentTable .navigation .pageNumbers a.on{ background:url(../images/bg_number_on.gif) no-repeat left top; width:18px; height:15px; text-align:center; padding-top:2px;display:block; float:left; text-decoration:none; font-weight:bold; font-size:10px; color:#055555; margin-right:2px;}
.rankings .contentTable .navigation .pdf{ float:right; margin-right:6px;}
.bg_interlaced{ background-color:#ECECEC !important;}

.calendar{ text-align:center;}
.calendar .results{ text-align:left; margin-left:10px; margin-top:10px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.calendar .results a{ color:#000000;}

.rankings .contentEvent h1{ padding:0px; margin:0px; font-size:14px; color:#FFC000; font-weight:bold; margin-bottom:10px;}
.rankings .contentEvent{ font-size:11px; color:#000000; margin-bottom:20px;}

.rankings .contentTable .calendar{ text-align:center;}
.rankings .contentTable .calendar table{ font-size:11px; color:#000000; margin-top:20px;}
.rankings .contentTable .calendar td{ text-align:center;}
.rankings h2{ padding:0px; margin:0px; font-size:14px; color:#FFC000; font-weight:bold; margin-bottom:15px;}

#fotos td{ text-align:center; font-size:11px; color:#000000; }
#fotos img{ float:none; border: 3px double #5ED0FF;}