body {
  background-color:rgb(254,229,0);
  font-family: verdana, arial, sans-serif;
}
#punto1 { left: 100px; top:100px; }
.punto {
  z-index:1;
  position:absolute;
}
#menu {
  z-index:2;
  /* float: left; */
  background-color:rgb(254,237,82);
  position: relative;  
  width:8em;
  /*
  position: absolute;
  left: 10px; top:60px;
  width:100px;
  */
  text-align:center;
}
#map {
 z-index:2;
width: 100%;
height: 400px;
position: relative;
background-color:yellow;
  /*
  position: absolute;
  left: 120px; top:60px;
  */
}
#title {
 z-index:2;
position: relative;
display: inline;
/* background-color:rgb(254,229,0); */
/*
color: rgb(150,150,150);
color: rgb(100,100,100);
*/
}
#title2 {
 z-index:2;
position: relative;
/* background-color:rgb(254,229,0); */
/*
color: rgb(150,150,150);
color: rgb(100,100,100);
*/
text-align:right;
width:100%;
display: inline;
}

#title1x {
 z-index:2;
/* position: relative; */
background-color:rgb(254,229,0);
}
#title2x {
 z-index:2;
/* position: relative; */
background-color:rgb(254,229,0);
text-align:right;
}


#instr {
 z-index:2;
position: relative;
background-color:rgb(254,237,82);
margin:1em;
padding:0.4em;
font-size: 8pt;
}

#menu ul {
	padding:0.5em;
	text-align: center;
  margin:0;	
}
#menu li {
	list-style-type:none;
	margin-left:0;
}
#menu a {
  font-size:14pt;
  font-weight: bold;
  text-decoration:none;
  color:black;
}
#menu a:hover {
	color:rgb(254,237,82);;
	background-color:black;
}
#menu li:hover {
	color:yellow;
	background-color:black;
}
#menu li.sel {
  font-size:14pt;
  font-weight: bold;
  text-decoration:none;
  color:black;
  background-color:rgb(240,216,0);
}
.centrado {
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
#enlaces {
 z-index:2;
position: relative;
background-color:rgb(254,237,82);
margin:1em;
padding:0.4em;
font-size: 8pt;
}
#videos {
  z-index:2;
  background-color:rgb(254,237,82);
  position: relative;  
  text-align:center;
}