body{
  font-family: 'Abel', sans-serif;
  background: #000;
  margin: 0px;
  cursor: url('images/circle.png'), auto;	
  
}
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;
	font-weight: 900;}

p.gray {
	
color:grey;
}

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;
}	

#fixed3 {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 300px;
  margin-bottom: 50px; 
  margin-left: 220px; 
  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:7350px;
	top:7330px;
	width: 600px;
	text-align: justify;

	}

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

	}
#titulo7{
	position: absolute;
	padding-top: 100px;
	padding-left: 50px;
	left:8800px;
	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;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: left;
  font-size: 11pt;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

#P1{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P2{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P3{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P4{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P5{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P6{
  text-align: center;
	border: solid;
	 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P7{
  text-align: center;
	border: solid;
	border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P8{
  text-align: center;
	border: solid;
 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P9{
  text-align: center;
	border: solid;
 border-width: 1px;
	border-color: white;
	padding: 20px;
}

#P10{
  text-align: center;
	border: solid;
 border-width: 1px;
	border-color: white;
	padding: 20px;
}

textarea {
	background-color: transparent;
	color: white;
}

input {
    
    background-color: transparent;
    box-sizing: border-box;
	color: white;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: white;
 
}