body{
	background-image: url("../Img/Templates/wallpaper-localizacao.png");
	background-repeat: no-repeat, repeat-x;
	background-attachment:fixed;
	background-size:100% 100%;
}
/**********************************************************************/

/*SMARTPHONE*/
@media screen and (max-width:767px){

	/*CONTROLE DE MARGIN LEFT AND RIGHT AND TOP*/

	.mapa{
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
	}

	.mapa img{
		width:100%;
		height:200px;
		border-radius:10px;
	}

	.mapa a{
		text-decoration:none;
	}
	
	.mapa p{
		color:white;
	}

	/*MAPA INFORMAÇÕES GERAL:ATENDIMENTOS,LOCAL E PROJETOS REALIZADOS*/

	.mapa-informacoes{
		
		background-color:black;
	
		margin-left:10px;
		margin-right:10px;
		
		margin-bottom:10px;
		
		height:100px;
	}
	
	.mapa-informacoes p,h3{
		color:white;
		text-align:center;
		display:inline-block;
	}
	
	.mapa-informacoes img{
		position:absolute;
		width:95%;
		height:100px;
	}
	
	.mapa-informacoes p{
		
		font-size:24px;
		
		padding:5px;
		position:relative;
		top:0px;
		
		width:100%;
		height:100px;
	}
		
}

/*TABLET*/
@media screen and (min-width:767px) and (max-width:1023px){}

/*DESKTOP*/
@media screen and (min-width:1024px){

/*CONTROLE DE MARGIN LEFT AND RIGHT AND TOP*/

	.mapa{
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
	}

	.mapa img{
		width:100%;
		height:200px;
		border-radius:10px;
	}

	.mapa a{
		text-decoration:none;
	}
	
	.mapa p{
		color:white;
	}

	/*MAPA INFORMAÇÕES GERAL:ATENDIMENTOS,LOCAL E PROJETOS REALIZADOS*/

	.mapa-informacoes{
		
		background-color:black;
	
		margin-left:10px;
		margin-right:10px;
		
		margin-bottom:10px;
		
		height:100px;
	}
	
	.mapa-informacoes p,h3{
		color:white;
		text-align:center;
		display:inline-block;
	}
	
	.mapa-informacoes img{
		position:absolute;
		width:95%;
		height:100px;
	}
	
	.mapa-informacoes p{
		
		font-size:24px;
		
		padding:5px;
		position:relative;
		top:0px;
		
		width:100%;
		height:100px;
	}

}

