a {color:#333; text-decoration:none}
a:hover {color:#000; text-decoration:underline}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#F0E8D6;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.8;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:800px; 
  height:520px;
  display:none;
  z-index:9999;
  padding:0px;
}

.secao3_apresentacao, atividade7, atividade8 {
  display: none;
  top: 100px;
  left: 360px;
}

#secao3_apresentacao .mensagem, #atividade7 .mensagem, #leitura_complementar .mensagem, #atividade8 .mensagem{
	margin-top: 40px;
	margin-left: 130px;
	width: 540px;
 	/*background: #EAC4A4;*/
	background: #E9DAAF;
 	opacity: 0.9;
	border-radius: 10px 10px 10px 10px;
}

#secao3_apresentacao .mensagem_texto, #atividade7 .mensagem_texto, #leitura_complementar .mensagem_texto, #atividade8 .mensagem_texto{
	margin: 5px;
	padding: 10px 10px;
	height: 250px;
	overflow:auto;
	line-height: 150%;
	text-align:justify;
	font-family:tahoma, verdana;
	font-size:16px;
}


.determinacao {
  display: none;
  top: 100px;
  left: 360px;
  background:url(../fundos/fundo-determinacao-social.jpg) no-repeat 0 0 transparent; 
}

.modelos {
  display: none;
  top: 100px;
  left: 360px;
  background:url(../fundos/fundo_modelos.jpg) no-repeat 0 0 transparent; 
}

.conceito {
  display: none;
  top: 100px;
  left: 360px;
  background:url(../fundos/fundo-conceito-saude.jpg) no-repeat 0 0 transparent; 
}

.determinantes {
  display: none;
  top: 100px;
  left: 360px;
  background:url(../fundos/fundo-determinantes-sociais-saude.jpg) no-repeat 0 0 transparent; 
}

.evidencias {
  display: none;
  top: 100px;
  left: 360px;
  background:url(../fundos/fundo-evidencias-da-determinacao.jpg) no-repeat 0 0 transparent; 
}


#mensagem{
	margin-top: 40px;
	margin-left: 180px;
	width: 540px;
 	/*background: #EAC4A4;*/
	background: #E9DAAF;
 	opacity: 0.9;
	border-radius: 10px 10px 10px 10px;
}

.evidencias #mensagem {
	margin-top: 40px;
	margin-left: 200px;
	width: 540px;
 	/*background: #EAC4A4;*/
	background: #E9DAAF;
 	opacity: 0.9;
	border-radius: 10px 10px 10px 10px;
}

.determinantes #mensagem {
	margin-top: 40px;
	margin-left: 50px;
	width: 540px;
 	/*background: #EAC4A4;*/
	background: #E9DAAF;
 	opacity: 0.9;
	border-radius: 10px 10px 10px 10px;
}

#mensagem_texto{
	margin: 5px;
	padding: 10px 10px;
	height: 350px;
	overflow:auto;
	line-height: 150%;
	text-align:justify;
	font-family:tahoma, verdana;
	font-size:16px;
}

#mensagem_btn{
	margin: 10px 5px 10px 5px;
	padding-left: 20px;
}

#modelos #mensagem_btn{
	margin: 450px 5px 10px 5px;
	padding-left: 20px;
}


#btn_ok{
	margin: 5px auto;
	max-width:120px;
}

.close{display:block; }