/*
 * Style sheet for JosuKa
 * v. 0.1 2002/10/14
 * v. 0.2 2004/03/23
 */

body {
    font-family: sans-serif;
    font-size: 90%;  /* estas dos cosas son tentativas de momento */
    background-color: #F5F5DC; /* te defecas: beige */
    /*background-image: url("images/jkangbg.png");*/
    /*text-align: justify;*/
}

hr.clear {
    /*visibility: hidden;
    background: #fff;*/
    height: 2px;
    background-color: #936B6E; /* el mismo que el anagrama */
    clear: both;
    margin: 0;
}

hr.sep {
    height: 2px;
    background-color: #936B6E; /* el mismo que el anagrama */
    margin: 1em 0em 1em 0em;
}

div.margen { /* común para todas las partes, recordar 4% en ellas */
    float: left;
    width: 4%;
    text-align: right;
}

div.supizq {
    float: left;
    width: 26%; /* 24% cueizq + 2% cuesep = 26% */
}

div.supcen {
    float: left;
    width: 70%;
}

div.cueizq {
    float: left;
    width: 24%;
}

div.cuesep {
    float: left;
    width: 2%;
}

div.cuecen {
    float: left;
    width: 70%;
}

div.pieizq {
    float: left;
    width: 7%;
}

div.piecen {
    float: left;
    width: 68%;
}

div.pieder {
    float: left;
    width: 21%;
    text-align: right;
}

h1 {
    font-family: sans-serif;
    font-size: 150%;
    font-weight: normal;
    /*height: 100%;
             esto no lo traga Mozilla 1.2.1 ni 1.3.a
             sera que esta mal? (justo no funciona dentro de tablas) */
    margin: 0px;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

h2 {
    font-family: sans-serif;
    font-size: 125%;
    font-weight: bold;
    /*height: 100%; idem que h1 */
    margin: 0px;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    color: #8B0000; /* ?poner carmesi cuando lo sepamos? */
        /* color: #DC143C crimson
           color: #CD5C5C indianred
           color: #A0522D sienna
           color: #B22222 firebrick
           color: #8B0000 darkred
           segun X11: http://www.cloford.com/resources/colours/namedcol.htm
           color: #990033 crimson
           segun WSU: http://www.wsu.edu/identity/identity-elements/colors/index.html
        */
    background-color: #EEE8AA; /* flipas: palegoldenrod */
}

h3 {
    font-family: sans-serif;
    font-size: 110%;
    font-weight: bold;
    /*height: 100%; idem que h1*/
    margin: 0px;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    color: #A0522D; /*sienna*/
}

p.ind1 {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1em;
    text-indent: -0.5em;
}

p.ind2 {
    font-size: 90%;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1.5em;
    text-indent: -0.5em;
}

p.fecha {
    font-size: 90%;
    color: #A0522D; /*sienna*/
    float: right;
    margin: 0px;
    padding-top: 0.3em;
    padding-bottom: 0em;
}

p.peque {
    font-size: 90%;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

p.sep-ant {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0.35em;
    padding-bottom: 0em;
}

p.sep-pos {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0.35em;
}

p.sep-antpos {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}

p.nosep {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

p.margen2-5 {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.5em;
    padding-top: 0em;
    padding-bottom: 0.35em;
}

span.serif {
    font-family: serif;
    font-size: 100%;
}

span.sub {
    vertical-align: -20%;
}

span.jkvar { /* variable matematica */
    font-style: italic;
}

span.jkextr { /* extranjero (no español) */
    font-style: italic;
}

span.jkenf { /* enfasis */
    font-style: italic;
}

pre {
    font-family: monospace;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.5em;
    padding-top: 0em;
    padding-bottom: 0.35em;
}

pre.jkprog {
    font-family: monospace;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.5em;
    padding-top: 0em;
    padding-bottom: 0.35em;
    background-color: #CCCCCC; /* gris claro */
    color: #8B0000; /* si se cambia, cambiar span.jkprog */
}

span.jkprog {
    font-family: monospace;
    color: #8B0000; /* si se cambia, cambiar pre.jkprog */
}

blockquote {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 2.5em;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}

cite {
    font-style: normal;
}

a.indice:link {
    font-weight: normal;
    text-decoration: none;
    color: teal;
}

a.indice:visited {
    font-weight: normal;
    text-decoration: none;
    color: purple;
}

a.indice:hover {
    font-weight: normal;
    text-decoration: none;
    color: red;
}

a:link {
    font-weight: bold;
    text-decoration: none;
    color: teal;
}

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: purple;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
    /* text-decoration: underline; */
    color: red;
}

acronym {
    text-decoration: none;
}

img {
    border: 0;
}

.centrado {
    text-align: center;
}

table.normal {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 2.5em;
    margin-right: 2.5em;
    font-size: 85%;
    border-collapse: collapse;
    border-bottom: thin solid silver;
}

thead.normal {
    vertical-align: bottom;
    border-bottom: thin solid silver;
}

table.jk {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 2.5em;
    margin-right: 2.5em;
    /* font-size: 85%;  creo que queda mejor sin disminuir */
    border-collapse: collapse;
    border: thin solid silver;
}

th {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

td.derecha {
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: right;
}

table.estructuraynobordes {
    border: 0;
}

table.estructuraysibordes {
    width: 100%;
    border-collapse: collapse;
}

/* estilos de tabla: codigos
   alineacion horizontal: i (izq) c (centro) d (derecha)
   alineacion vertical:   t (top) c (centro) b (bottom)
   borde:                 s (si)  n (no)
*/

td.jkitn {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    vertical-align: top;
}

td.jkits {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    vertical-align: top;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
}

td.jkcts {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
}

td.jkics {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    vertical-align: middle;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
}

td.jkibs {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    vertical-align: bottom;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
}

td.jkdbs {
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
    vertical-align: bottom;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
}

td.jk {
    padding-left: 0px;
    padding-right: 0px;
    border-top: thin solid silver;  /* opciones anteriores: ridge gray, muy gordo */
/*    border-bottom: thin solid silver;*/
}

ul {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
}

li {
    margin-top: 0em;
    margin-bottom: 0em;
    padding-top: 0em;
    padding-bottom: 0.1em;
}

/* old: eran los titulos mal hechos

p.jktit1 {
    font-size: 150%;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
}

p.jktit2 {
    font-family: sans-serif;
    font-size: 125%;
    font-weight: bold;
    padding-top: 0.2em;
    padding-bottom: 0.1em;
    color: #8B0000;
}

p.jktit3 {
    font-family: sans-serif;
    font-size: 110%;
    font-weight: bold;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    color: #A0522D;
}

img.angrm {
    width:  100px;
    height: 100px;
}

img.jkizq {
    float: left;
}

*/