@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: 104px !important;}
li.first {border-radius:0.5em 0 0 0.5em ;width: 86px !important;}
.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 #bca041; border-left:1px solid #d4bb63;width:157px; }
.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;}
#menu6{width:115px;}
.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;line-height:1.2em;}
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:#9D8EA7; 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 div.lcolun2 {width:65%; float:left;}
body div.rcolun2 {width:30%; float:right;}
body p.legenda {font-size:12px;}
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: #b38616; 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;}

.altura{line-height:1.3em;}
.altura1{line-height:1.2em;}
.altura2{line-height:1.1em;}
.altura3{line-height:1em;}
.altura4{line-height:0.9em;}

.central{text-align:center;}

.sombra{box-shadow: 5px 5px 10px #333;}
.sombra2{box-shadow: 0px 0px 30px #333;}
.sombra3{box-shadow: 0px 0px 20px #333;}
.sombra4{box-shadow: 0px 0px 10px #333;}

.borda{border:4px solid #c6a329;border-radius:0.5em;padding:5px 10px;float:left;font-weight:bold;}
.borda2{border:2px solid #990000;border-radius:0.5em;padding:5px 10px;float:left;font-weight:bold;}
.borda3{border:4px solid #c6a329;border-radius:0.5em;padding:5px 10px;font-weight:bold;}
.borda4{border:4px solid #fff;border-radius:0.5em;padding:5px 10px;font-weight:bold;}

.destaque{background-color:#9ea88f;margin-left:35px;width:141px;color: #fff;padding: 5px 10px;	
text-shadow: 1px 1px 0.5px rgba(0,0,0,.4);border:2px;border-radius: 5px;box-shadow: 4px 4px 7px rgba(0,0,0,.4);cursor:pointer;}


/* Atividades */

.atividade {
	position: relative;
}
.atividade p {
	margin: 10px 0;
}

.btn {
	margin: 15px 0;
	border: none;
	padding: 5px 15px;
	background-color: #CCAC3D;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.btn.btn-troca {
	position: absolute;
	top: 60px;
	right: 2px;
	background-color: #0470b1;
}
.atividade .resposta-container {
	display: none;
	position: absolute;
	background-color: #e1e1e1;
	border-radius: 5px;
	padding: 10px 20px;
	width: 300px;
	top: 30px;
	left: 300px;
	box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}
.resposta {
	margin: 7px 0;
	
}
.container-resposta {
	padding: 2px 10px;
	margin: 2px;
	border-radius: 5px;
	cursor: pointer;
}

/*popUp*/

.popup{width:950px;margin:30px 0 0 15px;position:absolute;z-index:1000;}


a.hiper:link, a.hiper:visited{
	font:15px Tahoma, Geneva, sans-serif;
	color:#a08320;
	text-decoration:none;
	font-weight:bolder;
	}
a.hiper:hover{
	color:#c6a329;	}
	


.boxHiper{
	border:4px #a08320 solid;
	background-color:#c6a329;
	padding: 10px; 
	display:none;	
	
	}
	
.boxHiper2{
	border:none;
	background-color:rgba(255,255,255,0);	
	}
	

.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 865px;
}
	
.fechar2{
	color:#333;
	margin:0 0 0 435px;
}


/*atividade mostrar*/

.ver-resposta {
	width: 860px;
	height: 125px;
	font-weight:bold;
	margin: 0px auto;
	text-align: center;
	display: block;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	
}
.resposta-label,.resposta-texto {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: all .3s;
	box-sizing: border-box;
	padding-top: 10px;
	background-color: #ddd;
	padding:15px;
}

.resposta-label {
	z-index: 1;
	box-shadow: 0 2px 2px rgba(0,0,0,.2)
}
.resposta-label:hover {
	top: -5px;
}
.resposta-texto img {
	position: absolute;
	top: 0;
	left: 0;
	max-height: 100%;
	margin-left: 70px;
}
.resposta-texto-inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}
