/* XHTML y CSS con AMAYA
   Bartolomé Sintes Marco
   http://www.mclibre.org
   
   CSS curso: XHTML y CSS con AMAYA
   21 de diciembre de 2011
*/

html { font-family: sans-serif; background-color: #F4F4FF; 
  text-align: justify; margin: 0px 10px; }

h1 { font-size: 200%; text-align: center; margin-left:40px; font-weight: bold;}
h2 { font-size: 120%; margin-left: -10px; font-weight: bold;}
h3 { font-size: 110%; margin-left: -10px; font-weight: bold;}
h4 { font-size: 105%; margin-left: -10px; font-weight: bold;}

p { margin:5px 0px; }
p.aviso { margin:10px; padding: 10px; 
  border-left: 2px red solid; color:red; }
.centrado { text-align: center; }
.limpia { clear: both; }
address#ultmod { border-top: black solid 1px; margin-top: 5px; padding-top: 5px; 
  clear: both; margin-left: -5px; }
p.licencia { text-align: center; }

pre.fuente { background-color: #E0E0E0; color: black; padding: 3px 5px;
  border: #7D7D7D 2px solid; margin: 0px 10px; }
.fuente-num { color: blue; }

kbd { font-weight: bold; }
table kbd  { font-weight: normal; }

hr { clear: both; }
hr.corta { width: 50%; text-align: center; clear: both; }

a img { border: none; }

table.indice td { vertical-align: top; }
th { text-align: center; }
col.centrado { padding: 0px 10px; text-align: center;  }
ol, ul { margin-top: 5px; }
li { clear: both; }
img#vpp { position: absolute; top: 5px; left: 5px; border:none; }
img.d { float: right; margin-left: 10px; margin-bottom: 5px; border: none; }
img.i { float: left; margin-right: 10px; margin-bottom: 5px; border: none; }
object.ejercicio { width: 90%; height: 400px; border: 2px solid black ;}
p.enlace-ejercicio { margin-right: 5%; text-align: right; font-size: 80%;}

.regla { border: blue 2px solid; padding: 8px 3px;}
.selector { border: red 2px solid; padding: 5px 3px; }
.declara { border: green 2px solid; padding: 5px 3px; }
.propied { border: black 2px solid; padding: 2px; }
.valor { border: yellow 2px solid; padding: 2px; }
.barresta { background-color: #D4D0C8; font-family: serif;} /* barra de estado */
.amaya-menu { background-color: #D4D0C8; font-family: serif;}
.amaya-bug { border-left: red 4px double; border-right: red 4px double; 
  margin: 0px 10px; padding: 0px 10px;}
.amaya-atajo-teclado { font-family: monospace; font-weight: bold; font-size: 120%; }
.ff-atajo-teclado { font-family: monospace; font-weight: bold; font-size: 120%; }
.ff-menu { background-color: #D4D0C8; font-family: serif;}
.ie-menu { background-color: #D4D0C8; font-family: serif;}
.gc-menu { background-color: #D4D0C8; font-family: serif;}

.incompleto { color: red; background-color: #FFEEFF; }

div.codcss, div.codhtml { border: 2px solid #7F7F80; background-color: #DEDEDE; 
  margin: 5px 20px; padding: 10px 10px; }

.css-sele { font-style: oblique; background-color: NavajoWhite; }
.css-prop { font-style: oblique; background-color: lightyellow; }
.css-valor { font-style: oblique; background-color: Aquamarine; }
.css-unidad { font-style: oblique; background-color: PaleGreen; }
.css-pseudo { font-style: oblique; background-color: PowderBlue; }
.css-prop:hover { color: black; background-color: LightGrey; }
.css-valor:hover { color: black; background-color: LightGrey; }
.css-unidad:hover { color: black; background-color: LightGrey; }
.css-pseudo:hover { color: black; background-color: LightGrey; }

.html-eti { font-style: oblique; background-color: NavajoWhite; }
.html-eti:hover { color: NavajoWhite; background-color: silver; }
.html-atri { font-style: oblique; background-color: MintCream; }
.html-atri:hover { color: MintCream; background-color: silver; }
.html-atri-valor { font-style: oblique; background-color: #eeeeee; }
.html-atri-valor:hover { color: NavajoWhite; background-color: silver; }

table.ejemplo { width: 100%; border-spacing: 20px 5px; text-align: left; border-spacing: 5px;}
/* table.ejemplo td {  vertical-align: top; } */
td.ffie {    width: 20px; }
td.codcss {  width:  50%; background-color: #E0E0E0;     border: #7D7D7D 2px solid; padding: 0px 5px;
  vertical-align: top;}
td.codhtml { width:  50%; background-color: #E0E0E0;     border: #7D7D7D 2px solid; padding: 0px 5px;
  vertical-align: top;}
td.resul {   width:  50%; background-color: lightyellow; border: #7D7D7D 2px solid;}
td.solores { width: 100%; background-color: lightyellow; border: #7D7D7D 2px solid;}

table.listado { border: none; text-align: left; }
/*table.listado td { border: none; border-bottom: black 1px solid; text-align: left;}*/
table.listado tr.titulo td { border: none; border-top: #F4F4FF 20px solid; background-color: #FFC4C4;
 font-weight: bolder; }
table.listado tr.cabecera td { border: none; border-bottom: black 2px solid;}
/*table.listado col.propiedad { width: 9em; }
table.listado col.descripcion { width: 15em; }*/
table.centrado { margin-left: auto; margin-right: auto; }

math { font-family: sans-serif; font-size: 105%;  }

div.diario { margin: 20px 50px 3px; padding-left: 20px; }
div.diario p.fecha { font-weight: bolder; margin-top: 0px; margin-left: -20px; padding: 5px }
div.gr1 { border: #C9C9FF 3px solid; background-color: #E7E7FF; }
div.gr1 p.fecha { background-color: #C9C9FF; color: #FFFFFF; }
div.gr2 { border: #B0E293 3px solid; background-color: #CEFFCE; }
div.gr2 p.fecha { background-color: #B0E293; color: #FFFFFF; }

div.bug-amaya-pendi { border-left: red    3px solid; margin: 10px; padding-left: 20px; }
div.bug-amaya-cvs   { border-left: yellow 3px solid; margin: 10px; padding-left: 20px; }
div.bug-amaya-corre { border-left: green  3px solid; margin: 10px; padding-left: 20px; }
div.bug-amaya-nobug { border-left: black  3px solid; margin: 10px; padding-left: 20px; }

div.obsoleto { border-left: red 5px solid; padding-left: 20px; }

div.salto { page-break-before: always; }
div.salto div { page-break-before: avoid; }