.img_fundo{

     /* Background image is centered vertically and horizontally at all times */

  background-position: center center;

  

  /* Background image doesn't tile */

  background-repeat: no-repeat;

  

  /* Background image is fixed in the viewport so that it doesn't move when 

     the content's height is greater than the image's height */

  background-attachment: fixed;

  

  /* This is what makes the background image rescale based

     on the container's size */

  background-size: cover;

  

  /* Set a background color that will be displayed

     while the background image is loading */

  background-color: #464646;}



	

	#debug1 {

		display:block;

	}

	.js-mindmap-active .node {

		position:absolute;

		top:0px;

		left:0;

		font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		color:#754c28;


		background:transparent;

        opacity:0.9;

		padding:0;
    margin:0px 0px;

	  border:0;

		-webkit-border-radius:100px;

		-moz-border-radius:100px;

		cursor:pointer;

		cursor:hand;

		z-index:100;

		list-style:none;

        width:80px;

        height: 80px;

	}





    li.node.active#projeto_mycena {

	background-image:url("images/bts/bt_projeto_mycena2_hover.png");

    z-index: 300;

    }



     li.node.active#obbio {

	background-image:url("images/bts/bt_obbio.png");

    z-index: 300;

    }

 li.node.active#visita{

  background-image:url("images/bts/bt_visita.png");

    z-index: 300;

    }



     li.node.active#banco_img {

	background-image:url("images/bts/bt_banco.png");

    z-index: 300;

    }



      li.node.active#ebooks {

	background-image:url("images/bts/bt_midia.png");

    z-index: 300;

    }



      li.node.active#ed_ambiental {

	background-image:url("images/bts/bt_pesquisa.png");

    z-index: 300;

    }



    li.node.active#reserva {

	background-image:url("images/bts/bt_reserva.png");

    z-index: 300;

    }



      li.node.active#soltura {

	background-image:url("images/bts/bt_soltura.png");

    z-index: 300;

    }

     



      li.node.active#voluntariado {

	background-image:url("images/bts/bt_voluntariado.png");

    z-index: 300;

    }



     li.node.active#bioacustica {

	background-image:url("images/bts/bt_bioacustica.png");

    z-index: 300;

    }

     



    li.node.active#projeto_mycena a{visibility: hidden;}

    li.node.active#obbio a div.imgDescription{visibility: hidden;}

    li.node.active#banco_img a div.imgDescription{visibility: hidden;}

    li.node.active#ebooks a div.imgDescription{visibility: hidden;}

    li.node.active#ed_ambiental a div.imgDescription{visibility: hidden;}

    li.node.active#reserva a div.imgDescription{visibility: hidden;}

    li.node.active#soltura a div.imgDescription{visibility: hidden;}

    li.node.active#voluntariado a div.imgDescription{visibility: hidden;}

    li.node.active#bioacustica a div.imgDescription{visibility: hidden;}

	#logo_img{border:none;background: transparent;}

	.js-mindmap-active .node  a{

		color:#754c28;

	}

	.js-mindmap-active .node.active{

		background: transparent;

		color:#003258;

		font-weight:bold;

		z-index:1000;

	}

	.js-mindmap-active .node.active  a{

		color:#003258;

	}

	.js-mindmap-active img.line {

		position:absolute;

		width:200px;

		height:103px;

		top:0;

		left:0;

		display:block;

		z-index:0;

	}

    .ui-draggable {

        position:absolute;

    }





    .imgDescription {

  position: absolute; 

  bottom: -70px;

  left: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 60px;

  visibility: hidden;

  opacity: 0;

  

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.mycena_tit:hover .imgDescription {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}	



  .imgDescription_obbio {

  position: absolute; 

  bottom: -70px;

  left: 0;

  right: 0;

 background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 60px;

  visibility: hidden;

  opacity: 0;

  

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.obbio_tit:hover .imgDescription_obbio {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_obbio h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_obbio h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}	



 .imgDescription_banco {

  position: absolute; 

  bottom: -40px;

  left: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 20px;

  visibility: hidden;

  opacity: 0;

 

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.banco_tit:hover .imgDescription_banco {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_banco h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_banco h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}				



	.imgDescription_ebooks {

  position: absolute; 

  bottom: -70px;

  left: 0;

  right: 0;

 background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 80px;

  visibility: hidden;

  opacity: 0;

  

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.ebooks_tit:hover .imgDescription_ebooks {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_ebooks h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_ebooks h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}				



 .imgDescription_ed_ambiental{

  position: absolute; 

  bottom: -40px;

  left: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 40px;

  visibility: hidden;

  opacity: 0;

 

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.ed_ambiental_tit:hover .imgDescription_ed_ambiental {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_ed_ambiental h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_ed_ambiental h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}					





 .imgDescription_reserva{

  position: absolute; 

  bottom: -40px;

  left: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 20px;

  visibility: hidden;

  opacity: 0;

 

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.reserva_tit:hover .imgDescription_reserva {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_reserva h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_reserva h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}				



.imgDescription_soltura{

  position: absolute; 

  bottom: -40px;

  left: 0;

  right: 0;

  background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 20px;

  visibility: hidden;

  opacity: 0;

 

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.soltura_tit:hover .imgDescription_soltura {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_soltura h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_soltura h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}		



 .imgDescription_voluntariado {

  position: absolute; 

  bottom: -70px;

  left: 0;

  right: 0;

 background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 60px;

  visibility: hidden;

  opacity: 0;

  

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.voluntariado_tit:hover .imgDescription_voluntariado {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_voluntariado h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_voluntariado h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}	



	.imgDescription_bioacustica {

  position: absolute; 

  bottom: -70px;

  left: 0;

  right: 0;

 background: rgba(255, 255, 255, 0.72);

  color: #fff;

  width: 280px;

  height: 40px;

  visibility: hidden;

  opacity: 0;

  

  /*remove comment if you want a gradual transition between states */

  -webkit-transition: visibility opacity 0.2s;

  z-index: 100;

  text-align: center;

  padding-bottom: 20px;

}





a.bioacustica_tit:hover .imgDescription_bioacustica {

  visibility: visible;

  opacity: 1;

  z-index: 100;

}



 .imgDescription_bioacustica h1{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:16px;

		color:#754c28;

		text-transform: uppercase;}



	.imgDescription_bioacustica h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		text-decoration: overline;

		color:#754c28;}						



#Oque-projeto{display: none; z-index: 99999px; border:1px solid #000000; background: #FFFFFF; color:#754c28;font-family: "Hind", sans-serif;

    font-weight: 600; font-size: 20px; width: 30%; float:right; margin-right: 40px;}



 #Oque-projeto header{border: 1px solid #754c28; background: #754c28; padding: 20px; text-align: center;}



#Oque-projeto header h1{font-family: "Open Sans",sans-serif;

    	font-weight: 600;

		font-size:21px;

		color:#f8b133;



		text-transform: uppercase;}

#Oque-projeto header h2{font-family: "Open Sans",sans-serif;

    	font-weight: 400;

		font-size:13px;

		color:#f8b133;

		text-transform: uppercase;}

    a.ed_ambiental_tit img, a.obbio_tit img, a.ebooks_tit img, a.mycena_tit img{margin:-12px -15px;}



		p.wrapper{padding: 25px 20px;}

@media all and (max-width: 1081px) {
         .bg_home {background-image:url("images/fundo_mobile.jpg");
         background-position: center center;

  

  /* Background image doesn't tile */

  background-repeat: no-repeat;

  

  /* Background image is fixed in the viewport so that it doesn't move when 

     the content's height is greater than the image's height */

  background-attachment: fixed;

  

  /* This is what makes the background image rescale based

     on the container's size */

  background-size: cover;
  height:1920px;
  max-height:100%;
  max-width:100%;

                
        }
}

@media all and (min-width: 1081px) {

        .bg_home {background-image:url("images/fundo.jpg");

   /* Background image is centered vertically and horizontally at all times */

  background-position: center center;

  

  /* Background image doesn't tile */

  background-repeat: no-repeat;

  

  /* Background image is fixed in the viewport so that it doesn't move when 

     the content's height is greater than the image's height */

  background-attachment: fixed;

  

  /* This is what makes the background image rescale based

     on the container's size */

  background-size: cover;

  

  /* Set a background color that will be displayed

     while the background image is loading */

  background-color: #346901;}
}