#interatividade .main{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
#interatividade .main .content{
  position: absolute;
  left: 0px;
	right: 0px;
	top: 50%;
	height: 500px;
	margin-top: -250px;
	overflow: hidden;
}

#interatividade{
	background: #313131;
}
#interatividade .credito{
	z-index: 2;
}
#stage .credito small{
	text-shadow: #000 1px 1px 0px;
}
#stage #galeria section .btMaisMenos {
  width: auto;
  padding: 0 10px 0 25px;
}
.stNvGaleria {
  top: 50%;
  margin-top: -23px;
}

#pageTexto .content{
	background: #008B77;
}
#pageTexto  .viewport{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	bottom: 40px;
	overflow: hidden;
}
#pageTexto .viewport .overview{
	position: absolute;
	top: 0;
	left: 0;
  width: calc(100% - 80px);
	margin:0px 40px 40px 40px;
}

#pageTexto .scrollbar{
	position:  absolute;
	width: 10px;
	top:40px;
	bottom:40px;
	right: 0;
}
#pageTexto .track {
	width:10px;
	height:100%;
	position: relative;
	padding: 0;
	background:#b3b3b3;
}
#pageTexto .thumb {
	width: 10px;
	height:20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background:#4d4d4d;
}

#pageTexto h2 {
	font-family: 'font2B';
	font-weight: normal;
	color:#fff;
	font-size: 16px;
	line-height: 25px;
}
#pageTexto hr {
	border: 0;
	border-top: #fff solid 2px;
	margin-top: 6px;
	margin-bottom: -6px;
}
#pageTexto p,
#pageTexto ul li {
	font-family: 'font2';
	color:#fff;
	font-size: 17px;
	padding: 10px 0;
}
#pageTexto ul{
	padding-left: 20px;
}

#pageMapa article{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #2A8CB4;/*teste*/
	z-index: 1;
}

#interatividade .icon{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.icon.ico-camera{ background: url(img/ico-camera.png) no-repeat center center; }
.icon.ico-planeta{ background: url(img/ico-planeta.png) no-repeat center center; }
.icon.ico-planeta.off{ background: url(img/ico-planeta-off.png) no-repeat center center; }
.icon.ico-satelite{ background: url(img/ico-satelite.png) no-repeat center center; }
.icon.ico-satelite.off{ background: url(img/ico-satelite-off.png) no-repeat center center; }
.icon.ico-info{ background: url(img/ico-info.png) no-repeat center center; }
.icon.ico-arrow-down{ background: url(img/ico-arrow-down.png) no-repeat center center; }
.icon.ico-arrow-up{ background: url(img/ico-arrow-up.png) no-repeat center center; }

#interatividade .btn{
	background: none;
}
.btn.btn-icon{
	text-indent: -5000px;
	width: 30px;
	height: 30px;
}

#pageMapa .tools{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 44px;
	background: #474747;
	z-index: 2;
  text-align: right;
}
.tools .btn{
	position: relative;
	display: inline-block;
	margin: 0 9px;
  top: 50%;
  transform: translate(0,-50%);
}
.tools .btn:last-of-type{
	margin-right: 30px;
}

#stage #galeria section .legenda span{
	display: inline-block;
}
#stage #galeria section .texto p
{
	line-height: 1;
}
#stage #galeria section .texto p span {
  color: #000000;
  font-family: 'font2';
  display: inline-block;
}

#pageMapa .options{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: #00AA87;
	z-index: 2;
}
#pageMapa .options .btn-icon{
	width: 35px;
	height: 27px;
	background: #008B77;
	border-radius: 35px 35px 0 0;
	position: absolute;
	right: 0;
	top: -20px;
}
.options .btn-icon[data-status='closed'] .ico-arrow-down{ display: none; }
.options .btn-icon[data-status='closed'] .ico-arrow-up{ display: block; }
.options .btn-icon[data-status='opened'] .ico-arrow-down{ display: block; }
.options .btn-icon[data-status='opened'] .ico-arrow-up{ display: none; }

.options .box{
	-webkit-transition: max-height .5s linear;
	-moz-transition: max-height .5s linear;
	transition: max-height .5s linear;
  overflow: hidden;
}
.options .box[data-status=closed]{
  max-height: 30px;
}
.options .box[data-status=opened]{
	max-height: 163px;
}
.options .box header{
	width: 100%;
	height: 29px;
	border-bottom: #055142 solid 1px;
	background: #008B77;
	cursor: pointer;
}
.options .box header label{
	font-family: 'font2B';
	color:#fff;
	font-size: 16px;
	line-height: 34px;
	padding: 0 15px;
	cursor: pointer;
}
.options .box .box-content{
	width: calc(100% - 20px);
	display: inline-block;
	padding: 0 10px;
}
.options .box .box-content .col{
	width: calc(50% - 14px);
	float: left;
	margin:7px;
}
.options .box .box-content .col.w135{
	min-width: 135px;
}
.options .box .box-content .col.m10{
	margin-top: -10px;
}
.options .box .box-content .col .btn{
	text-align: left;
	font-family: 'font2B';
	color:#000;
	font-size: 15px;
}
.options .box .box-content .col .btn i{
	float: left;
	width: 35px;
	height: 15px;
	border: #fff 1px solid;
	margin-right: 5px;
}
.options .box .box-content .col .btn span{
	display: inline-block;
}
.options .box .box-content .col .btn .w70{
	width: 70px;
}
.options .box .box-content .col .btn-checkbox,
.options .box .box-content .col .btn-radiobutton{
	text-align: left;
	font-family: 'font2B';
	color:#000;
	font-size: 15px;
}
.options .box .box-content .col .btn-checkbox[checked],
.options .box .box-content .col .btn-radiobutton[checked]{
	color:#fff;
}

/*************** MAPAS ****************/
.mapas .overview{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.mapas .overview.zoom{
	width: 660px;
	height: 476px;
}
.mapas .overview.zoom .map{
	width: 520px;
  height: 386px;
	top: 0px;
	transform: translateX(-50%) scale(1);
}
.mapas .overview.zoom .map.filtro-climas{
	width: 100%;
}

.mapas .map{
	width: 660px;
	height: 500px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.mapas .submap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mapas .map.hide,
.mapas .mp2_1.hide,
.mapas .mp2_2.hide,
.mapas .mp2_3.hide,
.mapas .mp2_4.hide,
.mapas .mp2_5.hide{
	display: none;
}

.mapas .base{	background:#2A8CB4 url(img/mapas/m_base.png) no-repeat center center; }
.mapas .estados{	background: url(img/mapas/m_estados.png) no-repeat center center; }
.mapas .tropicos{	background: url(img/mapas/m_tropicos.png) no-repeat center center; }
.mapas .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas/m_divisao.png) no-repeat center center; }
.mapas .satelite{	background: url(img/mapas/m_satelite.png) no-repeat center center; }
.mapas .op1_1{	background: url(img/mapas/m_op1_1.png) no-repeat center center; }
.mapas .op1_2{	background: url(img/mapas/m_op1_2.png) no-repeat center center; }
.mapas .op1_3{	background: url(img/mapas/m_op1_3.png) no-repeat center center; }
.mapas .op1_4{	background: url(img/mapas/m_op1_4.png) no-repeat center center; }
.mapas .op1_5{	background: url(img/mapas/m_op1_5.png) no-repeat center center; }
.mapas .op1_6{	background: url(img/mapas/m_op1_6.png) no-repeat center center; }
.mapas .op1_7{	background: url(img/mapas/m_op1_7.png) no-repeat center center; }

.mapas .mp2_1 .base{	background:#2A8CB4 url(img/mapas2_1/m_base.png) no-repeat center center; }
.mapas .mp2_1 .estados{	background: url(img/mapas2_1/m_estados.png) no-repeat center center; }
.mapas .mp2_1 .tropicos{	background: url(img/mapas2_1/m_tropicos.png) no-repeat center center; }
.mapas .mp2_1 .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas2_1/m_divisao.png) no-repeat center center; }
.mapas .mp2_1 .satelite{	background: url(img/mapas2_1/m_satelite.png) no-repeat center center; }
.mapas .mp2_1 .op1_1{	background: url(img/mapas2_1/m_op1_1.png) no-repeat center center; }
.mapas .mp2_1 .op1_5{	background: url(img/mapas2_1/m_op1_5.png) no-repeat center center; }
.mapas .mp2_1 .op1_6{	background: url(img/mapas2_1/m_op1_6.png) no-repeat center center; }
.mapas .mp2_1 .op2_1{	background: url(img/mapas2_1/m_op2_1.png) no-repeat center center; }

.mapas .mp2_2 .base{	background:#2A8CB4 url(img/mapas2_2/m_base.png) no-repeat center center; }
.mapas .mp2_2 .estados{	background: url(img/mapas2_2/m_estados.png) no-repeat center center; }
.mapas .mp2_2 .tropicos{	background: url(img/mapas2_2/m_tropicos.png) no-repeat center center; }
.mapas .mp2_2 .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas2_2/m_divisao.png) no-repeat center center; }
.mapas .mp2_2 .satelite{	background: url(img/mapas2_2/m_satelite.png) no-repeat center center; }
.mapas .mp2_2 .op1_1{	background: url(img/mapas2_2/m_op1_1.png) no-repeat center center; }
.mapas .mp2_2 .op1_3{	background: url(img/mapas2_2/m_op1_3.png) no-repeat center center; }
.mapas .mp2_2 .op1_4{	background: url(img/mapas2_2/m_op1_4.png) no-repeat center center; }
.mapas .mp2_2 .op1_5{	background: url(img/mapas2_2/m_op1_5.png) no-repeat center center; }
.mapas .mp2_2 .op1_6{	background: url(img/mapas2_2/m_op1_6.png) no-repeat center center; }
.mapas .mp2_2 .op2_2{	background: url(img/mapas2_2/m_op2_2.png) no-repeat center center; }

.mapas .mp2_3 .base{	background:#2A8CB4 url(img/mapas2_3/m_base.png) no-repeat center center; }
.mapas .mp2_3 .estados{	background: url(img/mapas2_3/m_estados.png) no-repeat center center; }
.mapas .mp2_3 .tropicos{	background: url(img/mapas2_3/m_tropicos.png) no-repeat center center; }
.mapas .mp2_3 .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas2_3/m_divisao.png) no-repeat center center; }
.mapas .mp2_3 .satelite{	background: url(img/mapas2_3/m_satelite.png) no-repeat center center; }
.mapas .mp2_3 .op1_1{	background: url(img/mapas2_3/m_op1_1.png) no-repeat center center; }
.mapas .mp2_3 .op1_5{	background: url(img/mapas2_3/m_op1_5.png) no-repeat center center; }
.mapas .mp2_3 .op1_6{	background: url(img/mapas2_3/m_op1_6.png) no-repeat center center; }
.mapas .mp2_3 .op2_3{	background: url(img/mapas2_3/m_op2_3.png) no-repeat center center; }

.mapas .mp2_4 .base{	background:#2A8CB4 url(img/mapas2_4/m_base.png) no-repeat center center; }
.mapas .mp2_4 .estados{	background: url(img/mapas2_4/m_estados.png) no-repeat center center; }
.mapas .mp2_4 .tropicos{	background: url(img/mapas2_4/m_tropicos.png) no-repeat center center; }
.mapas .mp2_4 .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas2_4/m_divisao.png) no-repeat center center; }
.mapas .mp2_4 .satelite{	background: url(img/mapas2_4/m_satelite.png) no-repeat center center; }
.mapas .mp2_4 .op1_2{	background: url(img/mapas2_4/m_op1_2.png) no-repeat center center; }
.mapas .mp2_4 .op1_3{	background: url(img/mapas2_4/m_op1_3.png) no-repeat center center; }
.mapas .mp2_4 .op1_4{	background: url(img/mapas2_4/m_op1_4.png) no-repeat center center; }
.mapas .mp2_4 .op1_5{	background: url(img/mapas2_4/m_op1_5.png) no-repeat center center; }
.mapas .mp2_4 .op1_6{	background: url(img/mapas2_4/m_op1_6.png) no-repeat center center; }
.mapas .mp2_4 .op2_4{	background: url(img/mapas2_4/m_op2_4.png) no-repeat center center; }

.mapas .mp2_5 .base{	background:#2A8CB4 url(img/mapas2_5/m_base.png) no-repeat center center; }
.mapas .mp2_5 .estados{	background: url(img/mapas2_5/m_estados.png) no-repeat center center; }
.mapas .mp2_5 .tropicos{	background: url(img/mapas2_5/m_tropicos.png) no-repeat center center; }
.mapas .mp2_5 .divisao-politica{	background:rgba(0,0,0,.7) url(img/mapas2_5/m_divisao.png) no-repeat center center; }
.mapas .mp2_5 .satelite{	background: url(img/mapas2_5/m_satelite.png) no-repeat center center; }
.mapas .mp2_5 .op1_2{	background: url(img/mapas2_5/m_op1_2.png) no-repeat center center; }
.mapas .mp2_5 .op1_3{	background: url(img/mapas2_5/m_op1_3.png) no-repeat center center; }
.mapas .mp2_5 .op1_6{	background: url(img/mapas2_5/m_op1_6.png) no-repeat center center; }
.mapas .mp2_5 .op1_7{	background: url(img/mapas2_5/m_op1_7.png) no-repeat center center; }
.mapas .mp2_5 .op2_5{	background: url(img/mapas2_5/m_op2_5.png) no-repeat center center; }