/* CSS Document */

*{
  list-style:none;
  margin:0;
  padding:0;
}

body{
  background:#E8F0F0;
	color: black;
	font:85% Arial, Helvetica, sans-serif;
	line-height: 1;
	min-width:776px;
}

p{
  font:12px arial,helvetica,sans-serif;
  margin-bottom:5px;
  color:#333;
}

div.clear{
  clear:both;
  height:0;
}

/* Top */
#top{
  background:#819A70 url(../img/foto_topo2.jpg) no-repeat top right;
  border-bottom:4px solid #708860;
  height:100px;
}

#top h1{
  padding:10px 0 0 28px;
}

/* Wrapper */
#wrapper{
  margin:0 auto;
  width:888px;
  overflow:hidden;
}

#column_left{
  padding:10px;
  width:620px;
  float:left;
}

#column_right{
  padding:10px;
  width:228px;
  float:right;
}

div.lider{
  width:305px;
  height:185px;
  background:#F2F1CC;
  float:left;
  border:1px solid #F0C44F;
  overflow:hidden;
}

div.lider ul{
  position:relative;
  margin:10px 0px 5px 5px;
  width:190px;
  overflow:hidden;
  float:left;
}

div.lider ul li.first{
  float:left;
  display:inline;
  padding-right:3px;
}

div.lider ul li img{
  border:2px solid #F0C44F;
  width:65pt;
  height:90pt;
}

div.lider .content{
  float:right;
  width:100px;
  margin:10px 0px 0 0px;
}

div.lider .content h3{
  font:12px arial,helvetica,sans-serif;
  font-weight:bold;
  margin-bottom:5px;
}

div.lider .content p.pontos{
  font-size:35px;
}

div.lider h2,div.info h2{
  background:#F0C44F;
  height:26px;
  color:#fff;
  text-indent:10px;
  font:18px "Lucida Sans",arial,helvetica;
  font-style: italic;
  padding-top:5px;
}

div.info{
  width:305px;
  height:185px;
  background:#F2F1CC;
  float:right;
  border:1px solid #F0C44F;
  overflow:hidden;
}

div.info ul{
  position:relative;
  margin:10px 0px 5px 5px;
  width:190px;
  overflow:hidden;
  float:left;
}

div.info ul li.first {
  float:left;
  display:inline;
  padding-right:3px;
}

div.info .content{
  float:right;
  width:100px;
  margin:10px 0px 0 0px;
}

div.info .content h3{
  font:12px arial,helvetica,sans-serif;
  font-weight:bold;
  margin-bottom:5px;
}

div.info .content p.peso{
  font-size:35px;
}

div.info ul li img{
  border:2px solid #F0C44F;
  width:65pt;
  height:90pt;
}

div.classificacao{
  background:#31342B;
  min-height:366px;
  margin-top:10px;
  border:1px solid #1B211D;
}

div.classificacao h2{
  background:#1B211D;
  height:26px;
  color:#fff;
  text-indent:10px;
  font:18px "Lucida Sans",arial,helvetica;
  font-style: italic;
  padding-top:5px;
}

div.classificacao #stats{
  background:#1B211D;
  height:26px;
  color:#fff;
  text-indent:1px;
  font:9px "Lucida Sans",arial,helvetica;
}

div.classificacao .tableClass{
  margin:5px 5px 0 5px;
  position:relative;
  overflow:auto;
  height:300px;
}

div.classificacao div.tableClass table thead{
  background:#1B211D;
}

div.classificacao div.tableClass table thead tr th{
  color:#fff;
  padding:5px;
  font-size:12px;
}

div.classificacao .tableClass table tbody tr td{
  border-bottom:1px solid #1B211D;
  white-space:no-wrap;
}

div.classificacao .tableClass  table tbody tr td{
  color:#E9E8A7;
  padding:5px;
  font-size:12px;
  text-align: right;
}

<!-- Printing Version -->

#wrapperPrint{
  margin:0 auto;
  width:1000px;
  overflow:hidden;
}

#column_left_print{
  padding:10px;
  width:1000px;
  float:left;
}

div.classificacaoPrint{
  background:#ffff;
  min-height:366px;
  margin-top:10px;
  border:1px solid #1B211D;
}

div.classificacaoPrint h2{
  background:#ffff;
  height:26px;
  color:#0000;
  text-indent:10px;
  font:18px "Lucida Sans",arial,helvetica;
  font-style: italic;
  padding-top:5px;
}

div.classificacaoPrint .tableClassPrint{
  margin:5px 5px 0 5px;
  position:relative;
}

div.classificacaoPrint div.tableClassPrint table thead{
  background:#ffff;
}

div.classificacaoPrint div.tableClassPrint table thead tr th{
  color:#0000;
  padding:5px;
  font-size:12px;
}

div.classificacaoPrint .tableClassPrint table tbody tr td{
  border-bottom:1px solid #1B211D;
  white-space:no-wrap;
}

div.classificacaoPrint .tableClassPrint  table tbody tr td{
  color:#0000;
  padding:5px;
  font-size:12px;
  text-align: right;
}

<!-- End Printing Version -->

div.apesar{
  width:228px;
  min-height:282px;
  border:1px solid #8EBABD;
  background:#ABCDCE;
  overflow:hidden;
  margin-bottom:10px;
}

div.apesar h2{
  background:#98BCBC;
  height:26px;
  color:#fff;
  text-indent:10px;
  font:18px "Lucida Sans",arial,helvetica;
  font-style: italic;
  padding-top:5px;
}

div.apesar ul{
  position:relative;
  margin:10px 0 0px 10px;
  width:auto;
  overflow:hidden;
}

div.apesar ul li.first{
  float:left;
  display:inline;
  padding-right:15px;
}

div.apesar ul li img{
  border:2px solid #98BCBC;
  width:65pt;
  height:90pt;
}

div.apesar .content{
  width:165px;
  margin:0 0 0 10px;
  clear:both;
}

div.apesar .content h3{
  font:12px arial,helvetica,sans-serif;
  font-weight:bold;
  margin-bottom:5px;
}

div.apesar .content p.peso{
  font-size:25px;
}

div.top10{
  width:228px;
  min-height:250px;
  border:1px solid #8EBABD;
  background:#ABCDCE;
  overflow:hidden;
}

div.top10 h2{
  background:#98BCBC;
  height:26px;
  color:#fff;
  text-indent:10px;
  font:18px "Lucida Sans",arial,helvetica;
  font-style: italic;
  padding-top:5px;
}

div.top10 ul{
  position:relative;
  margin:10px 5px 0px 5px;
  width:auto;
  overflow:hidden;
}

div.top10 ul li{
  float:left;
  display:inline;
  padding:4px 2px 3px 0px;
  font-size:12px;
  color:#333;
  width:100%;
  /*font-weight:bold;*/
}
div.top10 ul li.odd{
  background:#BCD7D8;
  border:1px solid #8EBABD;
}

#footer{
  background:#fff;
  border-top:1px solid #98BCBC;
  height:100px;
}

#footer .content{
  margin:0 auto;
  width:888px;
}

#footer .content p{
  margin-top:10px;
  float:left;
}

#footer .content ul.patro{
  float:right;
  margin-top:10px;
  overflow:hidden;
}

#footer .content ul.patro li{
  display:inline;
  float:left;
  padding:0 5px 0;
}

#footer .content ul.patro li a img{
  display:block;
  border:none;
}