body {font-family:Georgia; font-size:10px; color:#000; text-align:left; background-color:#eee; margin:0; padding:0;}*{margin:0px; padding:0px;}
h1 {font-size:3em; color:#585858; margin:25px 0 5px 0;}
h1 a{color:#585858;}
h2 {font-size:2em; color:#585858; margin:0px 0 0px 0;}
h3 {font-size:1.2em; color:#585858; margin:5px 0 0px 0; font-weight:normal;}
h4 {font-size:1.4em; color:#585858; margin:0px; font-weight:normal;}
a {text-decoration:none;}
ul {margin:20px 0 10px 0px; list-style:none; font-size:1.3em; color:#585858; padding-left:30px;}
li {margin-bottom:7px;}

#banda {width:100%; height:60px; color:#eee; background-color:#cacaca;}
#pestanas { width:380px; height:60px; position:absolute; top:3px; left:540px; list-style:none;}
#pestanas li { display:inline; position:absolute; top:0px; height:50px;}
#pestanas a {position:absolute; padding:10px 30px 10px 30px; background-color:#dcdcdc; border:2px solid #fff; border-bottom:0px;}
#pestanas a:link, 
#pestanas a:visited {color:#585858; background-color:#dcdcdc;}
#pestanas a:hover {color: #8f4848; background-color:#eee;}
#pestanas li a.actual { padding:10px 30px 10px 30px; background-color:#eee; border:2px solid #fff; border-bottom:0px; color:#585858;}
#titulo {margin:0 0 0 50px; width:900px; height:auto; background:#eee; border-bottom:3px solid #dcdcdc;}
#subtitulo {width:900px; height:19px; margin:-1px 0 0 50px; color:#484848; position:relative; border:none;}

/* @annotation: empieza el contenedor con los elementos flotando dentro */
#contenedor { width:900px; margin:30px 0 0 50px; overflow:hidden; height:1%;}
#contenido { width:600px; float:left; margin:0; background:#eee; line-height:1.7em;}
#contenido a{ color:#8f4848; font-weight:bold;}
p {width:500px; margin:20px 0 20px 30px; font-size:1.3em; color:#303030;}
/* las imágenes */
#ilus { width:300px; background-color:#dcdcdc; margin:40px 0 0 0; position:relative;}
#ilus img { width:250px; height:155px; border:none; margin:20px 25px 15px 25px; padding:0;}
#ilus p.fig { width:238px; border-top:1px solid #eee; padding:6px; margin:-20px 0px 0px 25px;}
#ilus p.fig a{color:#8f4848;}
#ilus p { width:260px; margin:0 20px 20px 20px; color:#585858; font-size:1.2em; font-style:italic; line-height:1.5em; text-align:center; padding-bottom:15px;}
#ilus div {width:86px; height:53px; border:3px solid #fff;}
#ilus div.planos {width:auto; height:auto; border:none; position:absolute; top:123px; left:140px; font-size:15px; color:#ffffc0; font-weight:bold;}

#sidebar {width:300px; float:right; padding:0; margin:0; background:#eee;}
#sumario {width:300px; padding:0; margin:0; list-style: none; background:transparent; font-size:10px;}
#sumario li {width:300px; position:relative; background-color:#eee; margin:2px 0 2px 0; font-size:1.3em;}
#sumario li.titulo { height:30px; margin:0 0 2px 0; padding:0; border-bottom:5px solid #dcdcdc;}
#sumario li.titulo span { position:absolute; left:240px; top:2px; color:#848484; font-size:0.9em;}
#sumario li a {border:0; color:#585858; display:block; padding:5px 0px 4px 7px; background-color:#eee; border-bottom:1px solid #dcdcdc;}
#sumario li a.act { background-color:#dcdcdc;}
#sumario li a:hover {border:0; color:#585858; background-color:#dcdcdc; border-bottom:1px solid #dcdcdc;}
#sumario li a span { position:absolute; left:240px; top:4px; font-size:0.9em;}

/* @annotation: termina el contenedor con los elementos flotando dentro */
#pag_inf {width:900px; height:19px; margin:25px 0 0 50px; color:#585858; border-bottom:3px solid #dcdcdc; position:relative; font-style:normal;}
#antsig {width:150px; height:23px; position:absolute; top:0px; left:600px;padding:0; margin:0px; list-style:none; text-align:left; font-size:1.2em; border-bottom:1px solid #dcdcdc;}
#subtitulo ul#antsig { top:-4px;}
#antsig li {display:inline; position:absolute; top:0px; left:0px; background:#eee;}
#antsig li.centro {left:35px; background:#eee; padding:3px 12px 0px 12px; color:#585858;}
#antsig li.izq {left:0px;}
#antsig li.drc {left:115px;}
#antsig li a {padding:3px 12px 5px 12px; color:#585858; position:absolute;}
#antsig li a:hover { background:#8f4848; color:#eee;}

#pie {width:900px; height:50px; margin:10px 0 0 50px; color:#585858; font-size:1.2em; position:relative;}
#pie div {width:250px; height:auto; position:absolute; top:0; text-align:right;}
#pie a {color:#8f4848;}

/* el mapa */
div.mapa_imagen {
  position: relative;
margin-bottom:200px;
}
ul.notas li {
  list-style: none;
  display: none;
  position: absolute;
  border: 3px solid white;
  background: url("esta_imagen_no_existe");
}
div.mapa_imagen:hover ul.notas li {
  display: block;
}
ul.notas li p {
	width:250px;
  margin: 0px 0 0 -3px;
  padding: 15px;
  display: none;
border:0px solid #fff;
  background:#dcdcdc;
  opacity: 1;
  position: absolute;
  top: 100%;
 z-index:100;
font-size:13px;
font-style:italic;
text-align:center;
}
ul.notas li p img {margin-bottom:10px;}
ul.notas li:hover p {
  display: block;
}
 
ul.notas li#nota1 {
  width: 86px; height: 53px; top: 390px; left: 150px;
}
ul.notas li#nota2 {
  width: 86px; height: 53px; top: 450px; left: 220px;
}
ul.notas li#nota3 {
  width: 86px; height: 53px; top: 510px; left: 50px;
}
ul.notas li#nota4 {
  width: 86px; height: 53px; top: 540px; left: 110px;
}
ul.notas li#nota5 {
  width: 86px; height: 53px; top: 605px; left: 110px;
}
ul.notas li#nota6 {
  width: 86px; height: 53px; top: 383px; left: 460px;
}
ul.notas li#nota7 {
  width: 53px; height: 33px; top: 455px; left: 490px;
}
ul.notas li#nota8 {
  width: 53px; height: 33px; top: 555px; left: 480px;
}
ul.notas li#nota9 {
  width: 53px; height: 33px; top: 610px; left: 475px;
}
ul.notas li#nota10 {
  width: 53px; height: 33px; top: 90px; left: 355px; border-color:#FFFFC0;
}
ul.notas li#nota11 {
  width: 86px; height: 53px; top: 155px; left: 85px; border-color:#FFFFC0;
}
ul.notas li#nota12 {
  width: 86px; height: 53px; top: 100px; left: 395px; border-color:#FFFFC0;
}
ul.notas li#nota13 {
  width: 86px; height: 53px; top: 235px; left: 200px; border-color:#FFFFC0;
}