@charset "utf-8";
/* Define os estilos de menu superior (abas) para gráficos de economia  */

html, body {
	margin:0;
	padding:0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#rightColumn{
	display:block;
	overflow:hidden;
	width:305px;
	float:left;
}

#leftColumn{
	width:635px;
	float:left;
}

/***********************
// Navigation and Points
***********************/
#navLabels{
	height:35px;
	border-bottom: 1px solid #6db596;
}
#navLabels ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navLabels ul li{
	float:left;
	text-transform:uppercase;
}
#navLabels ul li a{
	float:left;
	padding:8px 12px;
	text-decoration:none;
	color:#999;
	text-align:center;
	
	background-color:#f2f2f2;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-moz-border-top-left-radius:6px;
	-moz-border-right-left-radius:6px;
	-o-border-top-left-radius:6px;
	-o-border-right-left-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-right-left-radius:6px;
}

#navLabels ul li a:hover{
	background-color:#eaeaea;
	cursor:default;
}

#btNav1{
	width:130px;
	margin-left:14px;
}
#btNav2{
	width:210px;
	margin-left:22px;
}
#btNav3{
	width:60px;
	margin-left:22px;
}

#navPoints{
	position:absolute;
	margin-top:-9px;	
}

#navPoints ul{
	list-style:none;
	margin:0;
	padding:0;
}

#navPoints ul li{
	display:block;
	float:left;
	text-align:center;
	overflow:visible;
}

#navPoints ul li a{
	display:block;
	color:#6db596;
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;	
	text-transform:uppercase;
	overflow:visible;
}

#navPoints ul li a:hover, #navPoints ul li a.active{
	color:#527a68;
}

#navPoints ul li a.bigPoint{
	width:20px;
	height:35px;
	background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/big-point.png") center top no-repeat;
}
#navPoints ul li a.bigPoint:hover,#navPoints ul li a.bigPoint.active{
	background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/big-point-hover.png") center top no-repeat;
}
#navPoints ul li a.smallPoint{
	width:20px;
	height:35px;
	background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/small-point.png") center top no-repeat;
}
#navPoints ul li a.smallPoint:hover,#navPoints ul li a.smallPoint.active{
	background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/small-point-hover.png") center top no-repeat;
}

#navPoints ul li a span{
	text-align:center;	
	display:block;
	position:absolute;
	padding-top:22px;
}

#point1{
	margin-left:-6px;	
}
#point1 span{
	margin-left:-10px;	
}

#point2{
	margin-left:38px;
}
#point2 span{
	margin-left:-17px;	
}

#point3{
	margin-left:38px;
	height:35px;
}
#point3 span{
	margin-left:-2px;	
}

#point4{
	margin-left:38px;
	height:35px;
}
#point4 span{
	margin-left:-22px;	
}

#point5{
	margin-left:44px;
	height:35px;
}
#point5 span{
	margin-left:-11px;	
}

#point6{
	margin-left:44px;
	height:35px;
}
#point6 span{
	margin-left:-13px;	
}

#point7{
	margin-left:44px;
	height:35px;
}
#point7 span{
	margin-left:-7px;	
}

#point8{
	margin-left:44px;
	height:35px;
}
#point8 span{
	margin-left:-17px;	
}


/***********************
// Left Column
***********************/
h2#mainTitle{
	color:#6db596;
	font-size:2em;
	text-indent:-1000px;
	display:block;
	width:100%;
	height:55px;
	background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/main-title.jpg") top left no-repeat;
	/*border-bottom: 1px dotted #d6d6d6;*/
	margin:0;
}

.description{
	color:#777;
	margin: 5px 0 20px 0;
	padding: 0;
	font-size:1.12em;
	line-height:1.6em;
	clear:both;
}

ul.extraNav{
	width:100%;
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	clear:both;
	overflow:hidden;
}

ul.extraNav li{
	display:block;
	float:left;
	text-transform:uppercase;
	font-size:1em;
}


ul.extraNav li a{
	color:#999;
	display:block;
	padding:10px;
	font-size:0.8em;
	text-decoration:none;
	background-color: #f4f4f4;
	border-right:1px solid #fff;
}

.clearFix{
	clear:both;
}

.extraNav li a.active{
	background-color: #e9e9e9;
	color:#666;
}
.extraNav li a:hover{
	color: #000;
}

.extraBlock{
	display:none;
}

.extraContent{
	display:block;
	background-color: #e9e9e9;
	padding:4px;
	margin:0;
}

.extraContent p{
	padding: 5px 10px;
	font-size:1.05em;
	line-height:1.65em;
	margin: 0;
	/*background-color: #f2f2f2;*/
}

.extraContent ul{
	padding: 5px 10px;
	margin:0;
	list-style-image: url('https://infograficos.estadao.com.br/vida/acelerador-particulas/img/arrowbullet.png');
}
.extraContent ul li{
	margin: 0 20px;
	font-size:1.05em;
	line-height:1.65em;
	text-index:6px;
}
.extraContent ul li b{
	font-weight:bold;
	font-size:1.3em;
	color:#527a68;
	margin-right:5px;
}
	
.extraContent p.extraDetail{
	width:230px;
	margin-left:55px;
	margin-bottom:15px;
	font-size:1.05em;
	line-height:1.4em;
}

.extraContent .leftColumn{
	width:130px;
	float:left;
	display:block;
	padding:0;
	margin:0;
}

.extraContent p.rightColumn{
	padding:10px 0 15px 10px;
	margin:0;
	font-size:1em;
	line-height:1.3em;
	width:150px;
	float:left;
}

.extraContent .extraTitle{
	color:#527a68;
	text-transform:uppercase;
	border-bottom: 1px dotted #d6d6d6;
	font-size:1.1em;
	padding: 10px;
	font-weight:bold;
	line-height:1.25em;
	
}

.extraContent .extraTitle span.extraSub{
	display:block;
	text-transform:none;
	font-weight:normal;
	clear:both;
	color:#666;
	font-size:0.95em;
	margin-top:5px;
}


/***********************
// Right Column
***********************/
#nav{
	display:block;
	clear:right;
	width:540px;
	height:70px;
	float:right;
	z-index:100;	
}

#playButton{
	display:block;
	width:38px;
	height:38px;
	border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;
	background: #b4d8cb url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/arrow.png") center center no-repeat;
	float:left;
	clear:left;
	margin:0 0 10px 35px;
}
#playButton.paused{
	background: #b4d8cb url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/arrow.png") center center no-repeat;
}

#playButton:hover{
	background-color: #91c2af;
	cursor:pointer;
}

#modelHolder{
	/*background: url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/sirius-aberto.jpg") 15px 10px no-repeat;*/
	position: relative;
	width:610px;
	height:500px;
	z-index:0;
	text-align:left;
	margin: 25px 0 0 45px;
	overflow:hidden;
	/*padding-left:45px;*/
}

#modelHolder img{
	position:absolute;
}

.modelInfo{
	position:absolute;
}

#modelImg{
	position:absolute;
	margin:0;
	padding:0;
	width:auto;
	height:100%;
}

#modelImg.zoomout{
	width:auto;
	height:auto;
}

#info3a{
	background: transparent url("https://infograficos.estadao.com.br/vida/acelerador-particulas/img/model-info2a.png") 0 0 no-repeat;
	display:block;
	position:absolute;
	height:510px;
	width:610px;
	z-index:100;
}

#info3a.zoomout{
	background-position:0 -510px;
}