html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body pre {
  font-size:small; /* be nice to Opera */
}

html {
  margin:0; padding:0;
}

body {
  color:#000;
  background:#BCD5A2;
  margin:0;
  padding:10px;
  font-family:verdana,arial,Helvetica,sans-serif;
  font-size:small;
}

a:link {
  color:#596380; background:transparent;
  text-decoration:underline;
/*  padding:1px; */
}
a:visited {
  color:#596380; background:transparent;
  text-decoration:underline;
/*  padding:1px; */
}
a:active {
  color:#596380; background:transparent;
  text-decoration:underline;
/*  padding:1px; */
}
a:hover {
  color:#596380;
  background:transparent;
  /*background:#CCA78F;*/
  text-decoration:none;
/*  padding:1px; */
/*  border:1px solid #596380; */
}

.texto{
 margin:20 20 20 20;
 border:0px solid #666;
 font-family:verdana,arial,Helvetica,sans-serif;
 font-size:x-small;
}

.vinculos{
 margin:20 20 20 20;
 border:0px solid #666;
 font-size:x-small;
}

.pie {
 font-family:arial;
 font-size:x-small; 
 height:50px;
 margin:0 0 0 10; 
}

.creditos {
 font-family:arial;
 font-size:10px;
 color:#D42E12;
 height:50px;
 margin:20 10 0 0; 
}

/* Layout */

.menu {
 margin:5 0 0 10;
}

.column {
  top:10px; /* 90px; */ /* just estimate it ;-) */
  position:absolute; overflow:hidden;
  background:transparent;
  margin:0; padding:0;
}

#leftColumn {
  top:10px;
  left:10px;
  width:450px;
  height:330px;
}

#rightColumn {
  left:500px;
  width:200px;
  height:328px;
}
.leftContent, .firstLeftContent {
  background:transparent; /* CFD4E6; */
  overflow:hidden;
  margin:0 0 10px 0;
/*  padding:10px 20px 20px 20px;*/
/*  border-top:4px solid #CFD4E6; */ /* 6078BF; */
}
.rightContent {
  background:#e7fad2; /* 727EA3; */
  overflow:hidden;
  margin:0 0 10px 0;
  padding:10px 20px 20px 20px;
}

.rightContent .collapsible p {
  font-size:smaller;
}