*{
 margin:0;
 padding:0;
}

body{
  font-family:helvetica,"Courier New";
  font-size:16px;
}

#pagina{
 background:#aa;
 width:960px;
 margin-left:auto;
 margin-right:auto;
}

#cabezote{
 background: url('../img/cabazote.gif');
 color:#fff;
 height:167px; 
}

#titulo{
  height:120px;
  color:#fff;
}

#nav{
  background:#fff;
  height:45px;
  width:960px;
  border: 2px;
  border-style:none none solid none;
  border-color:#1b39cc;
}

#nav ul{
  margin-left:320px;
}

#nav ul li{
  width:75px;
  float:left;
  list-style-type:none;
  margin-right:5px;
  background:#0f0;
}

#nav a{
  display: block;
  height:45px;
  text-decoration:none;
}

#nav a.inicio{
  background:  url('../img/home.gif') 0px 45px;; 
}

#nav a.biografia{
  background:  url('../img/biografia.gif') 0px 45px;; 
}

#nav a.proyectos{
  background:  url('../img/proyectos.gif') 0px 45px;; 
}

#nav a.sitios{
  background:  url('../img/sitios.gif') 0px 45px;; 
}

#nav a:hover{
  background-position: 0px 0px;
}

#nav span{
  display:none;
}


#info{
  widht:960px;
}

#contenido{
  background:#f0f url('../img/linea.gif');
  width:640px;
  float:left;
  padding-top:30px;
  padding-bottom:30px;
}

p.normal{
  margin-left:95px;
  margin-right:80px;
  margin-top:10px;
}

p.principal{
  margin-left:80px;
  margin-right:80px;
  margin-top:10px;
}

a.aNormal{
  margin-left:95px;
  margin-right:80px;
  margin-top:16px;
  margin-bottom:16px;
}

#navDer{
  background:#91;
  width:320px;
  float:left;
  margin-top:30px;
}

#navDer ul{
  margin-left:80px;
}

#navDer ul li{
  list-style-type:none;

}

h2{
  font-family:helvetica,"Courier New";
  font-size:21px;
  margin-left:35px;
  margin-bottom:10px;
  color:#ff4508;
}

h3{
  padding-left:15px;
  margin-top:8px;
  font-family:helvetica,"Courier New";
  font-size:18px;
  margin-left:35px;
  color:#1b39cc;

}

#pie{
  widht:960px;
  clear:both;
  height:50px;
  background:#a3;
  border: 2px;
  border-style:solid none none none;
  border-color:#1b39cc;
}