/* PADRE
        display:flex;
        flex-wrap:
                wrap;  // si es necesrio se pasan a otra fila
                nowrap;  // si es neceaario, se encojen
        flex-direction:
                row;
                column;
        justify-content:
                flex-start;     // alineación a la izquierda
                flex-end;       // a la derecha
                center;
                space-between;  // distribución uniforme a lo largo de todo el "padre"
                space-around;   // misma dimensión a todos, ajustando el ancho hasta ocupar todo el "padre"
        align-items:
                flex-start;     //arriba
                flex-end;       //absajo
                center;         //en el centro (vertical)
*/

/* CONFIGURACIÓN PARA TODO EL PORTAL */
* {
        font-family:Verdana;
}
 /* DIVISIÓN PADRE */
#main  /* NO TOCAR */
        {
        width:100%;
        min-width:320px;
        min-height:320px;
        margin:0;
        display:flex;
        flex-wrap:wrap;
        flex-direction;row;
        justify-content:center;
        align-items:flex-start;
        }
/* DIVISIONES HIJO 1  */
#titulo
        {
        width:100%;margin:0;background:#000;color:#F60;
        }
.flexrow   /* todos en una fila */ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:center;
        width:100%;
        margin:0;
        padding:0;
        border:1px solid #000;
        }
.flexmoon
        {
        display:flex;
        flex-direction:row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap:wrap;
        width:100%;
        margin:0.5em;

        }
.flexcol    /* todos en una columna */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:column;
        justify-content:center;
        align-items:flex-start;
        width:100%;
        margin:1em;
        
        border:1px solid #000;
        }
.flexlink
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction;row;
        justify-content:center;
        align-items:flex-start;
        width:100%;
        margin:0;
        padding:0.5em;
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#000;
        background-color:#000;
        }
.flextab
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        min-width:320px;
        width:100%;
        margin:0;
        padding:2em;
        background-color:#E1D8D1;
        font-size:0.7em;
        border:1px solid #000;
        }
.flextabsup
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:space-between;
        align-items:start;
        min-width:320px;

        margin:0;
        padding:2em;
        background-color:#E1D8D1;
        font-size:0.7em;

        }
.elementos
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:space-between;
        align-items:start;
        min-width:320px;

        margin:0;
        padding:2em;
        background-color:#E1D8D1;
        font-size:0.8em;

        }
/* DIVISIONES HIJO 2 */
.formini, .formin2
        {
        flex-grow:1;
        min-width:320px;
        margin:0.2em;
        /*padding:0.5em;*/
        padding:0;
        border:1px solid #B06D40;
        background-color:#fff;
        font-size:0.8em;
        }
.formin2{padding:1em;}
.formul
        {
        min-width:320px;
        margin:0;
        padding:2em;
        /*background-color:#F1FFF1;*/
        width:100%;
        font-size:0.8em;
        }
.formula
        {
        min-width:320px;
        margin:10px;
        padding:0.5em;
        display:block;
        text-align:left;
        border:1px dashed #B06D40;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#E1D8D1;
        width:90%;
        }
.formulo    /* NO TOCAR */
        {
        min-width:320px;
        width:30%;
        margin:10px;
        padding:0.5em;
        border:2px solid #B06D40;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#E1D8D1;
        width:30%;
        font-size:11px;
        }
.formoon    /* NO TOCAR */
        {
        min-width:250px;
        width:22%;
        margin:2px;
        padding:0.2em;
        border:2px dotted #B06D40;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#FAFAFA;

        }
.divtab
        {
        font-size:1em;
        margin:0.5em;auto;
        width:280px;
        text-align:center;
        border:1px solid #080;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#C0FFC0;
        }
/* TITULOS */
h1{margin:0.5em auto;color:#008;text-align:center;font-style:Italic;font-size:1.6em;text-shadow:4px -3px 4px #606060;}
h1.rotulo{font-size:1.8em;font-weight:bold;color:#F60;text-shadow:4px -3px 4px #606060;}
h2{color:#805F3C;text-align:center;font-size:1.4em;margin:10px auto;width:100%}
h2.rotul{min-height:2em;margin:0;color:#FA0;text-align:center;font-style:Italic;font-size:1.2em;background:#3D3D3D;padding-top:1em}
h2.rotulb{min-height:2em;margin:0;color:#3D3D3D;text-align:center;font-style:Italic;font-size:1.2em;background:#FA0;padding-top:1em}
h2.rotul sub{min-height:2em;margin:0;color:#FA0;text-align:center;font-style:Italic;font-size:1em;background:#3D3D3D;padding-top:1em}
h2 sub{color:#805F3C;}
h3{color:#800000;text-align:left;font-size:1em;margin:1em 0.6em;text-decoration:underline;}
h3 sub{color:#800000;}
h3.alg{font-style:italic;font-size:1em;color:#DA4242;text-decoration:underline;}
h3.alg sub{color:#DA4242;}
h3.rotul{font-size:1em}
h4{color:#3C8402;text-align:left;font-size:1em;margin:1em 0.6em;text-decoration:underline}
h4 sub{color:#3C8402;}


/* BOTON DE PULSACIÓN-LINK */
.envio{margin:0.5em auto 0 auto; width:40%;}
.envio .boton     /* para incluir enlaces, bien por anclas o por formularios */
        {
        width:100%;
        margin:0 0.5em;
        text-align:center;
        font-weight:bold;
        border:1px solid #C0C0C0;
        background-color:#F60;
        color:#262626;
        text-align:center;
        padding:1em;
                -webkit-transition: all 0.8s ease;
                -moz-transition: all 0.8s ease;
                -o-transition: all 0.8s ease;

                -moz-border-radius: 8px 8px 8px 8px;
                -webkit-border-radius: 8px 8px 8px 8px;
                border-radius: 8px 8px 8px 8px;
        }
.boton:hover
        {
        border:1px solid #FFF;
        background-color:#262626;
        color:#F60;
        }

.formul .inicio{border-bottom:1px dotted #000;width:100%;text-align:right;margin:20px 0 2px auto;padding-bottom:2px;font-size:10px;font-style:italic;}
.mathtml
        {
        margin:1em;
        font-size:1em;
        font-family:Times;
        }

/* **************************************************************************************************** */
/* DIVISIONES DESCENDIENTES GRADO 1 */
.links
        {
        max-width:800px;
        min-width:250px;
        min-height:50px;
        margin:0.5em;
        padding:1em auto;
        display: flex;
        justify-content:center;
        flex-wrap: wrap; /* Los hijos se distribuyen en tantas líneas como sea necesario */
        flex-direction:column;
        /*
        border:3px solid #000040;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#8080FF;
        */
        text-align:center;
        }
.trozo
        {
        min-width:320px;
        margin:2px auto;
        min-width:50px;
        /*  ***  */
        border:1px solid #000;
        }
.trozo50
        {
        min-width:320px;
        margin:2px 25%;
        /*  ***  */
        border:1px solid #000;
        }

.links h1
        {
        color:#400040;text-align:left;font-size:1em;
        }
/* *********************************************************************************************** */
/* TABLAS */
table.ref{width:100%;border-collapse:collapse;font-size:0.9em;margin:0;}
table.refbot{width:100%;border-collapse:collapse;font-size:0.9em;margin-bottom:0.5em;}
table.reftop{width:100%;border-collapse:collapse;font-size:0.8em;margin-top:1em;}
table.luna{width:100%;border-collapse:collapse;font-size:0.8em;margin:1em auto;}
.flextabsup td{min-width:4em;}
td.limpio{text-align:center;border:0}
td{color:#000;text-align:center;border:1px solid #008}
td.nada{border:0;width:10px;}
td.u0{background-color:#E7E8FF;padding:5px;}
td.u1{background-color:#EAE0EA;padding:5px;}
td.cab{background:#E4BABA;text-align:center;border:1px solid #000}
td.mes{width:60px}
td.rot{width:60px;font-weight:bold;color:#008;font-size:12px;background:#C0FFC0;}
td.c1{background:#C0FFC0;color:#000;width:60px;}
td.cabG{color:#FFF;background:#000040;text-align:center;border:1px solid #00f;font-size:1.5em;}
td.cab0{background:#C0FFC0;text-align:center;border:1px solid #000;}
td.cab1{background:#FFC0FF;text-align:center;border:1px solid #000;}
td.cab2{background:#CfE8CF;text-align:center;border:1px solid #000;}
/* LISTAS */
ul{list-style-type:circle;}
ul.mor {font-weight:bold;font-style:italic;color:#800080;font-size:1em;list-style-type:square;}
.formulo, .formini ul{list-style-type:none;padding-left:1em}
li{margin:0.5em;padding-bottom:0.5em; }
dt{margin:0.5em 0.8em;font-weight:bold }
dd{margin:0.5em 2em; }
ol.priR{list-style-type:upper-roman;}
ol.priR > li{font-weight:bold;}
ol.prir{list-style-type:lower-roman;}
ol.prir > li{font-weight:bold;}
ol.sec{list-style-type:decimal;font-style:Italic;}
ol.sec > li{font-weight:bold;}
/* ENFATIZACIONES CON BORDES Y SOMBREADOS (span)*/
.enfatizosun{color:#AA0000;font-size:0.6em;font-weight:bold;background:#ff00ff;padding:2px 5px;border:1px solid #0F0} /* marco para indicar algoritmo del sol */
.enfatizomon{color:#FFF;font-size:0.6em;font-weight:bold;background:#404040;padding:2px 5px;border:1px solid #000} /* marco para indicar algoritmo de la luna */
.enfatbk{font-weight:bold;font-style:italic;}
.morado{font-weight:bold;font-style:italic;color:#800080;list-style-type:square;}
.azulO{font-weight:bold;font-style:italic;color:#008;}
.rojoO{font-weight:bold;font-style:italic;color:#800;}
.granacen{width:30%;margin:auto;font-weight:bold;font-style:italic;color:#00C000;}
/* *********************************************************************************************** */
/* ANCLAS */
a:link{color:#823D00}
a:hover{color:#3E1F00}
a.con{
        color:#823604;
        font-weight:bold;
        margin:1em 0.1em 1em 0;
        font-size:0.8em;
        transition: all 0.8s ease;
        border-top:0;
        /* border-right:1px solid #C00000; */
        border-bottom:0.2em solid #776257;
        /* border-left:0.5em solid #776257; */
        text-decoration:none;
        padding:0 2px 0 0;
}
a.con:hover{
        color:#AD4005;
        /* border-left:1em solid #AD4805; */
        border-bottom:0.2em dotted #AD4805;
        padding:0 10px 0 0.5em;
}
a.conb{
        color:#070;
        font-weight:bold;
        margin:1em 0.1em 1em 0;
        font-size:0.8em;
        transition: all 0.8s ease;
        border-top:0;
        /* border-right:1px solid #C00000; */
        border-bottom:1px solid #070;
        border-left:0.5em solid #070;
        text-decoration:none;
        padding:0 2px;
}
a.conb:hover{
        color:#F50;
        margin-left:0;
        border-left:1em solid #F50;
        border-bottom:1px solid #F50;
                -moz-border-radius: 10px 0 0 10px ;
                -webkit-border-radius: 10px 0 0 10px ;
                border-radius: 10px 0 0 10px ;
}
a.botonlink{
        color:#FF0;
        font-weight:bold;
        width:2em;
        margin:0.1em 0 0 auto;
        font-size:0.9em;
        transition: all 0.8s ease;
        background-color:#3D3D3D;
        border:1px solid #000;
        text-decoration:none;
        padding: 1px 3px ;
                -moz-border-radius: 5px 5px 5px 5px ;
                -webkit-border-radius: 5px 5px 5px 5px ;
                border-radius: 5px 5px 5px 5px ;
}
a.botonlink:hover{
        background-color:#F60;
        border-color:#000;
        /*color:#3D3D3D*/
        color:#FFF;
        }
/*IMAGENES*/
.img_info{width:60%}
/* FORMULARIOS */
.formulo input[type="text"]{text-align:center;margin:1px 0.1em;border:1px solid #404040;background-color:#E7E7E7;width:15%;}
.formulo input[type="radio"]{color:#9A4004;}
.formulo select.c {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:12%;}
.formulo select.l {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:25%;}
.formulo select.LX {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:45%;}
.formulo input.m {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:10%;}
.formulo input.mx {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:12%;}
.formulo input.gm {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:20%;}
.formulo input.g {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:40%;}
.formulo input.gx {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:35%;}
.formulo input.gg {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:95%;}
.formul input[type="text"], .formul select {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:10%;}
.formul select { background-color:#E7E7E7;width:8%;}
fieldset{border:0;margin:0.5em}
label{font-weight:bold;font-style:Italic;}
/* FUENTES CON SPAN */
/* letras griegas */
.griego{font-family:Serif;font-size:1.5em}
.grieg{font-family:Serif;font-size:1.2em}
/* negritas y cursivas para coordenadas o similares */
.blakcur{font-family:Times;font-style:italic;font-weight:bold;font-size:1.2em}