body {
  font: normal 75% Verdana, Arial, sans-serif;
  width: 100%; text-align: center;
  margin: 0px; padding: 0px;
  background: white url(fondo.gif) repeat-x;
  color: #333;
}
#pagina {
  width: 740px;
  margin: 0px auto;
  text-align: left;
}
img { border: 0; }
a { color: #0281B4/*#6B4*/; }
a:hover { color: #666; }
font, span { font-size: 100%; }

/* Cabecera */
#cabecera {
  height: 81px;
  background: url(fondo_menu.gif) no-repeat bottom;
}
.banner img { vertical-align: top; }
#cabecera form {
  float: right;
  margin-top: 16px;
  font: normal 100% tahoma, arial, sans-serif;
}
#cabecera form #submit {
  font-size: 100%;
  padding: 1px;
  font-family: tahoma, arial, sans-serif;
}

#cabecera form #q {
  width: 10em;
  font-size: 100%;
  font-weight: normal;
  border: 1px solid #9097A2;
  padding: 2px;
  font-family: tahoma, arial, sans-serif;
}
#menusup ul, #menusup li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#menusup {
  position:absolute;
  top: 61px;
  padding-left: 4px;
  margin-left: 95px;
  height: 2em;
}
#menusup li a, #menusup li span {
  display: block;
  float: left;
  padding: 3px 4px 2px 7px;
  background: url(tabs.gif) 0 -50px;
  color: #68683F;
  text-decoration: none;
}
#menusup li span { background-position: 0px 0px;}
#menusup li a:hover {
  background-position: 0 -100px;
}

#menusup li:hover, #menusup li.hover {
  background-position: 100% -100px;
}
#menusup li {
  float: left;
  background: url(tabs.gif) 100% -50px;
  padding-right: 5px;
  margin-right: 2px;
  border-bottom: 1px solid #C4C295;
  margin-bottom: -10px;
}
#menusup li.actual { background-position: 100% 0px;}

/* Contenido */
#contenido {
}
.principal {
  float:left;
  width: 500px;
  padding: 0 5px;
  margin-right: 17px;
}
* html .principal { width: 499px; }
h2 {
  margin: 1em 0 0.2em 0;
  border-bottom: 1px solid #ccc;
  font: normal 150% arial, verdana, sans-serif;
}
h3 {
  margin: 1em 0 0.2em 0;
  font: bold 120% arial, verdana, sans-serif;
}
h2 a, h3 a {
  text-decoration: none;
  color: #000;
}
p { margin-top: 0; }
.migas { margin-top: 1em; }
.contenido { font-size: 100%; }
.sinderecha { width: 730px; }
* html .sinderecha { width: 730px; }
.articulo { width: 47%; float: left; }
.izquierda { clear: left; padding-right: 10px; }
.acciones { float: right; margin-top: -26px; }

.derecha {
  margin-top: 1em;
  float: left;
  background: url(derecha.gif);
  width: 193px;
  padding: 10px 10px 0 10px;
  overflow: hidden;
}

.derecha h3 {
  display: inline;
  margin: 0 0 0.2em 0;
  font: normal 150% arial, verdana, sans-serif;
}
.derecha ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.derecha ul li {
}
.derecha ul ul {
  margin: 1.2em 0;
  border-top: 1px solid #ccc;
}
.derecha ul ul li {
  padding: 0 0 0 10px;
  border-bottom: 1px solid #ccc;
}
.derecha ul ul li a {
  display: block;
  margin: 0 0 0 -10px;
  padding: 2px 5px 2px 5px;
}
.derecha ul ul li a:hover {
  background-color: #FFF;
}
.derecha ul table { margin-bottom: 1em; }
.derecha .fin {
  background: url(derecha.gif) 0 -790px;
  height: 10px;
  margin: 0 -10px;
  font-size: 1pt;
}
/* Pie */
#pie {
  clear: both;
  border-top: 1px solid #ccc;
  margin: 1em 5px;
  padding: 5px 0;
}
#pie ul, #pie li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
#pie ul {
  float: right;
  width: 200px;
}
#pie li a, #pie li span {
  display: block;
  float: right;
  padding: 0px 5px 2px 18px;
  margin-left: 1em;
}
#pie a.contacto { background: url(contacto.gif) no-repeat; }
#pie a.bio { background: url(bio.gif) no-repeat; }
#pie .copyright { float: left; }