/*
This is just a test file for making sure the script is working properly.
If it is, the media queries below will change the body's background color depending on the browser width.
For a realistic use case for media queries: read up on Responsive Web Design: 
http://www.alistapart.com/articles/responsive-web-design/
*/
@font-face { 
font-family: "LubalinGraph-Demi"; 
src: url("../fonte/lu/LubalinGraph-Demi.eot"); 

/* para IE */ 
src: url("../fonte/lu/LubalinGraph-Demi.otf"); 
src: url("../fonte/lu/LubalinGraph-Demi.ttf"); 
src: url("../fonte/lu/LubalinGraph-Demi.woff"); }


@font-face { 
font-family: "Brady"; 
src: url("../fonte/BradBunR.eot"); 

/* para IE */ 
src: url("../fonte/BradyBunchRemastered.otf"); 
src: url("../fonte/BradBunR.ttf"); 
src: url("../fonte/BradyBunchRemastered.woff"); }



body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #427d2b;
	width: 100%;
	overflow-x: hidden;
	
	height: 100%;
	max-height:981px;
	position: relative;
  
}

p{
	font-size:1.2em;
	line-height:27px;
	
	overflow:hidden;
	
	color:#fff;
	margin:0 auto;
}
	
	
h1{font-size:2.2em;}

a {color: #fff;}

#warp{
	width:100%;
	height:100%;
	min-width: 200px; /* 300px @ 16px */
	max-width: 1920px; /* 700px @ 16px */
	
	margin:0 auto;
	
	position:relative;
	
	
}

#container_bg1{width:100%; height:981px; background-image:url(../img/fullhd2/c-bg1.png); background-repeat:no-repeat; position:fixed; z-index:0;}

#container{width:100%; height:981px; background-image:url(../img/fullhd2/c-bg2.png); background-repeat:no-repeat; position:relative;
	
}

#container #logo_text{width:480px; height:157px; background-image:url(../img/logo_text.png); margin:180px 0 0 -15px; top:0; left:50%; position:absolute;}

#container #menu_home{width:465px; height:58px; background-color:; margin:350px 0 0 2px; left:50%; top:0; position:absolute; z-index:99;}

#container #menu_home div{display:inline-block; padding:15px 35px 15px 35px; margin-right:5px; background-color:rgba(52,71,10,0.6);}
#container #menu_home .link_ativo:hover{background-color:rgba(52,71,10,1);}
#container #menu_home div h6{font-size:20px; color:#fff;}


#home_contato{width:100%; height:923px; background-image:url(../img/fullhd2/hc-barra_contato.png); background-repeat:no-repeat; margin-top:857px; top:0; left:0; position:absolute; z-index:9;}


#sustentabilidade_ambiental{width:100%; height:100%; background-color:#427d2b; margin-top:0; z-index:9;}











/*Content Warp - Geral*/
.content_warp .img_pb{  margin:30px 0 0 32%;}
.content_warp h4{font-size: 25px; color:#fff; line-height:45px; margin-bottom:2px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2);}

.content_warp .list_content{font-size:19px; color:#fff; list-style:square; list-style-position:outside; margin-left:27px;}

.content_warp .list_content li{margin-bottom:15px;}

/* fim ContentWarp*/




/* Intro-ambi*/
#intro-ambi {width:100%; height:100%; min-height:981px;  background-color:#427d2b; padding-top:40px; padding-bottom:0;  position:relative; z-index:9;}

#intro-ambi #menu-ambi{width:80%;  max-width:960px; padding: 40px 30px 10px 30px; margin:0 auto; }

#intro-ambi #menu-ambi h2 {
	font-size: 70px;	
	line-height:70px;
	color:#fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
#intro-ambi #menu-ambi ul{width:49%; margin-top:30px;}
#intro-ambi #menu-ambi ul li{font-size:1.2em; line-height:27px;  color:#fff;  margin-bottom:5px;  list-style-position:outside; display:block; background-color:#54941e; padding:20px; overflow:hidden; }
#intro-ambi  #menu-ambi ul .link_into_ativo:hover{background-color:#2a5a03;}

#intro-ambi  #menu-ambi ul .link_into_desativ{background-color:#3b721c; }



#intro-ambi  #menu-ambi .menu-ambiental{float:left; margin-right:5px;}
#intro-ambi  #menu-ambi  .menu-ambiental2{float:right;}

/* fim Intro-ambi*/


.sl-slide-inner{padding-top:30px;}

#content-ambiental{width:100%; height:100%; max-height:981px;  background-color:#427d2b; position:relative;}
#content-ambiental ul{width:50%; margin-top:30px;}
#content-ambiental ul li{margin-bottom:5px;  list-style-position:outside; display:block; background-color:#3e9c1e; padding:20px; }
#content-ambiental ul li:hover{background-color:#2b800e;}







#content00-ambiental{background-color:#e75d41;}



#content0-ambiental{}
#content0-ambiental{background-color:#7d2b57;}
#content0-ambiental img{left:50%;}



#content1-ambiental{background-color:#117a70;}
#content1-ambiental img{float:right; margin-top:-190px;}
#content1-ambiental h4{font-size:30px;  padding-top:30px; padding-bottom:10px;}
#content1-ambiental ul{width:100%; margin-top:30px;}
#content1-ambiental ul li{margin-bottom:10px;  list-style-position:outside;}



#content2-ambiental{background-color:#2b557d; }

#content2-ambiental h4{font-size:30px;   padding-bottom:10px;}

#content2-ambiental img{float:right; margin-top:-190px;}
#content2-ambiental ul{width:100%; margin-top:30px;}
#content2-ambiental ul li{margin-bottom:10px;  list-style-position:outside;}


#content3-ambiental{background-color:#762b7d; }
#content3-ambiental ul{width:60%; margin-top:30px;}
#content3-ambiental ul li{margin-bottom:10px;  list-style-position:outside;}


/*Jogos*/
#content5-ambiental{background-color:#2b777d; }
#content5-ambiental img{left:50%;}
#content5-ambiental ul{width:100%; margin-top:30px;}
#content5-ambiental ul li{margin-bottom:10px;  list-style-position:outside;}

#content5-ambiental  .btn_download_jogos{  background-color:#328f96;   margin:5px 0 0 -70px; left:50%; width:135px; height:47px; position:absolute;} 

#content5-ambiental  .btn_download_jogos:hover{background-color:#20676d;}
#content5-ambiental  .btn_download_jogos img{ padding:10px; margin:0; background-color:#21686e; float:left; width:47px; height:47px;}
#content5-ambiental  .btn_download_jogos h5{ float:left; margin-top:12px; margin-left:20px; color:#fff; }


/*#content5-ambiental  #btn-folder-gincana{width:185px;} */
#content5-ambiental  #btn-img-qcabeca{ margin-top:-35px;} 
 

#content-botoes{width:80%; margin:15px auto;}

.btn_jogos{display:inline-block; width:140px; margin-left:5px; background-color:rgba(0,0,0,0.2); text-align:center; cursor:pointer; padding:5px 0  5px 0; margin-bottom:5px; }




.btn_jogos:hover{background-color:rgba(0,0,0,0.5);}
.btn_jogos:visited{background-color:rgba(0,0,0,0.5);}
.content_jogos{margin-top:35px;}
.content_jogos h4{font-size:25px; font-weight:100;}

#j_gincana img{margin:30px  auto; margin-bottom:0;}



#j_quebra-cabeca h4{text-align:center;}
#j_quebra-cabeca img{background-color:#1d6166; padding:5px 40px 5px 40px; margin-top:10px; }

#j_memoria h4{text-align:center;}
#j_memoria img{background-color:#1d6166; padding:5px 40px 5px 40px; margin-top:10px; }

#j_web .list_content{ margin-top:10px;}
#j_web .list_content li{ margin-bottom:15px;}

#j_web .list_content li a{padding:5px 20px 5px 20px; background-color: rgba(0,0,0,0.1); color: #fff;}
#j_web .list_content li a:hover{background-color: rgba(0,0,0,0.5);}



/*Fim Jogos*/

#sustentabilidade-ambiental{height:100%; min-height:480px; max-height:981px; padding-top:50px; margin:0 auto; position:relative; background-color:#6699FF;}

#sustentabilidade-ambiental h1{width:80%; margin:0 auto; color:#fff; text-align:center;}
#sustentabilidade-ambiental p{}

#sustentabilidade-ambiental #apresentacao-ambiental p {
	font-size:1.2em;
	line-height:27px;
	
	width: 40%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	
	padding-top: 20px;
	
}


/*Botoes*/
#sustentabilidade-ambiental #botoes-ambiental{width:920px; height:auto; margin:0 auto; margin-top:70px; background-color:#3399FF;}

#sustentabilidade-ambiental #mat-reciclagem div{width:100%; height:30px; margin:0 auto; background-color:#CCFF66;}
#sustentabilidade-ambiental #mat-reciclagem p{width:100%; height:auto; background-color:#FF6600; text-align:center; margin:0 auto;}

#sustentabilidade-ambiental #mat-reciclagem{width:160px; height:200px; margin:0 0 0 0; float:left; background-color:#66CCFF; text-align:center;}


#sustentabilidade-ambiental #pq-reclicar{width:160px; height:200px; margin:0 0 0 30px; float:left; background-color:#66CCFF;}
#sustentabilidade-ambiental #oq-fazer{width:160px; height:200px; margin:0 0 0 30px; float:left; background-color:#66CCFF;}
#sustentabilidade-ambiental #curiosidades{width:160px; height:200px; margin:0 0 0 30px; float:left; background-color:#66CCFF;}
#sustentabilidade-ambiental #jogos{width:160px; height:200px; margin:0 0 0 30px; float:left; background-color:#66CCFF;}



/* hide the attribute-test element. test2.css will show it */
#attribute-test {
	display: none;
}



/*styles for 300 and up @ 16px!*/
/* The max-width declaration below blocks this from ever working */
@media only screen and (max-width: 1600px){
	/*body {
		background: #6CF;
	}*/
	
	/*#container_bg1{background-image:url(../img/fullhd2/c-bg1_1600.png);}

	#container{background-image:url(../img/fullhd2/c-bg2_1600.png);}*/


	
	
	#home_contato{background-image:url(../img/fullhd2/hc-barra_contato_1600.png);}
	
	
	
}


@media only screen and (max-width: 1400px){
	/*body {
		background: #6CF;
	}*/
	#container_bg1{background-image:url(../img/fullhd2/c-bg1_1400.png);}

	#container{background-image:url(../img/fullhd2/c-bg2_1400.png);}
	#home_contato{background-image:url(../img/fullhd2/hc-barra_contato_1400.png);}

	
	
}




@media only screen and (max-width: 1200px){
	/*body {
		background: #6CF;
	}*/
	
	
	
	#sustentabilidade-ambiental #apresentacao-ambiental p {width: 60%;}
	
	
	#container #ambiental{top:50%; left:2%; position:absolute;}
	
	
	

	
}




/*styles for 480px - 620px @ 16px!*/
@media only screen and (max-width: 1024px) {
	/*body {
		background: green;
	}*/
	

	
	
	
	#sustentabilidade-ambiental #apresentacao-ambiental p {width: 70%;}
	
	

	
	
	
}

/*@media only screen and (max-width: 908px) {
	
	
	
	#container #grama{width:696px; height:120px; left:50%; top:0;   margin:861px 0 0 -350px; background-image:url(../img/fullhd2/gramado-800.png); background-repeat:no-repeat; position:absolute; z-index:99;}
}*/


/*styles for 480px - 620px @ 16px!*/
@media only screen and (max-width: 800px){
	/*body {
		background: green;
	}*/
	
	
	#container_bg1{background-image:url(../img/fullhd2/c-bg1_800.png);}

	#container{background-image:url(../img/fullhd2/c-bg2_800.png);}
	#home_contato{background-image:url(../img/fullhd2/hc-barra_contato_800.png);}
	
	

	#container #logo_text {margin:290px 0 0 -250px; background-image:url(../img/logo_text_b.png);}
	
	#container #menu_home{margin:460px 0 0 -230px; }
	
	#sustentabilidade-ambiental #apresentacao-ambiental p {width: 80%;}
	
	
	/*--- Slide2 ---*/
	#content2-ambiental img{display:none;}
	#content2-ambiental ul{width:90%; margin-top:30px;}
	
	
	
	
	/*cotnent Pau Brasil*/
	
	
	
	
}





@media only screen  and (max-width: 600px){
	
	#sustentabilidade-ambiental #apresentacao-ambiental p {width: 80%;}
	
	#home_contato{ width:100%; max-width:345px; opacity:0.8; background-image:url(../img/fullhd2/hc-barra_contato_500.png); left:50%; margin:760px 0 0 -190px;}
	
	
	/*Jogos*/
	.btn_jogos h5{font-size:14px;}
	
	#j_gincana img{width:260px; height:100px;}
	
	.content_jogos h4 {font-size: 20px;}
	
	#content5-ambiental  .btn_download_jogos{width:120px; height:35px; margin-top: 20px;}
	#content5-ambiental  .btn_download_jogos h5{ font-size:14px; margin-top:7px; }
	
	#content5-ambiental .btn_download_jogos img {
		padding: 7px;
		
		width: 35px;
		height: 35px;
	}
	
}


@media only screen  and (max-width: 500px){
	
	#container_bg1{background-image:url(../img/fullhd2/c-bg1_500.png);}

	#container{background-image:url(../img/fullhd2/c-bg2_500.png);}
	#container #logo_text {margin:400px 0 0 -250px; background-image:url(../img/logo_text_b-menor.png);}
	
	#container #menu_home{width:380px; margin:553px 0 0 -192px;}
	#container #menu_home div{padding:15px 21px 15px 21px;}
	
	
	/*--- Slide2 ---*/
	#content2-ambiental img{display:none;}
	#content2-ambiental ul{width:90%; margin-top:30px;}
	
	#nav-ambiental{margin:30px 0 0 0;}
	#intro-ambi  #menu-ambi ul{width:100%; margin-top:0;}
	#intro-ambi  #menu-ambi .menu-ambiental{float:none; }
	#intro-ambi  #menu-ambi  .menu-ambiental2{float:none;}
	
	.clearer{clear:none;}
	
	#content5-ambiental .btn_download_jogos{  background-color:#328f96;}
	.content_warp .img_pb{  margin:30px 0 0 17%;}
	
	
	
	
	
	
}


@media only screen  and (max-width: 480px){
		#j_memoria img{margin:15px -16px;}
	
	
}


@media only screen  and (max-width: 400px){
		#j_memoria img{ width:314px; height:170px; margin:15px -16px;}
	
	
}



@media only screen  and (max-width: 360px){
	#container_bg1{width:360px; height:481px;  background-image:url(); display:none;}
	#container{width:360px; height:481px; background-image:url(../img/fullhd2/c-bg2_360.png);}
	#container #logo_text {width:360px;  margin:330px 0 0 -140px; background-image:url(../img/logo_text_b-menor2.png); background-repeat:no-repeat;}
	
	
	
	#home_contato{display:none; background-image:url(../img/fullhd2/hc-barra_contato_360.png); margin:472px  0 0 0; }
	
	
	
	#container #menu_home{display:none;}
		

}


@media only screen  and (max-width: 320px){
	/*body {
		background: green;
	}*/
	
	#container{width:320px;  background-image:url(../img/fullhd2/c-bg2_320.png);}
	#container #logo_text {width:240px; background-image:url(../img/logo_text_b-menor2.png); background-repeat:no-repeat;}
	#home_contato{background-image:url(../img/fullhd2/hc-barra_contato_320.png); }
	
	#warp{width:320px;}
	
	
	
	#j_memoria img{ width:244px; height:130px; margin:15px 0;}
	
	
	
		

}