#capa{
    text-align: center;
}
.all {
	text-align:center; /* hack para o IE */ 
}
.tudo {
	margin: 0 auto;
	width: 900px;
	text-align:left; /* "remédio" para o hack do IE */  
}
/* verde eletroeletrônica - 155 255 155 ou #9BFF9B */
/* verde escuro para o texto #009966 */
.tudo p, #conteudo p, #conteudo strong, #conteudo em  {
	text-align: justify;
	font-family: Verdana;
	font-size: 13px;
	line-height: 1.8em;
	margin-top: 1.1em;
}
#conteudo a {
	font-family: Verdana;
	font-size: 13px;	
}
#conteudo h1 {
	font-family: Verdana;
	font-size: 18px;
	color: #009966;
	margin-bottom: 20px;
}
#conteudo h2 {
	font-family: Verdana;
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}
#conteudo h3 {
	font-family: Verdana;
	font-size: 13px;
	color: #009966;
	margin-bottom: 20px;
}
#conteudo h1 em {
	font-family: Verdana;
	font-size: 18px;
	color: #009966;
}
#conteudo a.ext {
	padding: 2px;
	text-decoration: underline;
	color:#009;
}
#conteudo a.ext:hover {
	background-color: #9BFF9B;
}
#conteudo a.int strong{
	padding: 2px;
	text-decoration: underline;
	color:#096;
}
#conteudo a.int:hover strong{
	background-color: #9BFF9B;
	text-decoration: none;
}
#conteudo a.mo {
	padding: 2px;
	text-decoration: none;
	color:#666;
	background-color: #9BFF9B;
}
#conteudo a.mo:hover {
	color: #fff;
	background-color: #009966;
}
#conteudo ul {
	margin-left: 20px;
	margin-top: 1.1em;
	}
#conteudo li {
	font-family: Verdana;
	font-size: 13px;
	line-height: 1.8em;
}
#conteudo table th {
	font-size: 1.1em;
	letter-spacing: .05em;
}
/* para năo estragar o h3 dentro do accordion */
#conteudo #accordion h3 {
	height: 30px;
	margin-bottom: 0px;
	padding-left: 30px;
}
.figura {
    float:left;
    margin: 0px 30px 10px 0;
}
.figuraD {
    float:right;
    margin: 0px 0 10px 30px;
}
.figuraCentro {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* destaque colorido */
/* final da etapa - destaque cinza, texto vermelho
    ideal para ser usado com div */
.fimEtapa {
	/*background-color: #929292;*/
	border: solid 3px #929292;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	padding: 1px 10px 10px 10px;
	margin: 20px 0;
    clear: both;
	overflow: auto;
	font-weight: bolder;
}
/* para a cor ser aplicada de fato, pois o JS de acessibilidade altera a cor do p 
   para o alinhamento ser aplicado de fato */
#conteudo .fimEtapa p {
	color: #C00000;
	text-align: center;
}
/* imagens dentro da caixa destaque - inserir classe na imagem */
/*.destaqueImg {
	float:left;
	margin-right: 20px;
	border: none;
}*/

/* caixas especiais com imagens específicas */
/* desafio com imagem específica ŕ direita */
/*.desafio {
	background: url(../imgs/desafio.png) no-repeat;
	padding: 1px 10px 10px 250px;
	margin: 20px 50px;
    clear: both;
	overflow: auto;
	min-height: 160px;
	}
.situacaoAprendizagem {
	background: url(../imgs/situacaoAprendizagem.png) no-repeat center left;
	padding: 1px 10px 10px 100px;
	margin: 20px 0;
    clear: both;
	overflow: auto;
	min-height: 100px;
	}
.saibamais {
	background-color: #9bff9b;
	padding: 1px 10px 10px 10px;
    clear: both;
    display: block;
    width:98%;
	overflow: auto;
}
.bgColorido {
	background-color: #9bff9b;
	padding: 1px 10px 10px 10px;
    clear: both;
    width:98%;
}*/
.caixaComplexa .bgArredondadoMix a, #conteudo .caixaComplexa .bgArredondadoMix strong {
	color:#fff;
}
.caixaComplexa .bgArredondadoTicado p {
	color:#fff;
	padding: 0;
	margin: 0;
}
.figuraRedonda{
	position: relative;
	top: -7px;
	left: -12px;
}
.bgArredondado {
	background-color: #ECECEC;
	border: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	background-clip: padding-box;
	max-width: 580px;
	min-height: 53px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 90px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.destaque {
	clear: both;
	display: block;
	overflow: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.destaque p {
	
	line-height: 18px;
	vertical-align: top;
}
.destaque img {
	float: left;
	margin-right: 20px;
	margin-bottom: 0px;

}

.caixaMenor {
	width: 230px;
	margin: 0 auto;
}
.bgEscuro {
	background-color: #009966;
}
.bgClaro {
	background-color: #9bff9b;
}
.bordaColorida {
	border: solid 2px #9bff9b;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 1px 10px 10px 10px;
}
.bordaColoridaVE {
	border: solid 2px #009966;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 1px 10px 10px 10px;
}
.bordaColoridaBG {
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-image: url(../../images/bg_atividade.png);
	background-repeat: repeat-x;
	min-height: 320px;
	background-position: top;
}
/* item de lista que aparece em seguencia */
.bordaColoridaBox {
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-image: url(../../images/bg_atividade.png);
	background-repeat: repeat-x;
	min-height: 300px;
	max-width: 560px;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
}
.bordaColoridaBox1 {
	border: 1px solid #009966;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	color:#FFFFFF;
	padding: 10px;
	background-image: url(../../images/bg_dica1.png);
	background-repeat: repeat-x;
	/*min-height: 300px;*/
	max-width: 640px;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
}
li.bgColorido {
	list-style-position: inside;
	padding-top: 12px;
}
li.bordaColorida {
	list-style-position: inside;
	padding-top: 12px;
}
.lampada{
    border: none;
}
/*.saibamaisImg {
	float:left;
	margin-right: 20px;
	border: none;
}*/
.tituloCenter {
	text-align: center;
	font-weight: bolder;
}
.cap2 {display: none;}

/* botőes : texto em forma de botőes */
.botao {
	color: #000;
	font-weight: bold;
	border: solid 2px #009966;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	padding: 5px;
	}
a:hover.botao {
	background-color: #9bff9b;
}

/* troca aba - feito com tabelas e divs */
.menu_ativo, .menu_inativo {
	color: #000;
	font-weight: bold;
	border: solid 2px #009966;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 0;
	background-clip: padding-box;
	text-align: center;
	margin-bottom: 7px;
	/*height: 30px;*/
}
.menu_ativo {
	background-color: #9Bff9B;
}
.menu_inativo {
	background-color: #fff;
	cursor: pointer;
}
.menu_inativo:hover {
	background-color: #9Bff9B;
}
.btn_cor0 {
	background-color: #999;
	border: 2px solid #999;
}
.btn_cor1 {
	background-color: #093;
	border: 2px solid #093;
}
.btn_cor2 {
	background-color: #930;
	border: 2px solid #930;
}
.btn_cor3 {
	background-color: #36C;
	border: 2px solid #36C;
}
.btn_cor4 {
	background-color: #969;
	border: 2px solid #969;
}
.btn_cor5 {
	background-color: #F60;
	border: 2px solid #F60;
}
.menu_inativo:hover {
	background-color: #999999;
}

/* ajuste troca aba para perguntas ŕ esquerda e respostas ŕ direita */
#perguntasErespostas {
	max-width: 720px;
	min-height: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
}
#perguntas {
	width: 21%;
	float: left;
	margin-top: 10px;
}
.respostas {
	width: 75%;
	float: right;
	margin-right: 10px;
}

/* exercícios */
.exercicio{
    margin-top: 20px;
}
.exercicio label{
    font-size: 15px;
    font-family: verdana;
    line-height: 30px;
}
.exercicio input[value="Enviar"] {
    margin-top: 20px;
    font-size: 15px;
    padding: 5px;
}
/* tabelas */
#conteudo .tabSimples {
	margin-top: 20px;
}
#conteudo .tabSimples td, #conteudo .tabSimples th  {
	border: solid 1px #009966;
}
#conteudo .tabSimples th  {
	background-color: #9bff9b;
}
#conteudo table.tabSimples {
	border-collapse:collapse;
}
#conteudo table.tabSimples th p, #conteudo table.tabSimples td p {
	margin: 3px;
}
#conteudo table.tabSimples th p, #conteudo table.tabSimples td.centro p{
	text-align: center;
}
/* tabela interativa - miolo */
#conteudo .tabInterativaColor td, #conteudo .tabInterativaColor th,  {
	border: solid 1px #9bff9b;
	background-color: red;
	color: red;
}
#conteudo table.tabInterativaColor {
	border-collapse:collapse;
}

/* limpar float */
.limpa {
	clear: both;
}
/* zerar borda das imagens com link */
#conteudo a img{
	border: none;
}
/* zerar borda das imagens com mapa de link */
img[usemap] {
	border: none;
}
.tooltip {
	display: inline;
	font-size: 12px;
	padding-right: 28px;
	padding-left: 5px;
	font-weight: bold;
	background-position: right;
}
a.tooltip, a.tooltip:active, a.tooltip:visited, a.tooltip:link {
	background-image: url(../ui/facebox/arrow.png);
	background-repeat: no-repeat;
	color: #C00;
	text-decoration: none;
}
a.tooltip:hover {
	color: #F60;
}
.boxes_verdes {
	max-width: 620px;
	min-height: 100px;
	border-top-left-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-bottom-right-radius: 30px;
	background-image: url(../../images/bg_atividade.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	font-size: 1.3em;
	color: #FFFFFF;
	background-color: #C8C8C8;
	border: 1px solid #EBEBEB;
}
.balao {
	max-width: 420px;
	min-height: 60px;
	border: 1px solid #009966;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	background-image: url(../../images/bg_dica.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	font-size: 1.3em;
	color: #FFFFFF;
}

.balao_leitura {
	max-width: 520px;
	min-height: 60px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	background-image: url(../../images/bg_leitura.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	font-size: 1.3em;
	color: #666666;
	border: 1px solid #F5F5F5;
}
.balao_atividade {
	max-width: 520px;
	min-height: 120px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	background-image: url(../../images/bg_atividade.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	font-size: 1.3em;
	color: #666666;
	border: 1px solid #F5F5F5;
}
.balao_alerta {
	max-width: 520px;
	min-height: 120px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	background-image: url(../../images/bg_alerta.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 10px;
	clear: both;
	font-size: 1.3em;
	color: #666666;
	border: 1px solid #F5F5F5;
}

.img_dir {
	margin: 20px;
	float: right;
}
.img_esq {
	margin: 20px;
	float: left;
}
.img_box {
	margin-right: 20px;
	float: left;
}
.img_box1 {
	margin-right: 5px;
	float: left;
}
.img_cen {
	display: block; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto; 
	margin-right: auto;
	padding: 5px;
	clear: both;
}

img:active{border:none;}

a img { border: none; }

.balao_videos {
	width: 240px;
	height: 190px;
	background-color: #CCCCCC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 20px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-bottom-right-radius: 20px;
	color: #666666;
	font-size: 0.85em;
	line-height: 1.5em;
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.balao_videos .iframe {
	color: #FF0000;
}
.ex_centro {
	height: 295px;
	width: 675px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#perguntasErespostas #texto0 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #999999;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntasErespostas #texto1 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #009933;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntasErespostas #texto2 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #993300;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntasErespostas #texto3 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #3366CC;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntasErespostas #texto4 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #996699;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntasErespostas #texto5 {
	width: 74%;
	float: right;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 5px;
	font-size: 1.8em;
	background-color: #FF6600;
	-webkit-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
}
#perguntas #bt1 {
	float: left;
	width: 37%;
	margin-left: 5%;
}
.col_esq {
	float: left;
	width: 25%;
}
.col_dir {
	float: right;
	width: 73%;
}
#box_txt1 {
	background-color: #FFFFCC;
	height: 250px;
	width: 250px;
}