@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:48%; float:left;}
.rcolun3 {width:48%; 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;
	font-weight: bolder;
	padding: 5px 0 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;
}

.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: right;
	position:relative;
	top:-44px;
}

#pyramid-level-7 {
	border-bottom: 50px solid #0de712;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 0px;
	margin-right:auto;
	margin-left:auto;
	position: relative;


}
#pyramid-level-6 {
	border-bottom: 40px solid #0ac80f;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	width: 50px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
#pyramid-level-5 {
	border-bottom: 50px solid #08aa0c;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 90px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
#pyramid-level-4 {
	position: relative;
	border-bottom: 50px solid #068c09;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 140px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
#pyramid-level-3 {
	border-bottom: 70px solid #026a05;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	height: 0;
	width: 190px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
#pyramid-level-2 {
	border-bottom: 40px solid #065007;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	height: 0;
	width: 260px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
#pyramid-level-1 {
	position: relative;
	border-bottom: 26px solid #043805;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	height: 0;
	width: 300px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	
}
.atividade p {
	cursor: pointer;
	display: inline-block;
	padding: 3px;
	margin: 5px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.3);
	background-color: #fff;
}


#txt-sociedade{
	
}


/*  ANIMAÇÃO CICLO RIO NILO  */

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

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

.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;

}

.bg2{

	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 brown solid;
	margin:0 auto;
	padding:0;
	border-collapse: collapse;
  	empty-cells: show;
  	text-align: center;
  	width: 500px;
}
.tabela tr, .tabela td{
	margin:0;
	padding: 5px 10px;
	border-bottom:1px #4f210f solid;
	border-right:1px #4f210f solid;
	background-color: #ffe2c6;
	font-size: 13px;
}

.top-tab {
	text-align: center;
	background-color: #80442c !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;

}