/* 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:#9F0;
        }
.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;

        }
.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;
        }

/* DIVISIONES HIJO 2 */
.formini, .formin2
        {
        flex-grow:1;
        min-width:320px;
        margin:0.2em;
        /*padding:0.5em;*/
        padding:0;
        border:1px solid #49AF41;
        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 #49AF41;
                -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 #49AF41;
                -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 #49AF41;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#FAFAFA;

        }
/* 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:#9F0;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:#9F0;
        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:#9F0;
        }

.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;
        }
.links h1
        {
        color:#400040;text-align:left;font-size:1em;
        }
/* *********************************************************************************************** */
/* TABLAS */
table.ref{width:100%;border-collapse:collapse;margin:0;}

td{color:#000;text-align:center;border:1px solid #008}
td.u0{background-color:#E7E8FF;padding:5px;font-style:italic;font-size:0.8em}
td.u1{background-color:#EAE0EA;padding:5px;font-style:italic;font-size:0.8em}
td.cn{background-color:#FF8080;padding:5px;font-style:italic;font-size:0.8em;color:#00F;font-weight:bold}
td.c0{background-color:#81FF81;padding:5px;font-style:italic;font-size:0.8em}
td.c1{background-color:#FDD167;padding:5px;font-style:italic;font-size:0.8em}
td.dn{background-color:#FF8080;padding:5px;font-style:italic;font-size:0.8em;color:#00F;font-weight:bold}
td.d0{background-color:#CBFF81;padding:5px;font-style:italic;font-size:0.8em}
td.d1{background-color:#FFDEBB;padding:5px;font-style:italic;font-size:0.8em}
td.cab{background:#E4BABA;text-align:center;border:1px solid #000;font-style:italic;}
td.cabG{color:#FFF;background:#000040;text-align:center;border:1px solid #00f;font-size:1.2em;}
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:#FED292;text-align:center;border:1px solid #000;}
td.txalta{background:#F00;text-align:center;border:1px solid #000;color:#FFF;font-weight:bold}
td.txmedia{background:#FF6D01;text-align:center;border:1px solid #000;color:#000;font-weight:bold}
td.txbaja{background:#FF0;text-align:center;border:1px solid #000;color:#000;font-weight:bold}
td.txnula{background:#0F0;text-align:center;border:1px solid #000;color:#000;font-weight:bold}

/* LISTAS */
ul{list-style-type:circle;}
.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; }
/* ENFATIZACIONES CON BORDES Y SOMBREADOS (span)*/
.morado{font-weight:bold;font-style:italic;color:#800080;}
.rojo{font-weight:bold;font-style:italic;color:#F00;}
/* *********************************************************************************************** */
/* 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:#9F0;
        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}