@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: 'Roboto Condensed', sans-serif;}
html {height:100%;}
body {margin:0;width:100%;
/* height:100%; */
padding:0;background-image: url("../images/fundo_body.jpg");text-align:center;color:#333;font-size:62.5%;}
div.clear {clear:both;}
img{width:100%;height:auto;}

.lcolun{width:47%;float:left;padding-left:10px;}
.rcolun{width:47%;float:right;padding-right:10px;}


.sair{position:absolute;width:5%;top:4%;right:2%;margin:auto;z-index:3000;cursor:pointer;display:none;}

#intro{position:relative;width:60%;
height:100%;
margin:0 auto;background-image: url("../images/titulo_tab_hor.jpg");
/* background-color:yellow; */
}
/* #capa{position:relative;width:96%;height:auto;margin:0 auto;} */

.cabecalho{position:relative;}
.imigracao{position:absolute;width:50%;bottom:17%;left:18%;}

.miolo{position:relative;width:100%;height:30%;display:none;}
#azul{position:absolute;top:10%;left:10%;}
.linha{position:relative;width:100%;}
.bloco{position:relative;background-repeat:repeat;font-size:12px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;box-shadow: 0px 0px 20px #9a9a9a;margin-top:7%;cursor:pointer;}
.inside{top:50%;transform:translateY(0%);}
.contemBloco2{padding-left:10px;padding-right:10px;}
.bloco2{position:relative;font-size:12px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;box-shadow: 0px 0px 20px #9a9a9a;margin-top:3%;text-align:left;cursor:pointer;}
#povos{background-image: url("../images/imigrantes-09.png");}
#vidas{background-image: url("../images/imigrantes-08.png");}
#atividades{background-image: url("../images/imigrantes-06.png");}
#professor{background-image: url("../images/imigrantes-07.png");}
#imigrantes{background-color:#ed9a4a;}
.tit{font-size:15px;font-weight:bold;}
.bandeiras{float:left;text-align:center;width:13%;min-width:90px;min-height:90px;}
.primeira{margin-left:1.3%;}
.margem{margin-left:1%;}

#miolo_vidas{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-08.png");box-shadow:0px 0px 20px #838080;}
#miolo_vidas2{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-08.png");box-shadow:0px 0px 20px #838080;}
#miolo_atividades{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-06.png");box-shadow:0px 0px 20px #838080;}
#miolo_atividades2{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-06.png");box-shadow:0px 0px 20px #838080;}
#miolo_professor{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-07.png");box-shadow:0px 0px 20px #838080;}
#miolo_povos{position:relative;width:93%;margin:0 auto;background-repeat:repeat;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-image: url("../images/imigrantes-09.png");box-shadow:0px 0px 20px #838080;}
#miolo_imigrantes{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_portugal{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_portugal2{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;
/* overflow: auto; */
}
#miolo_portugal3{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_italia{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_italia2{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_italia3{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_italia4{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_alemanha{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_alemanha2{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_espanha{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_israel{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_israel2{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_arabia{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_japao{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
#miolo_japao2{position:relative;width:93%;margin:0 auto;font-size:15px;padding:10px;color:#fff;font-family:Helvetica, Sans-Serif;background-color:#ed9a4a;box-shadow:0px 0px 20px #838080;}
.tit_texto{font-size:35px;font-weight:bold;}


.canvas{position:relative;width:100%;height:auto;top:0;bottom:0;right:0;left:0;margin:auto;}
#canvas{background-color:#4886C1;max-width:550px;}
#canvas2{max-width:550px;}

.palavras{width:77%;height:80px;margin:0 auto;font-size:1.2vw;}
.item_arrasta{position:absolute;width:19%;height:50px;text-align:center;background-color:#b69f9f;cursor:pointer;z-index:2;}
.item_arrasta span{position:relative;padding:5px;top:16%;transform:translateY(0%);}
.item_arrasta span.primeiroSpan{position:relative;top:32%;transform:translateY(0%);}
.item_arrasta2{left:20.5%;}
.item_arrasta3{left:41%;}
.item_arrasta4{left:61.5%;}
.item_arrasta5{left:82%;}
.espacos{width:85%;height:140px;margin:0 auto;font-size:1.2vw;overflow:auto;}
.contemRecebe{position:relative;float:left;width:20%;height:125px;}
.contemRecebe:first-child{margin-left:0px;}
.recebe{position:relative;width:75%;height:50px;padding:5px;background-color:#64647a;margin:0 auto;}
.recebe div{top:0;bottom:0;right:0;left:0;margin:auto;}
.explicacao{display:none;}

#temperos{float:right;width:31%;margin-left:3%;}
#coco{float:left;width:27%;margin-right:3%;max-width:197px;}
#italianos{width:98%;max-width:575px;}
#sulitalia{float:right;width:28%;margin-left:3%;max-width:196px;}
#pizza{float:right;width:28%;margin-left:3%;max-width:300px;}
#bras1{float:right;width:35%;margin-left:3%;max-width:269px;}
#bras2{float:left;width:40%;margin-right:3%;max-width:269px;}
#cinema{float:right;width:17%;margin-left:3%;}
#german{float:right;width:40%;margin-left:3%;max-width:200px;}
#jardim{float:right;width:20%;margin-left:3%;max-width:114px;}
#oktober{float:right;width:40%;margin-left:3%;max-width:400px;}
#teatro_carlos_gomes2{float:right;width:30%;margin-left:3%;max-width:200px;}
#castelinho_turismoj{float:left;width:20%;margin-right:3%;max-width:144px;}
#fusca{float:right;width:30%;margin-left:3%;max-width:242px;}
#castanhola{float:left;width:40%;margin-right:3%;cursor:pointer;}
#judeus{width:40%;}
#familiajudia{float:right;width:48%;margin-left:3%;max-width:254px;}
#arabe2{float:right;width:35%;margin-left:3%;max-width:200px;}
#arabian_market{float:left;width:18%;margin-right:3%;max-width:124px;}
#esfiha{float:right;width:35%;margin-left:3%;max-width:280px;}
#kasatomarup{float:right;width:35%;margin-left:3%;max-width:260px;}
#aeroporto{float:right;width:35%;margin-left:3%;}
#bonsai{float:left;width:20%;margin-right:3%;max-width:200px;}
#origamip{float:right;width:35%;margin-left:3%;max-width:200px;}


#japao2{width:95%;padding:5px;margin:0 auto;border:1px solid #fff;display:flex;}
#poema{float:left;width:48%;}
#traducao{float:right;width:48%;transform:translateY(30%);}
#traducao div{width:70%;text-align:left;}

.italico{font-style: italic;}

#slide img {
position: absolute;
width:55%;
max-width:682px;
right:0;left:0;margin:auto;
z-index: 1;
display: none;
left: 0;
}

#slide img .truque {
position: relative;
width:55%;
right:0;left:0;margin:auto;
z-index: 1;
opacity:0;
left: 0;
}

#slide2 img {
position: absolute;
width:55%;
right:0;left:0;margin:auto;
z-index: 1;
display: none;
left: 0;
}

#slide2 img .truque {
position: relative;
width:55%;
right:0;left:0;margin:auto;
z-index: 1;
opacity:0;
left: 0;
}

  #slide2 p {
z-index:2;
position: absolute; 
bottom: 0;
left: 0;
right:0;
margin:auto;
width: 52%;
padding: 10px; 
font-family: Arial; 
font-size: 14px; 
background: rgba(0,0,0,0.5);  
color: #fff;
}

.audio{width:7%;cursor:pointer;}
.audio_n{width:7%;cursor:pointer;display:none;}
	
#titvidas{width:60%;}
#imagbrasil{width:60%;}
.legenda{font-size:10px;}
.voltar{position:absolute;top:15px;left:2%;cursor:pointer;}
.avancar{position:absolute;top:15px;right:2%;cursor:pointer;}
.home{position:absolute;width:30%;top:15px;right:0;left:0;margin:auto;cursor:pointer;}
i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}
.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#imagbrasil{max-width:249px;}

#azul{position:absolute;width:8%;top:23%;left:42%;z-index:10;}
#vermelho{position:absolute;width:16%;top:53%;left:82%;z-index:10;}

.borda1 {
	color:#333;
    border-left: solid #859DB5 1px;
    border-right: solid #859DB5 1px;
    border-bottom: solid #859DB5 1px;
    border-top: solid #859DB5 1px;
}

.rodape{margin-top:2%;}


.tooltip{color:#964b00;font-weight:bold;cursor:pointer;}
.tooltip_templates{display:none;}

a:link, a:visited, a:active{color:#964b00;}

/* Atividades multipla escolha*/

.atividade {
	position: relative;
}

.atividade2 {
	position: relative;
	float:left;
	width:33%;
	min-width:125px;
}

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


.container-resposta2::after { 
    content: "\A";
	white-space: pre;
}

.multiplaExtra{display:none;}
/* Fim Atividades multipla escolha*/

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.sair{width:7%;}
}


@media screen and (max-width: 600px) and (orientation: portrait) {
	#intro{width:80%;}
	.audio{width:15%;}
	#traducao{transform:translateY(0%);}
	.imigracao{position:relative;top:0px;left:0px;}
	.lcolun{width:100%;float:none;padding-left:0px;}
	.rcolun{width:100%;float:none;padding-right:0px;}
	.contemBloco2{padding:0px}
	#azul{display:none;}
	#vermelho{display:none;}
	#imagbrasil{width:95%;}
	.palavras{float:left;width:50%;}
	.contemItemArrasta{position:relative;float:left;width:100%;}
	.item_arrasta{position:relative;float:left;width:100%;height:51px;margin-bottom:75px;}
	.item_arrasta2{left:0;}
	.item_arrasta3{left:0;}
	.item_arrasta4{left:0;}
	.item_arrasta5{left:0;}
	.espacos{float:right;width:50%;}
	#temperos{float:none;width:100%;margin-left:0%;margin-bottom:10%;}
	#coco{float:none;width:100%;margin-right:0%;margin-bottom:10%;}
}

@media screen and (max-width: 824px) and (orientation: landscape) {
	.imigracao{position:relative;top:0px;left:0px;}
	.lcolun{width:100%;float:none;padding-left:0px;}
	.rcolun{width:100%;float:none;padding-right:0px;}
	.contemBloco2{padding:0px}
	#azul{display:none;}
	#vermelho{display:none;}
	#imagbrasil{width:95%;}
}