@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;text-align:center;color:#333;font-size:62.5%;background-color:#e3e3e3;}
div.clear {clear:both;}
img{width:100%;height:auto;}

#wrap {position:relative;width:100%;height:100%;font-size: 15px;background-color:#e3e3e3;}

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

#top{position:relative;width:758px;}

#intro{position:relative;width:758px;height:auto;margin:0 auto;}

#menu{width:758px;margin:0 auto;background-color:#333;}
#menu ul{position: relative;z-index: 99;}
#menu ul li{display:block;float:left;margin:0;position:relative;text-align:center;background-color:#333;padding:5px;list-style:none;cursor:pointer;box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
#menu ul li:hover{background-color:#000;}
#menu ul li.active{background-color:#fff;}
#menu ul li.active a{color:#333;}
#menu ul li a{text-decoration:none;color:#fff;}
.menu{width:27%;}
#menu1{width:22%;}
#menu4{width:11%;}
#menu5{width:11%;}

.tarja{font-size:22px;}
.left_content{position:relative;float:left;width:49%;background-color:#fff;padding-top:1.5%;padding-right:1%;}
.right_content{position:relative;float:right;width:49%;background-color:#fff;padding-top:1.5%;padding-left:1%;}
.center_content{position:relative;width:100%;background-color:#fff;padding-top:1%;}

.min_content{position:relative;cursor:pointer;}

.tarja_left{position:absolute;width:100%;height:max-content;background-color:#333;color:#fff;top:40%;bottom:40%;left:0;right:auto;margin:auto;cursor:pointer;z-index:5000;}
.tarja_right{position:absolute;width:100%;height:max-content;background-color:#333;color:#fff;top:40%;bottom:40%;left:auto;right:0;margin:auto;cursor:pointer;z-index:5000;}
.tarja_center{position:absolute;width:100%;height:max-content;background-color:#333;color:#fff;top:30%;bottom:30%;margin:auto;cursor:pointer;z-index:5000;}

.pagina{position:relative;width:747px;margin:0 auto;margin-top:1%;display:none;border:5px solid #333;border-radius:0 0 0.7em 0.7em;}

.tarja_top{position:relative;width:100%;height:max-content;background-color:#333;color:#fff;font-size: 20px;text-align:left;}
.tarja_top span{margin-left:2%;}
#virus{background-image:url("../images/content2.png");}
.pandemia{background-image:url("../images/content3.png");}
#refletir{background-image:url("../images/9.png");}
#saber{background-image:url("../images/content10.png");}

.tarja_top span{position:absolute;width:34%;padding:1% 0%;text-align:center;height:max-content;left:0;bottom:0;margin:auto;background-color:#333;}

.left_link{float:left;width:49%;}
.right_link{float:right;width:49%;}
.left_link2{float:left;width:32.6%;margin-right:1%;}
.left_link2c{margin-right:0%;}
.right_link2{float:right;width:33%;}
.left_link3{float:left;width:33%;}

.pagina_texto{width:100%;margin-bottom:3%;overflow:hidden;font-family: 'Roboto Condensed', sans-serif;}
.texto{height:81%;padding:0% 4%;text-align:left;margin-top:2%;}

.tarja2{position:relative;width:90%;height:15%;padding:5%;background-color:#333;color:#fff;font-size:15px;text-align:center;}
.tarjaBase3{height:35%;}

.tarjaPg3{position:absolute;width:90%;height:auto;bottom:0;}

.item{position:relative;width:97%;margin-bottom:12%;color:#12617d;cursor:pointer;}

.item a{text-decoration:none;}

.coluna_pg3{float:left;width:33%;}

#imgLink6{width:100%;}
#imgLink7{width:100%;}
#imgLink8{width:97.5%;}
#imgLink9{width:100%;}
#imgLink10{width:100%;}

#imgPeste{width:30%;}
#imgRussa{width:30%;}
#imgEspanhola{width:45%;}
#imgAsiatica{width:30%;}
#trump{width:50%;}

.apendice{position:relative;width:60%;height:auto;margin:0 auto;margin-top:1%;display:none;
border-right:5px solid #333;
border-bottom:5px solid #333;
border-left:5px solid #333;
box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.apendiceTexto{padding:5%;text-align:left;display:none;}

.btn{max-width:41px;cursor:pointer;}
.voltar{float:left;margin-left:1%;}
.voltar2{float:left;margin-left:1%;}
.seguir{float:right;margin-right:1%;}
.numeracao{position:relative;}


@media screen and (max-width: 757px) {
	#top{width:60%;}
	#menu{width:60%;font-size:10px;}
	#intro{width:60%;}
	.pagina{width:58.9%;}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	#top{width:100%;}
	#intro{width:100%;}
	.pagina{width:97%;}
	.tarja{font-size:22px;}
	.left_content{width:100%;}
	.right_content{width:100%;}
	.tarja_top span{margin-left:0%;width:100%;text-align:center;position:absolute;height:max-content;top:0;bottom:0;margin:auto;background-color:#333;}
	#saber span{bottom:auto;}
	.texto{font-size:12pt;}	
	.left_link{width:100%;height:40%}
	.right_link{width:100%;height:30%}
	.left_link2{width:100%;margin-bottom:4%;}
	.right_link2{width:100%;height:30%}	
	.coluna_pg3{width:100%;}
	.item{float:left;width:48%;margin-bottom:1%;}
	.item_right{float:right;width:48%;}
	.itemLargo{float:left;width:100%;}
	.tarjaLarga{position:absolute;width:40%;height:auto;bottom:0;right:0;}	
	#trump{width:97%;}
	
/*menu mobile*/
	.menu-mobile {
		position:absolute;
		z-index:10000;
		text-align:left;
		  width:99%;
		  height:100%;
		 background-color:rgba(0,0,0,.7);
		  position: fixed;
		  overflow: hidden;
		  overflox-y: auto;
		  transition-duration: 0.3s;
		  -webkit-transition-duration: 0.3s; 
		  -moz-transition-duration: 0.3s;
}

.menu-mobile ul li{
 background-color:#333;
}

.menu{width:100%;}
#menu1{width:100%;}
#menu4{width:100%;}
#menu5{width:100%;}

.menu-mobile ul li {
  font-size: 23px;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,.1)
}

.menu-mobile ul li a {
  display: block;
  padding: 12px;
  text-decoration: none;
  color: #fff;
}

.menu-mobile ul li a:hover {
  background-color: rgba(0,0,0,.1);
}

.btn-menu {
  width: 25px;
  height: 18px; 
  position: absolute;
  left: 5px;
  top: 10px;
  padding: 10px;
  background-color: #333;
  cursor: pointer;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s; 
  -moz-transition-duration: 0.3s;
}

.btn-menu span {
  height: 3px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
}

.btn-menu {transform: translateX(0);}

.btn-menu-active .menu-mobile {
  transform: translateX(0);
}

/*fim menu mobile*/



}
	

@media screen and (max-width: 824px) and (orientation: landscape) {
	.tarja_top span{width:60%;font-size:15pt;}
	#menu{width:60%;font-size:15px;}
	.tarja{font-size:15px;}
}