@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;}


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


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

.mapa1,.mapa2{
	position: absolute;
	top: 120px;
	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;
}
#pyramid-level-3 {
	border-bottom: 100px solid #60A137;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 0px;
	margin-right:auto;
	margin-left:auto;
}
#pyramid-level-2 {
	border-bottom: 100px solid #457726;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 100px;
	margin-right:auto;
	margin-left:auto;
}
#pyramid-level-1 {
	position: relative;
	border-bottom: 100px solid #225700;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 200px;
	margin-right:auto;
	margin-left:auto;
}
.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;
}