/* Flexible Slide-to-top Accordion Style*/
.wrapper {
	width: 90%;
	max-width: 800px;
	margin: 30px auto;
}
.st-accordion {
	width: 100%;
	min-width: 270px;
	margin: 0 auto;
}
.st-accordion ul li {
	height: 100px;
	border-bottom: 1px solid #c7deef;
	border-top: 1px solid #fff;
	overflow: hidden;
}
.st-accordion ul li:first-child {
	border-top: none;
}
.st-accordion ul li ul.subitems li {
	border: none;
	margin-bottom: 2rem;
	height: auto;
}
.st-accordion ul li > a {
	font-family: 'Josefin Slab', Georgia, serif;
	text-shadow: 1px 1px 1px #fff;
	font-size: 46px;
	display: block;
	padding-left: 80px;
	position: relative;
	line-height: 100px;
	outline: none;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.atletismo {
	background: transparent url(../img/atletismo.png) no-repeat left;
}
.badminton {
	background: transparent url(../img/badminton.png) no-repeat left;
}
.basquete {
	background: transparent url(../img/basquete.png) no-repeat left;
}
.boxe {
	background: transparent url(../img/boxe.png) no-repeat left;
}
.canoagem_slalom {
	background: transparent url(../img/canoagem_slalom.png) no-repeat left;
}
.canoagem_velocidade {
	background: transparent url(../img/canoagem_velocidade.png) no-repeat left;
}
.ciclismo_bmx {
	background: transparent url(../img/ciclismo_bmx.png) no-repeat left;
}
.ciclismo_estrada {
	background: transparent url(../img/ciclismo_estrada.png) no-repeat left;
}
.ciclismo_pista {
	background: transparent url(../img/ciclismo_pista.png) no-repeat left;
}
.ciclismo_mountain {
	background: transparent url(../img/ciclismo_mountain.png) no-repeat left;
}
.esgrima {
	background: transparent url(../img/esgrima.png) no-repeat left;
}
.futebol {
	background: transparent url(../img/futebol.png) no-repeat left;
}
.ginastica_artistica {
	background: transparent url(../img/ginastica_artistica.png) no-repeat left;
}
.ginastica_trampolim {
	background: transparent url(../img/ginastica_trampolim.png) no-repeat left;
}
.ginastica_ritmica {
	background: transparent url(../img/ginastica_ritmica.png) no-repeat left;
}
.golfe {
	background: transparent url(../img/golfe.png) no-repeat left;
}
.handebol {
	background: transparent url(../img/handebol.png) no-repeat left;
}
.hipismo_adestramento {
	background: transparent url(../img/hipismo_adestramento.png) no-repeat left;
}
.hipismo_cce {
	background: transparent url(../img/hipismo_cce.png) no-repeat left;
}
.hipismo_saltos {
	background: transparent url(../img/hipismo_saltos.png) no-repeat left;
}
.hoquei_grama {
	background: transparent url(../img/hoquei_grama.png) no-repeat left;
}

.judo {
	background: transparent url(../img/judo.png) no-repeat left;
}
.levantamento_peso {
	background: transparent url(../img/levantamento_peso.png) no-repeat left;
}
.lutas {
	background: transparent url(../img/lutas.png) no-repeat left;
}
.maratonas_aquaticas {
	background: transparent url(../img/maratonas_aquaticas.png) no-repeat left;
}
.nado_sincronizado {
	background: transparent url(../img/nado_sincronizado.png) no-repeat left;
}
.natacao {
	background: transparent url(../img/natacao.png) no-repeat left;
}
.pentatlo_moderno {
	background: transparent url(../img/pentatlo_moderno.png) no-repeat left;
}
.polo_aquatico {
	background: transparent url(../img/polo_aquatico.png) no-repeat left;
}
.remo {
	background: transparent url(../img/remo.png) no-repeat left;
}
.rugbi {
	background: transparent url(../img/rugbi.png) no-repeat left;
}
.saltos_ornamentais {
	background: transparent url(../img/saltos_ornamentais.png) no-repeat left;
}
.tae_kwon_do {
	background: transparent url(../img/tae_kwon_do.png) no-repeat left;
}
.tenis {
	background: transparent url(../img/tenis.png) no-repeat left;
}
.tenis_mesa {
	background: transparent url(../img/tenis_mesa.png) no-repeat left;
}
.tiro_arco {
	background: transparent url(../img/tiro_arco.png) no-repeat left;
}
.tiro_esportivo {
	background: transparent url(../img/tiro_esportivo.png) no-repeat left;
}
.triatlo {
	background: transparent url(../img/triatlo.png) no-repeat left;
}
.vela {
	background: transparent url(../img/vela.png) no-repeat left;
}
.volei_praia {
	background: transparent url(../img/volei_praia.png) no-repeat left;
}
.volei {
	background: transparent url(../img/volei.png) no-repeat left;
}
.ir_podio:after {
	color: green;
	content: "deve ir ao pódio";
}
.pode_surpreender:after {
	color: orange;
	content: "pode surpreender";
}
.poucas_chances:after {
	color: red;
	content: "poucas chances de ir ao pódio ";
}
.mundial_texto {
}
.olimpiadas_2016 {
	display: block;
	color: #222222;
	margin-top: 1rem;
}
.olimpiadas_2016:after {
	content: "Olimpíada 2016:";
}
.medalhas {
	font-size: 22px;
	margin-bottom: 11px;
	padding: 0;
}
.medalhas div {
	display: inline;
	padding-left: 30px;
	margin-right: 14px;
}
.medalhas div p {
}
.mundial_texto {
	margin: 0;
	display: block;
}
.ouro {
	background: url(../img/ouro.png) no-repeat left;
}
.prata {
	background: url(../img/prata.png) no-repeat left;
}
.bronze {
	background: url(../img/bronze.png) no-repeat left;
}
.atletismo {
	background: transparent url(../img/atletismo.png) no-repeat left;
}
.st-accordion ul li > a span {
	background: transparent url(../img/down.png) no-repeat center center;
	text-indent: -9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	opacity: 0.25;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover {
	color: #1693eb;
}
.st-accordion ul li > a:hover span {
	opacity: 1;
	right: 20px;
}
.st-accordion ul li.st-open > a {
	color: #1693eb;
}
.st-accordion ul li.st-open > a span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 20px;
	opacity: 1;
}
.st-content {
	padding: 5px 0px 30px 0px;
}
.st-content p {
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 28px;
	padding: 0px 4px 15px 4px;
}
.st-content img {
	width: 125px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

@media screen and (max-width: 320px) {
.st-accordion ul li > a {
	font-size: 36px;
}
}
.st-accordion > ul li:last-child {
	border-bottom: 0px solid #D0D0D0;
}