/*colores principales
 enlaces: #E0EBA7
 marrón claro: #AF884F
 texto: #3F1200
 gris: #C8B597
 body: #3F1200
 bordes #85490B*/

 
 img, a img {border:0}
 .float-right{float-right}
 .float-left {float:left}
 .clear {clear:both}
 
 body {color:#3F1200; font-size:90%; font-family:Geneva, Helvetica, sans-serif}
 #wrap {width:809px; background-color:#C8B597; padding:4px; margin:0 auto}
 #header
 #foto {padding:0 4px}
 #navi {list-style:none}
  #navi ul {margin:0; padding:2px 0; background-color:#85490B}
  #navi li {display:inline; margin-left:6px; display:inline-block; background-color:#AF884F}
  #navi li a {text-decoration:none; padding:4px; color:#3F1200; display:block}
  #navi li a:hover {background-color:white; padding:4px}
  #navi li a.active {background-color:#D1BA98}
  #navi li a:hover.active {background-color:white}
 #main {position:relative; width:800px}
 #sub-navi {width:160px; float:left}
  #sub-navi ul {list-style:none; margin:0; padding:2px 0}
  #sub-navi li {margin-right:10px; display:block; background-color:#85490B; padding:2px 2px; margin-top:2px}
  #sub-navi li a {text-decoration:none; display:block; color:#3F1200; padding:2px 2px; background-color:#AF884F}
  #sub-navi li a:hover {background-color:white}
  #sub-navi li a.active {background-color:#D1BA98}
  #sub-navi li a:hover.active {background-color:white}
 #info {width:160px; float:right}
  #info a {text-decoration:none; color:#E0EBA7}
  #info a:hover {text-decoration:underline}
 #content {width:464px; position:relative; margin-left:160px; margin-right:16px}
  #content a {text-decoration:none; color:#E0EBA7}
  #content a:hover {text-decoration:underline}
 #footer {margin:40px 10px 4px; font-size:0.9em; clear:both}
  #footer a {text-decoration:none; color:#E0EBA7}
  #footer a:hover {text-decoration:underline}