@charset "utf-8";
body {background-color:#d1e9fa; margin:0; padding:0;}
.clear {clear:both;}
.menux {display: block; float: left;margin: 0;padding: 0;}
li.last {border-radius:0 0.5em 0.5em 0;width: 217px !important;}
li.first {border-radius:0.5em 0 0 0.5em ;}
.menux li { background-image: url("../images/bgmenu.png");background-repeat: repeat-x;display: block;float: left;height: 20px;padding: 5px  10px; border-right:1px solid #225700; border-left:1px solid #457726;width:215px; }
.menux li a {font-size:13px; font-weight:bold; font-size:13px; color:#fff; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; display:block; width:100%; text-align:center;}
.menux li.active  { background-image: url("../images/bgmenuativo.png");}
.menux li.pagina {display:none;}
.content2 {float:left; width: 10000px; }
.miolox .ubbermenu #menu1-2.content {display:block; float:left;}
.miolox div.ubbermenu {width:10000px;left:0px; position: relative;}
.miolox {display:block; width:950px; height:540px; margin:0 auto;background-color:#fff;border-radius:0.5em; overflow:hidden;}
.miolox .content  {font-family:Tahoma, Geneva, sans-serif;font-size:15px; color:#333;}
.tit {color: #378d00; font-size: 16px; font-weight: bold;}

.miolox a.btr {background-image:url(../images/btr.png); width:43px; height:44px;display:block; float:right;}
.miolox a.btl {background-image:url(../images/btl.png); width:43px; height:44px;display:block; float:left;}
.miolox p.numerador {display:block; float:left; margin-left:360px; margin-top:10px;}
.miolox  .pagbot {    display: block; float: left; padding: 0 20px; position: relative; left:10px; top: 0px; width: 900px;}
.menuiten {width:890px; padding:30px;padding-top:10px;padding-bottom:0px; float:left;height:447px;}

.lcolun {width:63%; float:left;}
.rcolun {width:35%; float:right;}
.lcolun2 {width:35%; float:left;}
.rcolun2 {width:63%; float:right;}
.lcolun3 {width:50%; float:left;}
.rcolun3 {width:50%; float:right;}
.legenda {font-size:12px;text-align:center;}

.tit-mapa{

	color:#4f6921;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 10px;

}
.img-centro{
	width: 100%;
	text-align: center;
}
.img-centro p{

	width: 530px;
	text-align: left;
	margin: 0 auto;
	font: 11px;
	padding: 5px 0 0 0;
}

.lcolun3 p{

	width: 420px;
	text-align: left;
	margin: 0 auto;
	font: 11px;
	padding: 5px 20px 0 0;
}


.lcolun4{
	width: 45%;
	float: left;
}

.rcolun4{
	width: 50%;
	float: right;
}



.lcolun ul {margin:30px 0 0 20px;}

.mapa-centro{
	text-align: center;

}
ul.menuhoover br {line-height:0.5em;}
ul.menuhoover a li:hover span {display:block;}
ul.menuhoover a {text-decoration:none; color:#434343;}
ul.menuhoover a:hover {text-decoration:underline;}

.imgtxt{
	float:left;
	margin: 0 15px 6px 0;
}


.mapa{
	
	position:relative;
	margin: 0;
	padding: 0;
	left: 5%;
	

}


.mapa1,.mapa2{
	position: absolute;
	top: 0px;
	transition:all 1s;
}


.mapa2{
	opacity: 0;
}




.local{
	z-index: 9999;
	position: relative;
	
}



.img-local1,.img-local2,.img-local3,.img-local4,.img-local5{
	opacity: 0;
	position: absolute;
	top: 0px;
	transition:all 1s;
	left: 44px;
	
}

.img-local1-ativo, .img-local2-ativo, .img-local3-ativo, .img-local4-ativo, .img-local5-ativo{

	
	opacity: .8;
}


.bt-controller{

	display: none;
	position: absolute;
	top: 415px;
	left: 85px;
	cursor: pointer;
}

.bt-controller span{

	padding: 10px;
	font:12px #3f3f3f bolder;
}

.bt-controller span img{

	margin-right: 10px;
	
}

.c-mapa{
	
	list-style-type: none;
	text-align: center;
	position: relative;
	
}

.c-mapa li{
	display: inline-block;

}
.container-bt{
	background-color: #204606;
	border-radius: 20px;
	width: 80px;
	height:15px;
	position: relative;
}


.bt-img{
	background-color: #58b21b;
	border-radius: 20px;
	width: 40px;
	height:15px;
	position: relative;
	left: 0;
	transition:all .3s;
	
}

.esq,.dir{
	display: inline-block;
	width: 40px;
	height:15px;
	position: absolute;
	cursor: pointer;

}


.esq{
	
	left: 0;
	
}


.dir{
	
	right: -40;
}
/* PIRAMIDE */
.pyramid-container {
	float: left;
	width: 450px;
}

.where{
	margin-left: 148px;
	font-size: 25px;
}
#pyramid-level-3 {
	border-bottom: 90px solid #60A137;
	border-left: 50px solid transparent;
	
	height: 0;
	width: 0px;
	margin-right:auto;
	margin-left:390px;

}
#pyramid-level-2 {
	border-bottom: 90px solid #457726;
	border-left: 50px solid transparent;
	
	height: 0;
	width: 50px;
	margin-right:auto;
	margin-left:340px;
	
}
#pyramid-level-1 {
	
	border-bottom: 90px solid #225700;
	border-left: 50px solid transparent;
	
	height: 0;
	width: 100px;
	margin-right:auto;
	margin-left:290px;
	
}
.atividade p {
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.3);
	background-color: #fff;
	margin-left: 50px;
}
#txt-sociedade{
	
}

/* PIRAMIDE */
.pyramid2-container {
	float: right;
	width: 400px;
}

.where2{
	margin-left: 146px;
	font-size: 25px;
}

#pyramid2-level-3 {
	border-bottom: 90px solid #60A137;
	
	border-right: 50px solid transparent;
	height: 0;
	width: 0px;
	margin-right:auto;
	margin-left:0px;
}
#pyramid2-level-2 {
	border-bottom: 90px solid #457726;
	
	border-right: 50px solid transparent;
	height: 0;
	width: 50px;
	margin-right:auto;
	margin-left:0px;
}
#pyramid2-level-1 {
	
	border-bottom: 90px solid #225700;

	border-right: 50px solid transparent;
	height: 0;
	width: 100px;
	margin-right:auto;
	margin-left:0px;
}




/*  ANIMAÇÃO CICLO RIO NILO  */

.bt-anima{
	cursor: pointer;
	position: absolute;
	color: #2f2f2f;
	font-size: 19px;
	left: 725px;
	top: 300px;
	
}

.bt-anima span{
	vertical-align: top;
}

.img-bt-anima{
	
	margin-right: 10px;
	box-shadow: 3px 3px 3px rgba(0,0,0,.5);
}

.bg{

	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 1500px;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 100000000;
	display: none;

}


.geral{
		background-color: #93fffe;
		width: 560px;
		height: 279px;
		margin: 0 auto;
		position: relative;
		top: 205px;
		text-align: center;
		border-radius: 10px;
		overflow: hidden;
		

}

	.aldeia{
		position: absolute;
		width: 560px;
		height: 279px;
		margin: 0;
		padding: 0;
		z-index: 2;
		overflow: hidden;
	}
	
	.mar{
		position: absolute;
		width: 560px;
		height: 85px;
		margin: 0 auto;
		padding: 0;
		background-color: #1b78e0;
		bottom: 0;
		z-index: 0;
		animation: agua 3s ease-in-out infinite;
		animation-direction:alternate;
					
		}
		
		@keyframes agua{

			from{bottom: 0;}
			to{ bottom: 25px;}
		}
		
	#frutos1, #frutos2{
		position: absolute;
		width: 67px;
		height: 27px;
		margin: 0;
		padding: 0;
	}

	.plantacao{
		position: absolute;
		top:160px;
		left: 190px;
		z-index:1;
		margin: 0;
		padding: 0;
		animation: plantacao 3s ease-in-out infinite;
		animation-direction:alternate;
	}
	@keyframes plantacao{

			from{top: 165px;}
			to{ top: 190px;}
		}
	#frutos1{
		top:0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#frutos2{
		top:0;
		left: 190px;
		margin: 0;
		padding: 0;
	}


	.tabela{

	border:2px #225700 solid;
	margin:0 auto;
	padding:0;
	border-collapse: collapse;
  	empty-cells: show;
  	text-align: left;
  	width: 600px;
}
.tabela tr, .tabela td{
	margin:0;
	padding: 5px 10px;
	border-bottom:1px #457726 solid;
	border-right:1px #457726 solid;
	background-color: #ffe2c6;
	
}


.tit-td{
	font-size:19px;
	font-weight: bolder;
	font-size: 16px;

}

.top-tab {
	text-align: center;
	background-color: #378d00 !important;
	color:#fff;
	font-weight: bolder;
}
.destaque{

	color:#643827;
	font-weight: bolder;
}
.destaque-p{

	color:#643827;
	font-size: 18px;
}
.t-center{
	text-align: center;
	margin: 0 auto;
	width:890px;

}

.timeline{

	background: #ccc url(../images/estudo/timeline.jpg);
	width: 890px;
	height: 400px;
	position: relative;
}

a#d1450:link,
a#d1450:visited,
a#d1200:link,
a#d1200:visited,
a#d1150:link,
a#d1150:visited,
a#d800:link,
a#d800:visited,
a#d750:link,
a#d750:visited,
a#d700:link,
a#d700:visited,
a#d650:link,
a#d650:visited,
a#d594:link,
a#d594:visited,
a#d490:link,
a#d490:visited,
a#d480:link,
a#d480:visited,
a#d479:link,
a#d479:visited,
a#d443:link,
a#d443:visited,
a#d431:link,
a#d431:visited,
a#d404:link,
a#d404:visited,
a#d356:link,
a#d356:visited,
a#d323:link,
a#d323:visited,
a#d146:link,
a#d146:visited{
	
	position: absolute;
	font-weight: bolder;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	
}

#d1450{
	
	left: 121px;
	top: 75px;
	
}

#d1200{
	
	left: 173px;
	top: 130px;
	
}

#d1150{
	
	left: 226px;
	top: 95px;
	
}
#d800{
	
	left: 265px;
	top: 275px;
	
}
#d750{
	
	left: 312px;
	top: 348px;
	
}
#d700{
	
	left: 359px;
	top: 296px;
	
}


#d650{
	
	left: 377px;
	top: 118px;
	
}

#d594{
	
	left: 405px;
	top: 68px;
	
}

#d594{
	
	left: 405px;
	top: 68px;
	
}

#d490{
	
	left: 433px;
	top: 25px;
	
}

#d480{
	
	left: 457px;
	top: 105px;
	
}

#d479{
	
	left: 488px;
	top: 71px;
	
}

#d443{
	
	left: 508px;
	top: 325px;
	
}

#d431{
	
	left: 536px;
	top: 280px;
	
}

#d404{
	
	left: 564px;
	top: 362px;
	
}

#d356{
	
	left: 593px;
	top: 302px;
	
}

#d323{
	
	left: 618px;
	top: 348px;
	
}

#d146{
	
	left: 741px;
	top: 290px;
	
}

.popBase{

  width:960px;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
  border-radius: 5px;
}

.popBase h1{

  font-size: 21px;
  color: #494949;
  padding: 10px 0 0 0;
  position: absolute;
  top: 20px;
}

.popBase p{

  
  color: #494949;
  padding: 20px 0 ;
}

.bt-fechar{
	
	width: 100%;
	text-align: right;


}

.popup-modal-dismiss{
	margin: 0 auto;
	display: block;
	color: #3a3a3a;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;

}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom .mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}