
/* ECODI.html ****/
	.container-principal {
			position: absolute;
			top: 0;
			right: 5%;
			width: 80vw;
			height: 100vh;			
}

	html {
		overflow-x: hidden;
}

	.menu-central {
			position: absolute;
			top: 66%;
			right: 22%;
			width: 45%;
			height: 20%;		
}

	.menu-central img{
		margin: 0 5px;
}
	.container-central {
		position: absolute;
		left: 35%;
		top: 67%;
		height: 8rem;
		width: 50%;
}

	.container-central li {
		padding: 0 10px;
}


/* FOOTER ****/

	.footer-index{
		position: fixed;
		bottom: 0;
		left: 8%;
		width: 100vw;
		height: 10vh;
}

	@media (min-width: 1500px) and (max-width: 1700px){
		.menu-central{
			top: 68%;
			width: 42%;
			right: 24%;
		}

		.menu-central img{
			margin: 0 20px;
		}

		.footer-index{
			height: 8vh;
		}

}

/****************************************************************/






/* MODULO-2.html *** MODULO-1.html *** MODULO-3.html ****************************************/


	.container-principal-mod-2, .container-principal-mod-1	{
		position: absolute;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1;
		margin-left: 17.5%;
}

	.container-principal-mod-3 {
		position: absolute;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1;
		margin-left: 17.5%;
}

	.container-principal-guia {
		position: absolute;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: 1;
		margin-left: 17.5%;
}


	.conteudo-principal	{
		margin-top: 15%;
		text-align: justify;
}

	.conteudo-principal-guia	{
		margin-top: 19%;
		text-align: justify;
}

	.container-mod-3{
		position: absolute;
		height: 100%;

	}

	.menu-direito{
		background-color:  #4dd2ff;
		height: 200vh;
}

	.menu-direito-mod-3{
		height: 500vh;
		background-color: #4dd2ff;
}

	.menu-direito-mod-2{
		height: 240vh;
		background-color: #4dd2ff;
}

	.menu-direito-guia{
		background-color:  #4dd2ff;
		height: 170vh;
}

	.menu-direito-mod-4{
		background-color:  #4dd2ff;
		height: 250vh; 
	}

	.menu-direito-equipe{
		background-color: #4dd2ff;
		height: 330vh; 
	}

	.nav-mod-2, .nav-mod-1{
		width: 50%;
}

	.middle-icon{
		width:50%;
}


	#mod-2 {
		background-image: url('../imagens/placa-modulo-2.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 28%;	
}

	#mod-1{
		background-image: url('../imagens/placa-mod-1.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 28%;
}

	#mod-3{
		background-image: url('../imagens/placa-mod-3.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 28%;
}

	#mod-4{
		background-image: url('../imagens/placa-mod-4.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 28%;
}

	#guia{
		background-image: url('../imagens/placa-guia.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 28%;
}

	#equipe{
		background-image: url('../imagens/placa-equipe.png');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 28%;
	}



	/* ajustando largura */
	.img-2 {
		width: 20vw;
}
	/* ajustando largura botão download*/
	.img-dowload{
		width: 15vw;
	}


	/* menu drop media-device*/
	.drop{
		width: 15vw;
	}

	/* Botao de voltar ao topo ****/
	.btn-voltar{
    	position: fixed;
    	bottom: 4%;
    	right: 8%;
    	z-index: 9;
    	display: none;

}

  	.btn-voltar-link{
    	display: block;
    	width: 100%;
    	height: 100%;
}

	.equipe-espaco{
		margin-left: 25%;
}




@media (max-width: 768px) {
	.menu-direito, .menu-direito-mod-2, .menu-direito-mod-3, .menu-direito-guia, .menu-direito-mod-4, .menu-direito-equipe{
		display: none;
	}

	.nav-mod-2, .nav-mod-1{
		z-index: 2;
	}

	.equipe-espaco{
		margin-left: 0;
	}
}


@media (min-width: 767px) and (max-width: 992px){
	.conteudo-principal{
		margin-top: 23%;
	}

	.img-equipe{
		width: 100px;
	}

	.img-eq{
		width: 300px;
	}
}
