@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('menu.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

*{
	font-family: Roboto;
}


html { width:100%; height:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; border:0px; background:#D4E6F4; font-size:13px; line-height:15px; }
img { border:none; }
table,tr,td { border-collapse:collapse; vertical-align:top; font-size:13px; line-height:15px; }
a { color:#000; }

#cuerpo { margin:0px; padding:0px; height:600px; width:100%; background:#EEE4B9; }
#estructura { height:auto; width:100%; }
#pie { height:2em; margin:0px; padding:1em; text-align:center; background:#1A446C; color:#D4E6F4; }
#menu { width:200px; padding:1em 2em; color:#D4E6F4; background:#8D0D19; }

#menu a { color:#D4E6F4; text-decoration:none; }
ul.cursos { padding-left:0px; list-style:none; margin-bottom:2em }
ul.capitulos { padding-left:2em; list-style:square;}
.selected { font-weight:bold; }

#pagina { padding-left:2em; vertical-align:top; background:#EEE4B9; width:80% }
#pagina h2 { color:#8D0D19; margin:1em 0; font-size:2em }
#pagina h3 { color:#8D0D19; }
#pagina-contenido{ padding:1em 0; font-size:14px }
#enlace a{ color:violet; font-size:2em; }
input {
  
}
p._p{
  padding: 1em;
}
#errores{
  color: green;
}