/* BODY */
/* ============================================================= */

body {
  font-family: "Verdana", sans-serif;
  font-size: 0.8em;
  line-height: 1.33em;
  margin: 5px;
  padding: 0px;
}

div#content {
  position: absolute;
  left: 100px;
  width: 650px;
}

div#toc {
  margin-right: 10px;
  padding: 10px;
  width: 250px;
  background-color: #EEE;
  border: 1px solid #888;
  float: left;
}

/* -- HEADERS -- */

h1, h2, h3, h4 {
  font-family: "Tahoma", sans-serif;
  font-weight: normal;
  line-height: 1.33em;
  margin-top: 0.0em;
  margin-bottom: 0.5em;
  color: #C00;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

/* -- LISTS -- */

ul, ol {
  margin-left: 1em;
  padding-left: 0px;
  list-style-position: outside;
  list-style-type: square;
  list-style-image: url('ruta.png');
}

dt {
  font-weight: bold;
}

/* -- TABLES -- */

th {
  text-align: left;
  background-color: #C00;
  color: white;
}

td {
  vertical-align: top;
}

/* -- LINKS -- */

a.td		{ color: #FFF; }

/* -- IMAGES -- */

img {
  border: none;
}

/* -- PARAGRAPHS -- */

p.navbar {
  background-color: #EEE;
  border: 1px solid gray;
  padding: 0.8em; }

/* -- RULES -- */

hr {
  color: gray;
  height: 1px;
}

/* -- MISCALLENOUS CLASSES -- */

pre.code {
  background-color: #EEE;
  padding: 0.6em;
}

div.form {
  background-color: #EEE;
  border: 1px solid gray;
  padding: 0.8em;
}

.floatleft	{
  float: left;
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}

.floatright {
  float: right;
  margin-left: 0.8em;
  margin-bottom: 0.8em;
}

.note {
  background-color: #FCD0D0;
  padding: 0.6em;
  border: 1px solid #F99797;
}

td.pink {
  background-color: #FCD0D0;
}

td.grey {
  vertical-align: middle;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #555;
  color: #FFF
}

td.mini {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #C00;
  color: #FFF
}

td.links {
  vertical-align: middle;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #C00;
  color: #FFF
}

/* -- W3C SPECIFICATION LEVELS -- */

p.rec {
  background-color: #D0FFCF;
  border: 1px solid black;
  padding: 0.5em;
}

p.pr {
  background-color: #CDEFFF;
  border: 1px solid black;
  padding: 0.5em;
}

p.cr {
  background-color: #FCFFCF;
  border: 1px solid black;
  padding: 0.5em;
}

p.wd {
  background-color: #FFD7D7;
  border: 1px solid black;
  padding: 0.5em;
}

p.no {
  background-color: #E6E6E6;
  border: 1px solid black;
  padding: 0.5em;
}

div.note {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #FCD0D0;
  padding: 0.6em;
  border: 1px solid #F99797;
}

p.note-header {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.note-text {
  margin-bottom: 0px;
}