/* 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:#400040;color:#FFC0FF;
        }
.flexrow0   /* todos en una fila */ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:col;
        justify-content:center;
        width:100%;
        margin:0;
        padding:0;
        }
.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 #400040;
        }
.flexcol   /* todos en una columna */ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:col;
        justify-content:center;
        width:100%;
        margin:0;
        padding:0;
        border:1px solid #400040;
        }
.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:#400040;
        background-color:#400040;
        }
/* DIVISIONES HIJO 2 */
.formini{
        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;
        }
.formul
        {
        min-width:320px;
        margin:0;
        padding:2em;
        /*background-color:#F1FFF1;*/
        width:100%;
        font-size:0.8em;
        }
.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;
        }
.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;
        }
.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;
        }
/* TITULOS */
h1{margin:0.5em auto;color:#FFC0FF;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:#FFC0FF;text-shadow:4px -3px 4px #606060;}
h2{color:#5E3D7F;text-align:center;font-size:1.4em;margin:10px auto;width:100%}
h2.rotul{min-height:2em;margin:0;color:#FFC0FF;text-align:center;font-style:Italic;font-size:1.2em;background:#581A5A;padding-top:1em}
h3{color:#400040;text-align:left;font-size:1em;margin:1em 0.6em;text-decoration:underline;}
h3.rotul{font-size:1em}
h4{color:#3C8402;text-align:left;font-size:1em;margin:1em 0.6em;text-decoration:underline}


/* 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 #000;
        background-color:#FFC0FF;
        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:#FFC0FF;
        }

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

/* *********************************************************************************************** */
/* TABLAS */
table.ref{width:100%;border-collapse:collapse;font-size:0.9em;margin:0;}
table.refmin{width:100%;border-collapse:collapse;font-size:0.7em;margin:0;}
td{color:#400040;text-align:center;border:1px solid #008}
td.limpio{text-align:center;border:0}
td.u0{background-color:#E7E8FF;padding:5px;}
td.u1{background-color:#EAE0EA;padding:5px;}
td.cab{background:#E4BABA;text-align:center;border:1px solid #400040}
td.cabG{color:#FFF;background:#400040;text-align:center;border:1px solid #00f;font-size:1em;font-weight:bold}
td.cab0{background:#C0FFC0;text-align:center;border:1px solid #400040;}
td.cab1{background:#FFC0FF;text-align:center;border:1px solid #400040;}
td.cab2{background:#CfE8CF;text-align:center;border:1px solid #400040;}
/* LISTAS */
ul ol {list-style-type:circle;font-size:0.6em;}
.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;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.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:#581A5A;
        border:1px solid #400040;
        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:#FFC0FF;
        border-color:#400040;
        /*color:#581A5A*/
        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}