@charset "utf-8";
/* CSS Document */




@media only screen and (max-width: 1201px) {	

.bg_video {display: none;}

.bg_image {display:block;}



.t-desk {display: none;}

.t-mob {display: block;}

#menu-mob {display:block;}

#top {
	bottom: 0;
	height: auto;
	display: none;
	background-color: #fff;
}


#nav-mob {display:block;}

#nav-desk {display:none;}

.logo {display: none;}

.logo-mob {display: block;}

#top-mob {display: block;}

	nav {margin-top: 30px;}
	
	nav ul li {display: block; text-align:center; margin: 0 auto;}
	
	nav ul li a {
		font-size: 15px;
		padding: 20px 0px;
		display: block;
		font-weight: 400;
		}
	

	.medias {
		position:absolute;
		top: 400px;
		left: 50%;
		right:0px;
		margin-left: -17.5px;
		}


	#share {
		position:absolute;
		top: 25px;
		right: 0px;
		left: 50%;
		margin-left: -125px;
		width: 50px;
		background-color: #fff;
		border-radius: none;
		box-shadow: none;
		display: none;
		padding: 30px 100px;
		}
		


	h1 { font-size:40px; margin-top: 125px;}

	.space-home {display: none;}

	.banner-page .box {margin: 0 10px;}

	#sobre .left {float: none; width: 90%; margin: 0px 20px;}
	#sobre .right {float: none; width: 90%;  margin: 0px 20px;}

	#sobre .box1 {float:none; width: 300px; margin: 50px auto;}


	#cursos #container {max-width: 900px;}


	#pesquisas .box {
		width: 100%;
		height: auto;
		margin: 15px auto;
		float: none;
			}

		#pesquisas .box2 {
		width: 100%;
		height: auto;
		margin: 25px auto;
	}

		#pesquisas .box2 .retina {height: auto;}

	#pesquisas p {margin: -30px 10px;}

.tab .space {display: block;}

.tab .col1 {width: 100%; height: auto; float:none; }

.tab .col2 {width: 100%; height: auto; float:none; }

	.tab .box-sup {	width: 100%; height: 100px;	float:none; }

	.tab .box-sup2 {width: 100%; height: 100px;	float:none;	}

	.tab .box1 {width: 100%; float:none; }

	.tab .box2 {width: 100%; float: none; }





	.ag {padding: 100px 0px; margin-top: 50px;}

	.ag h1 {font-size:38px;}

	.ag .sub {font-size: 30px;}


	#livros #container {max-width: 850px;}


		#news #container {max-width: 900px;}

		#news .box {width: 300px;}
		#news .box img {width: 150px;}
		#news .t1 {font-size:36px; margin-left: 0px;}
		#news .t2 {font-size:36px; margin-left: 0px;}



	#news .box1 {
		float: none;
		width: 320px; 
		margin: 50px auto 0px auto;
	}

	#news .box2 {
		float: none; 
		width: 100%; 
		margin: 0px auto 50px auto;
	}

	#news .consenso {
		font-size: 100px;
		text-align: center;
		margin: 0px auto;
	}





}
	

@media only screen and (max-width: 1220px) {

	.banner {margin-left: 50px;}	

	#home h2 {margin-top: 0px;}

	#home #container {max-width: 900px;}
	#home .box-a .box1 {width: 400px; margin: 0px 25px;}
	#home .box-b .box1 {width: 400px; margin: 0px 25px;}

		#pub #container {max-width: 900px;}


	

}

@media only screen and (max-width: 920px) {

	video { height: auto; width: 900px;}

	#home #container {max-width: 700px;}
	#home .box-a .box1 {width: 300px; margin: 0px 25px;}
	#home .box-b .box1 {width: 300px; margin: 0px 25px;}


	#sobre .left {margin: 0px 10px;}
	#sobre .right {margin: 0px 10px;}

	#cursos #container {max-width: 600px;}

	#pub #container {max-width: 600px;}

	#livros #container {max-width: 510px;}

	#news .box {width: 300px; float: none; margin: 50px auto;}
	#news .box img {width: 150px;}
	#news .t1 {font-size:36px; margin-left: 20px;}
	#news .t2 {font-size:36px; margin-left: 20px;}


		#pop-news .box {
		width: 320px;
		margin: 20 auto;

		 }

	#form-news-pop {display: none;}

	#form-news-pop-mob {display: block;} 

		#pop-news .p1 {margin-top:20px; margin-bottom: -20px; font-size: 18px; }

		#pop-news .p2 {margin-top: 20px; font-size:14px; padding: 0px 10px  }

		#close-pop {
			position: fixed;
			width: 50px;
			height: 50px;
			top: 10px;
			right: 10px;
		}



}
	
@media only screen and (max-width: 720px) {

	#home #container {max-width: 500px;}
	#home .box-a .box1 {width: 100%; float: none; margin: 0px auto;}
	#home .box-b .box1 {width: 100%; float: none; margin: 0px auto;}

	#home .box-a img {float: none; margin-top: 50px;}
	#home .box-b img {float: none; margin-top: 50px;}

	#abertura .box {
		margin: 20px auto;
		padding: 35px 0px 10px;
	}	

	.videoWrapper {margin: 0px 20px 20px;}

	#abertura .fechar {margin: 20px 0 10px 83%;}

}

@media only screen and (max-width: 620px) {

	#cursos #container {max-width: 300px;}

	#pub #container {max-width: 300px;}

	#livros #container {max-width: 340px;}

}

	
@media only screen and (max-width: 540px) {

	.logo-mob {left: 10px;}

	.banner {margin-left: 10px;}

	h1 {font-size: 32px;}

	.consenso {font-size: 100px;}

}

@media only screen and (max-width: 360px) {

		#livros #container {max-width: 150px;}

	}