@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";
@charset "utf-8";
body {background-color:#d1e9fa; margin:0; padding:0;}
div.clear {clear:both;}
.menux {display: block; float: left;margin: 0;padding: 0;}
li.last {border-radius:0 0.5em 0.5em 0;width: 308px !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 #5c5884; border-left:1px solid #837fa4;width:288px; }
.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; }
div.miolox div.ubbermenu div#menu1-2.content {display:block; float:left;}
div.miolox div.ubbermenu {width:10000px;left:0px; position: relative;}
div.miolox {display:block; width:950px; height:540px; margin:0 auto;background-color:#fff;border-radius:0.5em; overflow:hidden;}
div.miolox .content  {font-family:Tahoma, Geneva, sans-serif;font-size:15px; color:#333;}
div.miolox .content h2 {font-family:Tahoma, Geneva, sans-serif;font-size:16px; color:#378d00; font-weight:bold;}
body div.miolox a.btr {background-image:url(../images/btr.png); width:43px; height:44px;display:block; float:right;}
body div.miolox a.btl {background-image:url(../images/btl.png); width:43px; height:44px;display:block; float:left;}
body div.miolox p.numerador {display:block; float:left; margin-left:360px; margin-top:10px;}
body div.miolox div.pagbot {    display: block; float: left; padding: 0 20px; position: relative; left:10px; top: 0px; width: 900px;}
div.menuiten {width:890px; padding:30px;padding-top:10px;padding-bottom:0px; float:left;height:447px;}
body div.luimage {width:50%; float:left;}
body div.ruimage {width:50%; float:right;}
body div.lcolun {width:35%; float:left;}
body div.rcolun {width:65%; float:right;}
body div.lcolun1 {width:50%; float:left;}
body div.Rcolun1 {width:50%; float:right;}
body p.legenda {font-size:12px;text-align:center;}
div.timage img {margin:0 auto;display:block;margin-top:30px;}
div.lcolun1 ul {margin:30px 0 0 20px;}
div.lcolun1 ul.menuhoover {font-size:34px;list-style:none;}
span.opta{background-image:url(../images/estudo/li4.png); width:55px; height:56px; display:block;float:left;margin-right:5px;display:none;}
span.optb{background-image:url(../images/estudo/li3.png); width:55px; height:56px; display:block;float:left;margin-right:5px;display:none;}
span.optc{background-image:url(../images/estudo/li2.png); width:55px; height:56px; display:block;float:left;margin-top:18px;margin-right:5px;display:none;}
span.optd{background-image:url(../images/estudo/li1.png); width:55px; height:56px; display:block;float:left;margin-right:5px;display:none;}
span.mapa {background-image:url(../images/estudo/mapa2.png); width:344px; height:379px;display:block;}
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;}
body p.tit {color: #5c5884; font-size: 16px; font-weight: bold;}
div.menuiten div.rcolun a.selrevolt {display:block; background-image:url(../images/estudo/btrevolt.png); height:34px; width:237px;    float: right; position: relative; top: -10px;}
div.menuiten div.rcolun p {margin-top:35px;}
div.rcolun div.centertxt {background-image:url(../images/estudo/bgdiv.jpg); background-repeat:no-repeat; width:564px; height:105px; display:block; padding:10px;margin-top:10px;}
div.rcolun div.centertxt p {font-size:13px; color:#4f6a5c;margin:0;  line-height: 1.2em;}
div.rcolun div.centertxtb {background-image:url(../images/estudo/bgdiv2.jpg); background-repeat:no-repeat; width:564px; height:160px; display:block; padding:10px;margin-top:10px;}
div.rcolun div.centertxtb p {font-size:12px; color:#4f6a5c;margin:0;}
p.smalla {margin-top:10px !important;line-height: 1.2em;}
div#pag12.content div.ubbermenu div.menuiten div.rcolun p br {line-height:0.5em;}
div#pag14.content div.ubbermenu div.menuiten div.rcolun p br {line-height:0.5em;}
div#pag15.content div.ubbermenu div.menuiten div.rcolun p br {line-height:0.7em;}
div#pag6.content div.ubbermenu div.menuiten div.rcolun p br {line-height:0.5em;}

/*popUp*/

a.hiper:link, a.hiper:visited{
	font:15px Tahoma, Geneva, sans-serif;
	color:#896c9c;
	text-decoration:none;
	font-weight:bolder;
	}
a.hiper:hover{
	color:#cdb8db;
	}
.boxHiper{
	border:4px #896c9c solid;
	background-color:#0c0455;
	padding: 10px; 
	position:absolute;
	margin:323px 0 0 336px;
	display:none;
	z-index:1000;
	width:470px;
	
	}
.txtBoxHiper{
	color:#FFF;
	font:15px Tahoma, Geneva, sans-serif;
	padding:10px;
	
	}
	
.fechar{
	font-weight:bold;
	color:#ffffff;
	font:13px Tahoma, Geneva, sans-serif;
	margin:0 0 0 10px;
}

/* DIAGRAMA*/

.diagrama {
  width: 350px;
  height: 190px;
  margin: 5px;
  position: relative;
}
.item {
  padding: 5px;
  margin: 5px;
  border: 1px solid #000;
  border-radius: 5px;
  text-align: center;
  width: 100px;
  background: #5c5884;
  color: #fff;
  position: absolute;
  cursor: pointer;
  transition: all .3s;
}
.item:hover {
	background-color: #837fa4;
}
.lineDown::after {
  content: '';
  position: absolute;
  bottom: -21px;
  left: 50%;
  height: 21px;
  border-left: 1px solid #000;
}
.lineRight::after {
  content: '';
  position: absolute;
  bottom: 50%;
  right: -21px;
  width: 21px;
  border-top: 1px solid #000;
}
.lineLeft::after {
  content: '';
  position: absolute;
  bottom: 50%;
  left: -21px;
  width: 21px;
  border-top: 1px solid #000;
}
.item:nth-child(1) {
  top: 0;
  left: 115px;
}
.item:nth-child(2) {
  top: 50px;
  left: 115px;
}
.item:nth-child(3) {
  top: 100px;
  left: 115px;
}
.item:nth-child(4) {
  top: 150px;
  left: 115px;
}
.item:nth-child(5) {
  top: 50px;
  left: -16px;
}
.item:nth-child(6) {
  top: 50px;
  right: -18px;
}
.feedback {
  border: 2px dashed #000;
  padding: 15px;
  width: 100%;
  left: 380px;
  position: absolute;
  display: none;
}

/* ATIVIDADES */
.atividade {
	width: 80%;
	margin: auto;
	text-align: center;
}
.atividade__resposta {
	margin: 5px !important;
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	text-align: center;
	border: 1px solid #777;
	border-radius: 5px;
	cursor: pointer;
}
.atividade__resposta:hover {
	background-color: rgba(0,0,0,.1)
}
.atividade i {
	opacity: 0;
}