

*{
	padding:0;
	 margin:0;	
}
body{
	background:#FFF url(images/background.jpg) repeat-x;
	font-family: 'flama_semicondensedbook';
}


#topo{
	background:#FFF;
	height:64px;
	width:100%;	
}
#topo_menu{
	background:url(images/background_menu.png) repeat-x;
	height:63px;
	width: 100%;
}


#topo_logo{
	width:970px;
	margin:auto;
	position:relative;
	height:64px;
}
#logo{
	background:url(images/logo.png) no-repeat;
	width:115px;
	height:41px;
	text-indent:-99999px;
	position: absolute;
	top:13px;
	left:15px;
}
#titulo{
	font-family: 'flama_semicondensedextrabold';
	position:absolute;
	font-size:36px;
	color:#333333;
	top:8px;
	left:135px;
}

#slider{
	width:970px;
	margin:auto;	
}

#rodape{
	background:#eaeaea;
	height:140px;
}

#pre-jogos{
	background: url(images/background_jogos.png)  repeat-x;
	width:100%;
	margin-top:-50px;
	position:relative;
	height:160px;
	padding-top:1px;
}

#mapa{
	height:800px;
	margin:auto;
	width:970px;
}


.jogos{
	background:#09C;
}

#m_argentina{
	background: url(images/m_argentina.jpg) no-repeat 0px 5px;
}
#m_croacia{
	background: url(images/m_croacia.jpg) no-repeat 0px 5px;
}

#m_republica{
	background: url(images/m_republica.jpg) no-repeat 0px 5px;
}

#m_alemanha{
	background: url(images/m_alemanha.jpg) no-repeat 0px 5px;
}

#m_italia{
	background: url(images/m_italia.jpg) no-repeat 0px 5px;
}

#m_tunisia{
	background: url(images/m_tunisia.jpg) no-repeat 0px 5px;
}

#m_brasil{
	background: url(images/m_brasil.jpg) no-repeat 0px 5px;
}

#m_bulgaria{
	background: url(images/m_bulgaria.jpg) no-repeat 0px 5px;
}
#m_canada{
	background: url(images/m_canada.jpg) no-repeat 0px 5px;
}
#m_camaroes{
	background: url(images/m_camaroes.jpg) no-repeat 0px 5px;
}
#m_serbia{
	background: url(images/m_serbia.jpg) no-repeat 0px 5px;
}

#m_turquia{
	background: url(images/m_turquia.jpg) no-repeat 0px 5px;
}

#m_cazaquistao{
	background: url(images/m_cazaquistao.jpg) no-repeat 0px 5px;
}

#m_mexico{
	background: url(images/m_mexico.jpg) no-repeat 0px 5px;
}

#m_holanda{
	background: url(images/m_holanda.jpg) no-repeat 0px 5px;
}

#m_russia{
	background: url(images/m_russia.jpg) no-repeat 0px 5px;
}

#m_tailandia{
	background: url(images/m_tailandia.jpg) no-repeat 0px 5px;
}
#m_usa{
	background: url(images/m_usa.jpg) no-repeat 0px 5px;
}
#m_azerbaijao{
	background: url(images/m_azerbaijao.jpg) no-repeat 0px 5px;
}
#m_belgica{
	background: url(images/m_belgica.jpg) no-repeat 0px 5px;
}
#m_china{
	background: url(images/m_china.jpg) no-repeat 0px 5px;
}

#m_cuba{
	background: url(images/m_cuba.jpg) no-repeat 0px 5px;
}
#m_japao{
	background: url(images/m_japao.jpg) no-repeat 0px 5px;
}
#m_porto{
	background: url(images/m_porto.jpg) no-repeat 0px 5px;
}

.m_grupo{
	margin-bottom:10px;	
}
#titulo_mapa{
	font-size:50px;
	  font-family: 'flama_semicondensedextrabold';
	  margin-bottom:30px;
	  margin-top:20px;
	  color:#666;

}

#box_mapa1{
	width:250px;
	float:left;	
	margin-right:50px;
	position:relative;
}
#box_mapa1 .pin{
	left:708px;
	top:278px;

}
#box_mapa2{
	width:250px;
	float:left;	
	margin-right:50px;
	position:relative;
}
#box_mapa2 .pin{
	left:415px;
	top:2px;

}
#box_mapa3{
	width:250px;
	float:left;	
	margin-right:50px;
	position:relative;
}
#box_mapa3 .pin{
	left:457px;
	top:90px;

}
#box_mapa4{
	width:250px;
	float:left;	
	margin-right:50px;
		position:relative;
}
#box_mapa4 .pin{
	left:550px;
	top:250px;

}
#box_mapa5{
	width:250px;
	float:left;	
	margin-right:50px;
		position:relative;
}
#box_mapa5 .pin{
	left:560px;
	top:2px;

}
#box_mapa6{
	width:250px;
	float:left;	
	margin-right:50px;
		position:relative;
}
#box_mapa6 .pin{
	left:500px;
	top:39px;

}
#box_mapa img{
	border-radius:10px;
	border:4px solid #EEE;
}

#mapa_foto{
	background:url(images/mapa.png);
	float:left;
	width:485px;
	height:563px;
	position:relative;
}

#menu_mapa{
	float:right;
	font-size:20px;
}
#menu_mapa ul{
	width:160px;
}
#menu_mapa ul li{
	list-style:none;
	padding-top:10px;
}
#menu_mapa ul li a:link, #menu_mapa ul li a:visited{
	border-bottom:1px solid #CCC;
	list-style:none;
	text-decoration:none;
	display:block;
	color:#999;
	text-transform:uppercase;
}
#menu_mapa ul li a:hover{
	color:#cab069;
}

#menu_mapa ul li a:active{
	color:#cab069;
}

.link{
	cursor:pointer;	
}

#esquerda_mapa{
	float:left;
	width:250px;
	border-right:2px sodid #CCCCCC;
	height:220px;
		margin-right:50px;
}
.esconder{
	font-size:24px;
	text-align:right;	
		color: #666;
}
.esconder img{
	border-radius:10px;

}
#rodape_center{
	margin:auto;
	background:url(images/rodape_logo.png) no-repeat 0 20px;
	height:80px;
	width:970px;
	padding-top:60px;
	text-align:right;
	color:#666;
}






#shareBar{
  position: absolute;
  right:0;
  /*width: 120px;*/
  height: 40px;
  top:10px;
  /*right: 2.2em !important;*/
}
#header #shareBar{
  right:0;
}
#shareBar a{
  display:block; float:left;
  text-decoration: none;
  width: 30px; height: 30px;
  margin-left: 10px;
  background: transparent url('https://infograficos.estadao.com.br/geral/img/social-icons-round.png') no-repeat center top;
}
#shareBar a span{
  display: block;
  text-decoration: none;
  text-align: center;
  color: #999;
  font-size: 11px;
  font-weight: bold;
  margin-top: 36px;
}
#shareBar a#btFbShare{ background-position: -40px 0; margin-left: 0; }
#shareBar a#btFbShare:hover{ background-position: -40px -40px; }
#shareBar a#btGPlusShare{ background-position: -80px 0; }
#shareBar a#btGPlusShare:hover{ background-position: -80px -40px; }
#shareBar a#btTwitterShare{ background-position: 0 0; }
#shareBar a#btTwitterShare:hover{ background-position: 0 -40px; }


#conteudo{
	width:970px;
	margin:auto;
}
#conteudo_altura{
	
	height:1600px;
}
#conteudo h2{
	color:#cab069;

	font-size:40px;
	border-bottom:4px solid #cab069;
	margin-top:30px;
		margin-bottom:40px;
		 font-family: 'flama_semicondensedextrabold';
}
#texto_1{
	float:right;
	width:620px;	
}
#conteudo p{
	line-height:28px;
	margin-bottom:20px;
	font-size:20px;
	color:#333;
}
#texto_1 img{
	border-radius:10px;
	margin-bottom:20px;	
}
#taca_3d{
	float:left;
	width:284px;
}

#camp{
	margin-left:20px;
	margin-top:20px;	
	
}
#camp li{
	margin-top:10px;
	
}

.time_foto{
	border-radius:10px;	
}

#pin{
	background: url(images/pin.png);
	width:29px;
	height:59px;
	position:absolute;
	z-index:99999;
}

#jogadoras{
	list-style:none;
	margin-top:20px;
	height:800px;
}
#jogadoras li{
	float:left;
	width:310px;
	height:180px;
	margin-left:11px;
	margin-top:30px;
}
.jogadora{
	width:310px;
	height:180px;
}
.foto_jogadora{
	width:120px;
	height:80px;
	float:left;
}
.foto_jogadora img{
	border:1px solid #CCC;
	border-radius:10px;
}
.info_jogadora{
	float:left;
	margin-left:10px;
	color:#666;

	font-size:14px;
}

.info_jogadora h3{
	text-transform:uppercase;
}
.info_jogadora strong{
	float:left;
	color:#999;
}

#tabContainer {
	width:100%;
	margin-top: 10px;
	clear:both;
}

#tabs{
	overflow:hidden;
	margin:50px 0;
	width:100%;
}

#tabs > ul{
	font: 3em;
	list-style:none;
	
}

#tabs > ul > li{
	padding:5px 50px 5px 60px ;
	display:block;
	float:left;
	color:#333;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size:18px;
	border:1px solid #cab069;
}

#tabs > ul > li > a{
	color:#333;
	text-decoration:none;
}

#tabs > ul > li a:hover{
	color:#cab069;
}

#tabs > ul > li.tabActiveHeader{
	cursor:pointer;
	color:#8aa664;
}

#tabs > ul > li.tabActiveHeader a{
	color:#cab069;
}

#tabscontent { 
	background: #FFFFFF; /* old browsers */
	margin:0;
	color:#333;
}

.tabpage{
	display:none;
}

.tabpage.active{
	display:block;
}

#tabContainer table{
	width:100%;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
}



#TabContainer  table, th, tr, td {
	border:1px solid #CCC;
	padding:10px;
}

#tabContainer table img{
	margin-right:10px;
}

#tabContainer h3{
	margin-top:20px;
	margin-bottom:20px;	
}


.legenda{
	background: #fbf3de;
	padding:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

