body{
  font-family: 'Abel', sans-serif;
  background: #000;
  margin: 0px;
  
}
p{
	line-height: 1;
	color:#fff;
	margin-block-start: 0em;
	    margin-block-end: 0em;
}

h1{
	line-height: 0.2;
	color:#fff;
	font-weight: 100;
	font-size: 40px;
}

h2{
	
	line-height: 0.2;
	color:#fff;
	font-weight: normal !important;
	font-size: 3em;
}

h3{
	color:#fff;
	margin-block-start: 0em;
	font-size: 21.5px;
	
}

h4{
	color:#fff;
	margin-block-start: 0em;
	font-size: 30px;
	
}


br {
 display: block; /* makes it have a width */
 content: ""; /* clears default height */
 margin-top: 20px; /* change this to whatever height you want it */
}

a{
	color:#fff;
	text-decoration: none;
}

table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 0px;
	border-color: transparent;
}

audio {
	outline:none;
    height: 25px;
}


.hidden { 
	display: none; 
	}
.unhidden { 
	display: block; 
	}
		
			
#container {	
  z-index: 1;
  overflow: auto;
  width: 9600px !important;
  height: 7680px !important;
  background-image:  url("images/aridezback04.jpg");
  background-repeat: no-repeat;
  background-size: 9600px 7680px;
}
			

.handle {
  position: absolute;
  z-index: 8;
  stroke-width: 1;
  stroke: #fff;
  cursor: move;
  fill: transparent; 
  height: 68px;
  width: 68px;
  border-radius: 50%;
  border: 0.3px solid white;
  padding:auto;
  text-align: center;
  vertical-align: middle;
  top: -36px;
  left:-36px;
		}

.handle:hover {
	background-color:rgba(255,255,255,0.33);
			}

.marker {
	
  z-index: 9;
  fill: #fff;
  stroke: none;
  pointer-events: none;
}		
		
.svg {
  position: absolute;
  width: 9600px;
  height: 7680px;
}
	

.path {
  padding: auto;
  fill: none;
  stroke: white;
  stroke-width: 0.5;
	
}

#fixed {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 220px;
  margin-bottom: 30px; 
  border: none;
}	
	
#fixed2 {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 300px;
  margin-bottom: 30px; 
  margin-left: 60px; 
  border: none;
}	

#A{

	background: #000;
	border:solid;
	border-color: #fff;
	border-width: thin;
	
}
	

#center{
	position: absolute;
	width: 1px;
	height: 1px;
	top:3840px;
	left:4800px;

	
}
#corvo{
	position: absolute;
	width: 245px;
	height: 352px;
    top:3729px;
	left:4763px;
	
	/**/
}

#footer{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:4390px;
	top:7380px;	
	width: 1000px;
	max-height: 100px;
	text-align: left;
	}

#mapatitulo{
	margin-top: -30px;
	width: 400px;	
	}

#titulo{
	
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:4430px;
	top:7330px;
	width: 700px;	
	max-height: 100px;
	}

#titulo2{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:5140px;
	top:7330px;
	width: 700px;	
	text-align: justify;

	}
#titulo3{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:6070px;
	top:7330px;
	width: 700px;	

	}
#titulo4{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:7020px;
	top:7330px;
	width: 600px;
	text-align: justify;

	}

#titulo5{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:8300px;
	top:7330px;
	width: 600px;
	text-align: justify;

	}

#coordenadas1{
	position: absolute;
	left:8528px;
	top:3743px;
	width: 400px;
	z-index: 10;
}
#coordenadas2{
	position: absolute;
	left:8211px;
	top:6642px;
	width: 400px;
	z-index: 10;
}

button{
  z-index: 10;
  border-radius: 50%;
  margin-top: 21px;
  margin-left: 0px;
  height: 25px;
  width: 25px;
  color: #fff;
  background-color: #fff;
  outline:none;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  -webkit-color:#fff;
}



button:hover {
	background-color:#454545;
}


.zoom{
	
    background-color: transparent;
	border-radius: 50% !important;
	height: 80px;
    width: 80px;
	outline:none;
}