/* style.css - a simple style sheet */

body {
  margin-left: 12%; margin-right: 1%;
  color: black; background:  rgb(0,0,0);

  h1 { margin-left: -8%;}
  h2,h3,h4,h5,h6 { margin-left: 1%; }

  p { text-indent: 2em; margin-top: 0; margin-bottom: 0; }


  em { font-style: italic; font-weight: bold; }
  strong { text-transform: uppercase;  font-weight: bold; }

  h1 { font-size: 200%; }
  h2 { font-size: 150%; }
  h3 { font-size: 100%; }

  body { font-family: Verdana; serif; }
  h1,h2 { font-family: Garamond, "Times New Roman", serif; }

  pre { font-family: monospace; }
  h1,h2,h3,h4,h5,p,ul { font-family: sans-serif; }

 
}

a:link {
    color: DarkGreen }

a:visited {
    color: Darkred }



div.box { border: solid; border-width: thin; width: 100%; }

div.color {
    background:	rgb(153,153,0);

    padding: 0.5em;
    border: none;
  }

div.color2 {
    background: rgb(204,204,51); 
    padding: 0.5em;
    border: none;
  }

div.color3 {
    background: rgb(255,255,102);
    padding: 0.5em;
    border: none;
  }

div.color4 {
    background:  rgb(255,255,152);
    padding: 0.5em;
    border: none;
}

div.color5 {
    background:  rgb(254,171,46);
    padding: 0.5em;
    border: none;
}

div.preview { padding:.3em; background:	rgb(204,204,51);  border:1px solid red; margin-right:20em; margin-left:20em; font-size:90% }

div.der { float: right; display: inline; padding: 10px;}
div.izq { float: left; display: inline; padding: 10px;}