html { }
body {
        margin: 3em 10em 10em 5em  ;
        font-family: tahoma, arial, verdana, sans-serif; 
        font-size: 80%; 
        color: #000000;
        background-color: #666666; /*was #999999*/
        background-image: url(images/gray-gradient.jpg);
        background-repeat: repeat-x;
}

div.main-column {
        padding: 2em;
        border: thin #666666 solid; /* was silver dashed */ 
        color: #000000;
        background-color: #FFFFFF;
}

div.columna {
        margin: 1.5em 0 1em 0;
        padding: 2em;
        color: #000000;  
        background-color: #FFFFFF;  
}

.borde-violeta {
        border: thin #9999ff solid; 
}        
.borde-azul {
        border: thin #3399ff solid; 
}        

.para-flotador { clear: both }

.borde-abajo-azul {
        border-bottom: thin #3399ff solid; 
}        
.borde-abajo-blanco {
        border-bottom: thin #000000 solid; 
}        



.center {
        text-align: center;
}

p {
    text-indent: 2em;
    text-align: justify;
}

p.bold {
        font-weight:    bold;
        font-size:      90%;
}

.center-height {
        padding: 5em 2em 5em 18em;
        text-align: left;
} 

h2 {
    text-align: center;
}
h3 {
    text-align: center;
}

/* indice called in index.html for links */
a.indice:link {
        text-decoration: none;
        color: #000000; /* negro, antes #0000cc; */
}
a.indice:visited {
        text-decoration: none;
        color: #000000; /* negro, antes #0000cc; */
}
a.indice:hover {
        text-decoration: underline; 
        color:#0000CC; /* dark blue */
}/* --- */

ul.circle {
    list-style-type: circle;
}
ul.circle li {
    padding: 0.5em;  
}
ul.circle a {
        text-decoration: none;
}

ul.decimal {
    list-style-type: decimal;
}
ul.decimal li {
    padding: 0.15em;  
}

/* topnav and menu */
.menu { 
    text-align:center; 
    margin-bottom: 8px; 
}
div#topnav {
    display:inline;
    /* decommissioned. using inline instead.  float: left; */
    font-family: serif;
    font-size: 100%;
    white-space: nowrap;
}
div#topnav a {
    padding: 5px 1em 5px 1em;
    white-space: nowrap;
    color: #ffffff;              
    background-color: #6666CC; /* gris: #999999; */
    text-decoration: none;
    border: thin solid #7777ee; /* Azul navy */
/* width and block are no longer needed together. */
/* blue dark        background:     #0000FF; */
}
div#topnav a:hover {
        color:          #000000;
        background:     #9999FF; /*#cccccc; #999999;  #9933CC;  */
        text-decoration: underline;
}/* --- */

div.bloque {
        padding:        1em;
        border:         thin solid;
}
div.violeta {
        background:     #9999FF;
        color:          #000000;
        border-color:   #ffffff;
}
div.gris {
        background:     #CCCCCC;
        color:          #000000;
        border-color:   #666666;
}
div.azul {
        background:     #3399ff;/* #0099FF; */
        color:          #000000;
        border-color:   #3399ff/* #ffffff; */
}
div.amarillo {
        background:     #ffff99;
        color:          #000000;
        border-color:   #ffcc00;
}
.margen-1 {
        margin: 1em;
}
.margen-2 {
        margin: 1em 2em 1em 2em;
}
.margen-3 {
        margin: 1em 3em 1em 3em;
}
.margen-4 {
        margin: 1em 4em 1em 4em;
}


div.summary h2 {
        padding: 0.5em;
}
div.summary h3 {
        padding: 0.5em;
}

div.lesson {
  border: thin silver solid;
  text-align: center;
}

div.floating-words-right {
        float: right;
        width: 40%;
        margin: 0.5em;
        padding: 0.5em;
        min-width: 304px;
        font-size: 120%; 
        font-weight: bold;
        text-align: center;
}

div.foto {
  border: thin silver solid;
  margin: 1em;
  padding: 0.5em;
}
div.right {
  float: right;
}

div.left {
  float: left;
}

div.foto p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.cd {
  float: left;
  width: 10%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  min-width: 185px;
}

div.cd p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.magazine-reference {
   text-align: center;
   font-weight: bold;
   font-style: italic;
}

.clearboth {
        clear: both;
}

.copyright { 
    color: #ffffff;
    background: #666666;
    padding: 0.5em;
    text-align: center;
    font-style: italic;
    font-size: 100%;
}