/* 
    Document   : style
    Author     : Thiago Cruz
*/
canvas { border: none !important; }
.clear { clear: both; display: block; }
hr.divisoria { border: none; height: 32px; width: 100%; background: url("../imagens/divisoria.jpg"); display: block; margin:0 !important; padding: 0 !important }
#infograficos { width: 940px; display: block; overflow: hidden; height: 100%; }
#topo { position: relative; width: 940px; overflow: hidden; height: 55px; background-color: #fff; z-index: 2000; }
.expandir { position: absolute; left: 15px; top: 10px; display: none; cursor: pointer; }
.recolher { position: absolute; left: 15px; top: 10px; cursor: pointer; }
.bt_vai, .bt_volta { position: absolute; display: block; width: 21px; height: 21px; top: 10px; cursor: pointer; z-index: 2004; }
.bt_vai { right:0px; }
.bt_volta { left: 114px;}
#gal-anos { position: absolute; left: 140px; top: 0; overflow: hidden; width: 800px;}
#anos { list-style: none; padding: 0; margin: 0; width: 3300px; }
#anos li { width: 100px; float: left; text-align: center; margin-right: 15px; background: url("../imagens/pointer.jpg") center bottom no-repeat; height: 55px; }
#anos .ano { font-size: 22px; color: #eee;  font-family: "Georgia"; display: block; width: 100px; float: left; clear: left; }
#anos li.on {cursor: pointer; }
#anos li.on .ano {color: #5f7d8b; }
#anos .cidades { font-size: 10px; color: #eee; font-family: Arial; display: block; width: 100px; float: left; clear: left; }
#anos li.on .cidades {color: #70909f; }
#quantidade-atletas { height: 150px; width: 100%; display: block; position: relative; width: 940px; }
#quantidade-atletas .info{ height: 150px; width: 105px; margin: 0; display: block; position: absolute; left: 0; top: 0px; background: #fff; z-index:10;padding-right: 30px; }
#quantidade-atletas .info p { text-transform: uppercase; font-size: 11px; color: #494949; font-weight: bold; line-height: 12px; }
#quantidade-atletas .info img { float: left; clear: left; display: block; }
.homens { margin: 20px 0 0 0;}
.mulheres { margin: 15px 0 0 0; }
#gal-charts { width: 800px; display: block; overflow: hidden; }
#charts { width: 3300px; display: block; position: absolute; left: 135px; top: 28px; }
.chart { width: 115px; display: block; border: none !important; float: left; height: 100px; color: #fff; font-size: 12px; text-align: center; }
#brasil-atletas { background: url("../imagens/grid.jpg") no-repeat; width: 940px; height: 208px; display: block; position: relative; }
#gal-timeline { width: 800px; margin-left: 135px; display: block; height: 200px; overflow: hidden; }
#timeline { width: 3300px; display: block; position: relative; height: 200px; left: 0px; top: 0; }
#timeline .brasileiros { position: relative; width: 100px; text-align: center; height: 200px; display: block; float:left; margin-right: 15px; }
#timeline span { position: absolute; display: block; }
#timeline .brasileiros img {display: block; position: absolute; bottom: 0;}
/*HISTORICO*/
.centro {width:520px;padding:10px;display:block;float:left;height:100%;text-align:center}
hr.divisoria-centro { clear: both; border: none; height: 18px; width: 455px; background: url("../imagens/divisoria-centro.jpg") no-repeat center center; display: block; margin: 0; padding: 30px !important;}
.centro img{text-align:center;}
.pais-titulo {padding:25px;font-size:76px;font-family:Arial, Helvetica, 'Sans-serif';font-weight:bold; line-height:70px;letter-spacing:-1px;color:#2e3f47;display:block;}
.pais-titulo span {font-size: 60px; font-weight:normal;font-family:Georgia,'Times New Roman',Serif;color:#2e3f47}
.centro h6{font-size:14px;font-weight:bold;font-family:Verdana;font-size:20px;color:#2e3f47}
.centro p{width:230px;text-align:justify;font-size:14px;font-weight:normal;font-family:Garamond,'Times New Roman', Times, Georgia;color:#5f5f5f}

.lateral{width:180px;padding:10px;display:block;float:left}
.lateral h6{padding:10px 0 10px 0;font-size:24px;font-family:Arial, Helvetica, 'Sans-serif';color:#9e9e9e;font-weight:bold;display:block;}
.lateral span {font-size:24px;font-family:Georgia,'Times New Roman',Serif;color:#9e9e9e;font-weight:normal}
.lateral ul li a{font-size:10px;text-transform:uppercase;color:#9e9e9e;display:block; padding: 5px 0 5px 20px; background: url("../imagens/mais.jpg") center left no-repeat; line-height:10px; }
.lateral ul li a:hover{color:#000000;text-decoration:none}
.lateral ul li img {margin-left: 5px}
#info_depois img, #info_antes img { cursor: pointer; }

#info_atual .title-esq, #info_atual .title-dir, #info_atual .title-full { font-size: 20px; font-family: "Verdana"; margin-bottom: 20px; }
#info_atual .title-esq { float: right; width: 50%; text-align: left; }
#info_atual .title-dir { float: left; width: 50%; text-align: left; }
#info_atual .title-full { float: left; width: 100%; text-align: left; }
#info_atual p { width: 100%; display: block; }
#info_atual p span.text-esq { width: 50%; display: block; float: right;  clear: right;}
#info_atual p span.text-dir { width: 50%; display: block; float: left; clear: left;}
#info_atual p span.text-full { width: 100%; display: block; float: left; clear: both;}
#info_atual img { margin-bottom: 20px; }

.icon_1 { background: url("../imagens/icon_1.jpg") no-repeat top left; color:#f8a608; margin-left: 66px; }
.icon_2 { background: url("../imagens/icon_2.jpg") no-repeat top left; color:#6baebc; }
.icon_3 { background: url("../imagens/icon_3.jpg") no-repeat top left; color:#e4579d; }
.icon_4 { background: url("../imagens/icon_4.jpg") no-repeat top left; color:#99cc33; }
.icon_1, .icon_2, .icon_3, .icon_4 { padding: 0 0 0 20px; width: 80px; height: 42px; display: block; float: left; text-align: left; line-height: 16px; }
.icon_1 b, .icon_2 b, .icon_3 b, .icon_4 b{ font-size:18px; }

.tr span img { margin: 0; }
.tr {border: none;}
.tr, .tr1, .tr2 {  text-align: center !important; font-family: Georgia, Arial, Verdana, Times, _sans; margin:5px 0; padding: 5px 0; display: block; height: 50px;}
.tr1, .tr2 { background-color: #fafafa; border: 1px #ededed solid; -moz-border-radius: 5px; border-radius: 5px; }
.tr2 { background-color: #fffde8; border: 1px #e7eec3 solid; }
.info-pais, .info-ouro, .info-prata,.info-bronze, .info-pais-brasil, .info-pais-brasil1 { display: block; float: left; line-height: 38px;  }
.info-pais, .info-pais-brasil, .info-pais-brasil1 { width: 150px; height: 40px; text-align: left; color: #36b0bf; }
.info-pais-brasil { color: #678706; }
.info-pais-brasil1 { margin-left: 15px; color: #678706; width: 400px !important; }
.info-ouro, .info-prata,.info-bronze { width: 98px; height: 40px;  }
.info-ouro { background: url("../imagens/ouro-bg.png") center center no-repeat; color: #c78800;}
.info-prata { background: url("../imagens/prata-bg.png") center center no-repeat; color: #585858;}
.info-bronze { background: url("../imagens/bronze-bg.png") center center no-repeat;  color: #d65b1d; }
.info-pos { background: url("../imagens/pos-bg.png") center center no-repeat; width: 40px; height: 40px; display: block; text-align: left; color: #fff; text-indent: 15px; float: left;  line-height: 38px; }
.info-pos-brasil { background: url("../imagens/pos-brasil-bg.png") center center no-repeat; width: 40px; height: 40px; display: block; text-align: left; color: #fff; text-indent: 10px; float: left;  line-height: 38px; }
.podium { width: 190px; height: 40px; display: block; float: left; }
.medals { width: 98px; height: 40px; display: block; float: left; padding-top: 7px; }

#infograficos{
	width: 940px;
	margin: 0 auto;
	position: relative;
}