/* 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:#004;color:#FFF;
        }
.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:0;
        /* border:1px solid #F00; */
        }
.flexrowver   /* todos en una fila */ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:space-around;
        width:100%;
        margin:0;
        padding:0;
        border:0;
        /* border:1px solid #00F; */
        }
.flexrowf   /* todos en una fila fichas*/ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:center;
        width:100%;
        margin:0;
        padding:0;
        border:0;
        /* border:1px solid #F00; */
        }
.flexrowmargen   /* todos en una fila con margen entre elementos*/ /* NO TOCAR */
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row;
        justify-content:space-around;
        width:100%;
        margin:0;
        padding:0;
        border:0;
        }
.flexlink
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction;row;
        justify-content:center;
        align-items:flex-start;
        width:100%;
        margin:0.5em 0;
        padding:0.5em;
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#000;
        background-color:#004;
        }
.divtext
        {
        min-width:320px;
        margin:0;
        padding:0.5em;
        display:block;
        text-align:left;
        border:1px solid #C0C0C0;
        background-color:#fff;
        width:100%;
        }
.divimg
        {
        min-width:10px;
        margin:0.1em;
        padding:0;
        display:flex;
        border:2px solid #525382;
        width:auto;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        }
.divimgG
        {
        min-width:10px;
        margin:0.5em;
        padding:0.5em auto;
        margin:0;
        padding:0;
        display:block;
        border:2px solid #525382;
        width:98%;

        width:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        }
.visor
        {
        display:flex;
        flex-wrap:wrap;
        flex-direction;row;
        justify-content:center;

        border:0.3em solid #016501;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        margin:0.5em ;
        }
.imgvis
        {
        border:2px solid #252550;
        filter: brightness(60%);
                -webkit-transition: all 0.8s ease;
                -moz-transition: all 0.8s ease;
                -o-transition: all 0.8s ease;
        }
.imgvisj
        {
        border:6px solid #F60;
        filter: brightness(60%);
                -webkit-transition: all 0.8s ease;
                -moz-transition: all 0.8s ease;
                -o-transition: all 0.8s ease;
        }
.imgvis:hover
        {
        filter: brightness(100%);
        }
.imgvisj:hover
        {
        filter: brightness(100%);
        }
.flexfila   /* todos en una fila */ /* NO TOCAR */
        {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        width:auto;
        margin:0;
        padding:0;
        border:0;
        }
.flexfil   /* todos en una fila */ /* NO TOCAR */
        {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
        width:auto;
        margin:0;
        padding:0;
        border:0;
        }
.flexcolumna   /* todos en una columna */ /* NO TOCAR */
        {
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:flex-start;
        width:60%;
        margin:0;
        padding:0;
        border:0;
        }
.flexcolumnaf   /* todos en una columna fichas */ /* NO TOCAR */
        {
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:flex-start;
        width:auto;
        margin:0;
        padding:0;
        border:0;
        }
.divmin{font-size:0.7em;width:15em;margin:1em;border:0}
.divmax{font-size:0.7em;width:35em;margin:1em;border:0}
.divlugar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;min-width:9.5em;max-width:20%;padding:0.2em;margin:0.2em;border:1px solid #000;}
        .divdatal{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%;margin:0;padding:0;border:0;}
                .divnuml{width:3em;margin:0;padding:0 0.5em 0 0;;border:0;font-size:0.9em;font-weight:bold;color:#800}
                .divfechal{width:auto;margin:0;padding:0 border:0;font-size:0.9em;font-weight:bold;}
        .divsitiol, .divfotosl {width:20em;margin:0;padding:0;border:0;font-size:0.8em;}
/* DIVISIONES HIJO 2 */
.formini
        {
        flex-grow:1;
        min-width:320px;
        margin:0.2em;
        /*padding:0.5em;*/
        padding:0;
        border:1px solid #5F6083;
        background-color:#fff;
        font-size:0.8em;
        }
.formul
        {
        min-width:320px;
        margin:0;
        padding:2em;
        background-color:#F1F1FF;
        width:100%;
        font-size:0.8em;
        }
.formulo    /* NO TOCAR */
        {
        min-width:320px;
        margin:10px;
        padding:0.5em;
        border:2px solid #5F6083;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#D3D3DF;
        width:30%;
        font-size:11px;
        }
.formulog    /* NO TOCAR */
        {
        min-width:400px;
        width:35%;
        margin:10px;
        padding:0.5em;
        border:2px solid #5F6083;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#D3D3DF;
        font-size:11px;
        }
.clasifico
        {
        min-width:320px;
        margin:10px;
        padding:0.5em;
        border:2px solid #5F6083;
                -moz-border-radius: 5px 5px 5px 5px;
                -webkit-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
        background-color:#D3D3DF;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:center;
        font-size:0.8em;;
        }
.mesesob, .lugaresob
        {
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        font-size:0.8em;
        width:98%;
        margin:0.1em;
        padding:0;
        }
.mesesob0, .mesesobx, .lugaresob0, .lugaresobx
        {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-around;
        align-items:center;
        font-size:0.8em;
        width:100%;
        margin:0;
        padding:0;
        }
.mescelda{margin:0.1em;text-align:center;font-size:1em;width:14%;border:1px solid #000;font-weight:bold;}
/* IMAGEN */
.divimg img{width:auto;margin:0.4em}
/* TITULOS */
h1{margin:0.5em auto;color:#008;text-align:center;font-style:Italic;font-size:1.6em;text-shadow:5px -5px 5px #C0C0C0;}
h1.rotulo{font-size:1.8em;font-weight:bold;color:#C0ffff;text-shadow:2px -2px 2px #C0C0C0;}
h2{color:#4446A2;text-align:center;font-size:1.4em;margin:10px auto;width:100%}
h2.rotul{min-height:2em;margin:0;color:#00A;text-align:center;font-style:Italic;font-size:1.2em;background:#C0C0FF;padding-top:1em}
h2 sub{color:#4446A2;}
h3{color:#800000;text-align:left;font-size:1em;margin:1em 0.6em;}
h3 sub{color:#800000;}
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 */
.fich{margin:0.4em 0.2em; width:30%;}
.fich .boton
        {
        font-size:1em;
        width:100%;
        margin:0.2em;
        text-align:center;
        border:1px solid #9100C0;
        background-color:#C0FFFF;
        color:#9100C0;
        text-align:center;
        padding:1.2em 1.5em;
                -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;
        }
.enviom{margin:0.5em auto 0 auto; width:20%; }
.envio{margin:0.5em auto 0 auto; width:40%;}
.envio .boton, .enviom .boton, .envio .botonv, .enviom .botonv    /* para incluir enlaces, bien por anclas o por formularios */
        {
        width:90%;
        margin:0 5%;
        text-align:center;
        font-weight:bold;
        border:1px solid #C0FFFF;
        background-color:#0000C0;
        color:#C0FFFF;
        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;
        }
.envio .boton:hover, .enviom .boton:hover
        {
        border:1px solid #FFF;
        background-color:#4040FF;
        color:#FFF;
        }
 .envio .botonv, .enviom .botonv    /* para incluir enlaces, bien por anclas o por formularios */
        {
        width:90%;
        margin:0 5%;
        text-align:center;
        font-weight:bold;
        border:1px solid #C0FFFF;
        background-color:#800000;
        color:#C0FFFF;
        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;
        }
.envio .botonv:hover, .enviom .botonv:hover
        {
        border:1px solid #FFF;
        background-color:#C00000;
        color:#FFF;
        }

.formul .inicio{border-bottom:1px dotted #008;width:100%;text-align:right;margin:20px 0 2px auto;padding-bottom:2px;font-size:10px;font-style:italic;}
/* **************************************************************************************************** */
/* 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 #0F0;
        }
.trozo50
        {
        min-width:320px;
        margin:2px 25%;
        /*  ***  */
        border:1px solid #0F0;
        }

.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.refb{width:100%;border:1px solid #000;border-collapse:collapse;font-size:0.9em;margin:0;}
table.refbot{width:100%;border-collapse:collapse;font-size:0.8em;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.m0{font-size:0.9em;margin:0;background:#DCDCFF;}
td.m1{font-size:0.9em;margin:0;background:#FFDCDC;}
td.mes0{font-size:0.9em;margin:0;width:60px;background:#DCDCFF;}
td.mes1{font-size:0.9em;margin:0;width:60px;background:#FFDCDC;}
td.mesh{font-size:0.9em;margin:0;background:#C0C0ff;}
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 #00f}
td.rot{width:60px;font-weight:bold;color:#008;font-size:12px;background:#C0C0FF;}
td.c1{background:#C0C0FF;color:#000;width:60px;}
td.cabG{color:#FFF;background:#000040;text-align:center;border:1px solid #00f;font-size:1em;}
td.cab0{background:#C0C0FF;text-align:center;border:1px solid #00f;}
td.cab1{background:#C0FFFF;text-align:center;border:1px solid #00f;}
td.cab2{background:#CECFE8;text-align:center;border:1px solid #00f;}
/* LISTAS */
ul{list-style-type:circle;}
.formulo, .formini ul{list-style-type:none;padding-left:1em}
.flexrowmargen ul{list-style-type:disc;font-size:0.8em;}
li{margin: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;}
.rut > dl,dt,dd{font-size:0.9em;}
/* ENFATIZACIONES CON BORDES Y SOMBREADOS (span)*/
.griego{font-family:Serif;font-size:1.5em}
.enfatizosun{color:#AA0000;font-size:0.6em;font-weight:bold;background:#ffff00;padding:2px 5px;border:1px solid #00F} /* 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;}
.granacen{width:30%;margin:auto;font-weight:bold;font-style:italic;color:#C00000;}
/* *********************************************************************************************** */
/* ANCLAS */
a.con{
        color:#010BC9;
        font-weight:bold;
        margin:1em 0.1em 1em 0;
        font-size:0.8em;
        transition: all 0.8s ease;
        border-top:0;
        border-bottom:1px solid #010BC9;
        border-left:1em solid #010BC9;
        text-decoration:none;
        padding:0 5px;
}
a.con:hover{
        color:#000040;
        margin-left:1em;
        border-left:1em solid #000040;
        border-bottom:1px solid #000040;
                -moz-border-radius: 10px 0 0 10px ;
                -webkit-border-radius: 10px 0 0 10px ;
                border-radius: 10px 0 0 10px ;
}
a.conx{
        color:#C000C0;
        font-weight:bold;
        margin:1em 0.1em 1em 0;
        font-size:0.8em;
        transition: all 0.8s ease;
        border-top:0;
        border-bottom:1px solid #C000C0;
        border-left:1em solid #C000C0;
        text-decoration:none;
        padding:0 5px;
}
a.conx:hover{
        color:#800080;
        margin-left:1em;
        border-left:1em solid #800080;
        border-bottom:1px solid #800080;
                -moz-border-radius: 10px 0 0 10px ;
                -webkit-border-radius: 10px 0 0 10px ;
                border-radius: 10px 0 0 10px ;
}

.lin{
        color:#0000C0;
        font-weight:bold;
        margin:2em 0.1em 2em 0;
        font-size:0.8em;
        border-bottom:0.2em solid #0000C0;
        text-decoration:none;
        transition: all 0.5s linear;
}
.lin:hover{
        color:#000040;
        border-bottom:0.2em dotted #F36E03;
}


a.botonlink{
        color:#fff;
        font-weight:bold;
        width:2em;
        margin:0.2em 0 0 auto;
        font-size:1.1em;
        transition: all 0.8s ease;
        background-color:#000040;
        border:1px solid #8080FF;
        text-decoration:none;
        padding: 2px 5px ;
                -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:#0000ff;
        border-color:#000040;
        }

/* FORMULARIOS */
.formulo input[type="text"]{text-align:center;margin:1px 0.1em;border:1px solid #404040;background-color:#E7E7E7;width:15%;}
.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.x {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:80%;}
.formulo input.p {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:6%;}
.formulo input.m {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:10%;}
.formulo input.g {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:40%;}
.formulo input.gg {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:95%;}
.formulog input[type="text"]{text-align:center;margin:1px 0.1em;border:1px solid #404040;background-color:#E7E7E7;width:15%;}
.formulog select.c {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:18%;}
.formulog select.l {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:30%;}
.formulog input.m {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:15%;}
.formulog input.g {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:45%;}
.formulog input.gg {text-align:center;margin:1px 0.3em;border:1px solid #404040;background-color:#E7E7E7;width:98%;}
.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;}