body{
    /*font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #333;
    margin: 0;
    background-color: #FAFAF5;*/
}

strong { font-weight: bold; color: #1c1c1c; }



#logo{
    width: 350px;
    height: 75px;
    float: left;
    margin-left: 110px;
    margin-top: -12px;
    background-image: url("../imagenes/componentes/enap.png");    
}


/*hr{
    margin: 30px 30px;
    background-color: #dedb00;
    border: none;
    height: 1px;
}*/

label{
    /*display: block;*/
    /*float: left;*/
    /*width: 160px;*/
    /*text-align: right;
    margin-right: 10px;*/
}
.formSimple label{
    display: block;
    float: left;
    width: 160px;
    text-align: right;
    margin-right: 10px;
}

/*input, select, textarea{
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #A4CED0;
}*/

.boton{
    border: none;
    border-radius: 3px;
    padding: 5px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    background: #999;
}

.boton:hover{
    background: #666;
}

#contenedor{
    margin: 0 auto 0 auto;
    width: 1200px;
    min-height: 683px;
}
/*RECUADROS*/
.recuadro{
    float: left;
    margin: 1%;
    background-color: #fff;
    border-radius: 5px; 
}
.base{
    width: 1120px;
    padding: 30px;
    min-height: 480px; 
}
#base {
  min-height: 100vh;
}
.basesita {
    margin: 1%;
    padding: 30px;
    width: auto;
    background-color: #fff;
}
/*termina RECUADROS*/
.recBase h1{
    margin: 10px 0 20px;
}

.area_titulo h1 {
    font-size: 48px;
    color: #fff;
    clear: both;
    margin: 0px 0px 0px 30px;
}


/*avisos*/

.aviso{
    font-size: 14px;
    font-weight: 800;
}
.mini{
    font-size: 12px;
    font-weight: 500;
}
.rojo{
    color: #ff0000;
}
.morado{
    color: #990099;
}
.verde{
    color: #009900;
}
.azul{
    color: #003399;
}
.azulUnam{
    color: #1F8DCF !important;
}
.gris{
    color: #5C7797;
}
.blanco{
    color: #fff;
}
.naranja{
    color: #FE642E;
}
.grisos{
    color: #6E6E6E;
}
.dorado{
    color: #B58B00;
}
/*termina avisos*/

/*toString*/

.toString{
    background-color: #F7F8E0;
    padding: 5px;
}
.toString, .toString *{
    font-size: 12px;
    line-height:15px;
}
.toString p{
    margin: 0 0 2px;
}
.toString .tit{
    color: #000;
    text-decoration: underline;
}
.toString{
    margin-left: 20px;
}

/*termina toString*/

/* inicia ingresos (contiene a formularios revisión y reporte) */
.ingresos{
    
}
.ingresos p{
    margin: 0;
}
.ingresos b{
    margin-left: 20px;
    font-weight: 500;
    color: #8E7645;
    width: 50%;
}
/* finaliza ingresos */

#pie p{
    font-size: 12px;
    color: #000;
}
#pie span{
    color: #1D2162;
    font-weight: 700;
}

/* inicia buscador */
#buscador{
    background-color: #E0F8F7;
    height: 33px;
    border-radius: 4px;
    padding: 1px;
}
#buscador .campo{
    float: left;
    margin-top: 1px;
}
#buscador label{
    float: left;
    /*width: 160px;*/
    text-align: right;
    margin-right: 10px;
}
#buscador form{
    width: 100%
}
#buscador .bot{
    float: right;
    margin-right: 40px;
    margin-top: 1px;
}
#buscador table{
    width: 90%;
    float: left;
}
#buscador td{
    border: none;
    padding: 0;
    height: 0;
    text-align: right;
}
#buscador .bot{
    float: right;
}
#buscador input, #buscador select{
    float: left;
}
#buscador label{
    float: right;
}
/* fin buscador */

/* inicia asignaturasGrupo */

#asignaturasGrupo #buscador{
    height: 105px;
}
#asignaturasGrupo .nombre{
    background-color: #E3F6CE;
}

#asignaturasGrupo .grupo{
    height: 0px;
}
#asignaturasGrupo .separadorGpos td{
    height: 3px;
    background-color: #CEECF5;
}
#asignaturasGrupo .separadorAsgs td{
    height: 3px;
    background-color: #F5ECCE;
}
#asignaturasGrupo .separadorPares td{
    height: 15px;
    background-color: #D0F5A9;
}
#asignaturasGrupo .separadorAdicionales td{
    height: 3px;
    background-color: #DCECE0;
}
#asignaturasGrupo .separadorLab td{
    height: 15px;
    background-color: #DCECE0;
}
#asignaturasGrupo .editorCupo td{
    height: 10px;
}
#asignaturasGrupo .gpo{
    background-color: #F2EFFB;
}
#asignaturasGrupo .asg{
    background-color: #EFFBFB;
}
#asignaturasGrupo .pln{
    background-color: #F7F8E0;
}
#asignaturasGrupo #editorCupo td{
    height: 30px;
}
/* termina asignaturasGrupo */


/*table *{
    font-size: 12px;
}*/

table.tabla{
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
}

th{
    border: 1px solid #BDBDBD;
    /*padding: .3em .2em;
    vertical-align: middle;
    font-weight: 400;
    letter-spacing: -1px;*/
}

td{
    border: 1px solid #ddd;
   /* padding: .3em .3em;*/
   /* vertical-align: middle;*/
   /* height: 50px;*/
   /* text-align: center;*/
}

table .principal{
    background-color: #EFFBEF;
}
table .llave{
    background-color: #CECEF6;
}

.miniLink{
    color: #DF3A01;
}

#reprobacion .campo input{
    float: left;
}
#reprobacion .campo{
    clear: both;
    margin: 0 auto 0;
}
#reprobacion .campo label{
    text-align: left;
}
#reprobacion .campo td{
    vertical-align: top;
}

#reprobacion #buscador{
    height: 140px;
}

#reprobacion .nombre{
    width: 150px;
}

/* inicia plan */
#plan thead{
    background-color: #F2F2F2;
}
#plan th{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
}
#plan td{
    height: 20px;
    text-align: center;
}

#plan .subtit{
    background-color: #EFF8FB;
}

#plan .titarea{
    background-color: #DEEDCE;
}

#plan .nombre{
    width: 450px;
}
/* termina plan */

/* editar_cupo */
#editarCupo{

}
#editarCupo .cambia, #asignaturasGrupo .cambia{
    background-color: #E0F8F7;
    height: 33px;
    border-radius: 4px;
    padding: 3px;
    margin: 0 0 10px;
}
#editarCupo tbody tr{
    height: 50px;
}
/* termina editar_cupo */

/*inicia historial*/
#historial thead{
    background-color: #F2F2F2;
}
#historial th{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
}
#historial td{
    height: 20px;
    text-align: center;
}
#historial .noCursada{
    background-color: #F7F8E0;
}
#historial .obligatoria{
    background-color: #0489B1;
}
#historial .taller{
    background-color: #018C55;
}
#historial .extracurricular{
    background-color: #0B3B39;
}
#historial .optativa{
    background-color: #8258FA;
}
#historial .subtit{
    background-color: #EFF8FB;
}
#historial .tipoAsg{
    width: 6px;
    padding: 0;
}
#historial .table{ /* simula table */
    font-size: 10px;
    padding: 0 0 1px;
    color: #000;
}
#historial .table{ /* simula table */
    font-size: 12px;
    letter-spacing: .1em;
}
#historial .tr{ /* simula tr */
    clear: both;
    text-align: center;
    padding: 0 3px 0;  
}
#historial .td{ /* simula td */
    margin: 2px 0 2px;
    display: block;
    float: left;
    width: 10%;
    text-align: center;
}
#historial .der{
    text-align: right;
}
#historial .izq{
    text-align: left;
}
/*termina historial*/

/*inicia inscripcion2 e inscripcion3*/
#inscripcion .cajaTabla{
    width: 100%;
    float: left;
    border-collapse: collapse;
    padding-bottom: 30px;
}

#inscripcion .cajaControl {
    width: 0%;
    float: left;
}
#inscripcion .cajaTabla span{
    float: right;
    margin-right: 20px;
}
#inscripcion2 #pag, #inscripcion3 #pag{
    margin-bottom: 300px;
}
#inscripcion2 thead, #inscripcion3 thead{
    background-color: #F2F2F2;
}
#inscripcion2 th, #inscripcion3 th{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
}
#inscripcion2 td, #inscripcion3 td{
    height: 20px;
    text-align: center;
}

.botonVerde{
    font-size: 12px;
    font-weight: 600;
    padding: 4px;
    float: right;
    border-radius: 2px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    cursor: pointer;
    background: #088A08;
    background: -moz-linear-gradient(top, #3ADF00 0%, #088A08 51%, #21610B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ADF00), color-stop(51%,#088A08), color-stop(100%,#21610B));
    background: -webkit-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: -o-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: -ms-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: linear-gradient(to bottom, #3ADF00 0%,#088A08 51%,#21610B 100%);
}
.botonVerde:hover{
    background: #666;
}

.superBoton{
    font-size: 12px;
    font-weight: 700;
    padding: 20px;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
    cursor: pointer;
    background: #088A08;
    background: -moz-linear-gradient(top, #3ADF00 0%, #088A08 51%, #21610B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ADF00), color-stop(51%,#088A08), color-stop(100%,#21610B));
    background: -webkit-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: -o-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: -ms-linear-gradient(top, #3ADF00 0%,#088A08 51%,#21610B 100%);
    background: linear-gradient(to bottom, #3ADF00 0%,#088A08 51%,#21610B 100%);
}
.miniBoton{
    border: none;
    border-radius: 2px;
    padding: 3px 10px 3px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    background: #BE81F7;
    margin: 0;
    font-size: 11px;
}
.miniBoton:hover{
    background: #8258FA;
}

.megaBoton{
        border-radius: 3px;
        font-weight: 500;
        color: black;/*#fff;*/
        cursor: pointer;   
        background: #E9F6F7;
        background: -moz-linear-gradient(top, #E9F6F7 0%, #63F3F8 51%, #00DDE5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F6F7), color-stop(51%,#63F3F8), color-stop(100%,#00DDE5));
        background: -webkit-linear-gradient(top, #E9F6F7 0%,#63F3F8 51%,#00DDE5 100%);
        background: -o-linear-gradient(top, #E9F6F7 0%,#63F3F8 51%,#00DDE5 100%);
        background: -ms-linear-gradient(top, #E9F6F7 0%,#63F3F8 51%,#00DDE5 100%);
        background: linear-gradient(to bottom, #E9F6F7 0%,#63F3F8 51%,#00DDE5 100%);   
}

.megaBoton:hover{
    border-radius: 3px;
    background: #08FBE3; /*08FB55*/
    /*color: #fff;*/
}

#inscripcion2 #opcEncabezado, #inscripcion3 #opcEncabezado{
    width: 100%;
    padding: 0 0 10px;
}
/*termina inscripcion2  e inscripcion3*/

/*inicia inscripcion4*/
#inscripcion4 table *{
    font-size: 11px;
    letter-spacing: normal;
}

#inscripcion4 table.tabla {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
}
#inscripcion4 thead{
    background-color: #eee;
}
#inscripcion4 th{
    border: 1px solid #BDBDBD;
    padding: .1em .1em;
    vertical-align: middle;
    font-weight: 400;
    color: #000;
    font-size: 10px;
}
#inscripcion4 td{
    height: 30px;
    border: 1px solid #ddd;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    background-color: #EFFBFB;
}
/*termina inscripcion4*/

/*inicia ajustes*/
#ajustes #pag{
    margin-bottom: 300px;
}
#ajustes thead{
    background-color: #F2F2F2;
}
#ajustes th{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
}
#ajustes td{
    height: 20px;
    text-align: center;
}
#ajustes .verGrupos{
    background-color: #F7F8E0;
}
#ajustes .obligatoria{
    background-color: #0489B1;
}
#ajustes .taller{
    background-color: #018C55;
}
#ajustes .extracurricular{
    background-color: #0B3B39;
}
#ajustes .optativa{
    background-color: #8258FA;
}
#ajustes .tipoAsg{
    width: 6px;
    padding: 0;
}
.subtit{
    background-color: #EFF8FB;
}
.verGrupos{
    border-radius: none;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    
    background: #02c7ce;
    background: -moz-linear-gradient(top, #02c7ce 0%, #0092a5 51%, #01686f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02c7ce), color-stop(51%,#0092a5), color-stop(100%,#01686f));
    background: -webkit-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: -o-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: -ms-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: linear-gradient(to bottom, #02c7ce 0%,#0092a5 51%,#01686f 100%);    
}

.cambiar{
    border-radius: none;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    
    background: #02c7ce;
    background: -moz-linear-gradient(top, #F6CEF5 0%, #BE81F7 51%, #8258FA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6CEF5), color-stop(51%,#BE81F7), color-stop(100%,#8258FA));
    background: -webkit-linear-gradient(top, #F6CEF5 0%,#BE81F7 51%,#8258FA 100%);
    background: -o-linear-gradient(top, #F6CEF5 0%,#BE81F7 51%,#8258FA 100%);
    background: -ms-linear-gradient(top,#F6CEF5 0%,#BE81F7 51%,#8258FA 100%);
    background: linear-gradient(to bottom, #F6CEF5 0%,#BE81F7 51%,#8258FA 100%);    
}
.cambiar:hover{
    font-weight: 600;
}
#cajaDisplay{
    width: 960px;
    height: 520px;
    padding: 30px;
    position: fixed;
    top: 100px;
    bottom: 50px;
    left: 150px;
    right: 150px;
    z-index: 2;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
    display: none;
}

#cajaDisplayMsj{ /* despliega mensajes de No inscripcion. No usa ajax*/
    margin-top: 60px;
    width: 960px;
    height: 500px;
    padding: 30px;
    position: fixed;
    top: 50px;
    bottom: 50px;
    left: 150px;
    right: 150px;
    z-index: 3;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
}
#cajaDisplayMsj #cierraDisplayMsj{
    position: relative;
    z-index: 2;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
    float: right;
    margin: -20px -20px 0 0;
    cursor: pointer;
}

.desplegable .caja{
    margin: 10px;
    height: 450px;
    overflow-y: auto;
}
.desplegable .boton{
    float: right;
    background-color: #868A08;
    padding: 3px 10px 3px;
    margin: 0;
    font-weight: 500;
    font-size: 11px;
}
.desplegable .boton:hover{
    float: right;
    background-color: #38610B;
}
.desplegable .boton2{
    float: right;
    background-color: #0174DF;
    padding: 3px 10px 3px;
    margin: 0;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
}
.desplegable .boton2:hover{
    float: right;
    background-color: #0040FF;
}
.desplegable .caja .table{ /* simula table */
    font-size: 12px;
    padding: 0 0 1px;
}
.desplegable .caja .tr{ /* simula tr */
    clear: both;
    text-align: center;
    padding: 0 3px 0;
    border-bottom: solid 1px #ddd;   
}
.desplegable .caja .td{ /* simula td */
    margin: 6px 0 6px;
    display: block;
    float: left;
    width: 8%;
    text-align: center;
}
.desplegable .caja label{
    display: block;
    width: 100%;
    text-align: center;
    color: #4F6211;
    font-weight: 500;
    cursor: pointer;
}
.desplegable .caja .dos{
    width: 20%;
}
.desplegable .caja .tres{
    width: 30%;
}
.subtit .td{
    color: #62113B;
    font-size: 10px;
}
.desplegable .titulo{
    clear: both;
    font-size: 13px;
    color: #170B3B;
    font-weight: 500;
}
.desplegable .caja .titulo{
    clear: both;
    padding: 5px;
    font-size: 13px;
    color: #170B3B;
    font-weight: 500;
    border-top: solid 1px #ccc;
}
.desplegable sup{
    margin-left: 5px;
    color: #777;
}
.desplegable .caja .msj{
    width: 215px;
    
}
.desplegable .caja .msj *{
    float: left;
}
.desplegable .caja .noActivo{
    margin-left: 10px;
    color: #ff0000;
}
.desplegable .caja .noActivo strong{
    margin-left: 10px;
    color: #000;
}

#cierraDisplay{
    position: relative;
    z-index: 2;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
    float: right;
    margin: -20px -20px 0 0;
    cursor: pointer;
}
#cierraDisplay2{
    position: relative;
    z-index: 2;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
    float: right;
    margin: -20px -20px 0 0;
    cursor: pointer;
}

#inscr{  /* inscr muestra todo lo inscrito en los archivos inscripcion_grupo, inscripcion y ajustes*/
    width: 1118px;
    height: 180px;
    position: fixed;
    bottom: 0;
    background: rgba(213, 246, 245, 0.85);
    border: solid 1px #A4CED0;
    z-index: 1;
    color: #000;
    border-radius: 5px 5px 0 0;
}

#inscr #caja{
    margin: 5px;
    height: 175px;
    overflow-y: auto;
}

#inscr *{
    color: #000;
}

/**/
#inscr table *{
    font-size: 10px;
}

#inscr table.tabla {
border-collapse: collapse;
width: 100%;
margin: 0 auto;
}
#inscr thead{
    background-color: #eee;
}
#inscr th{
    border: 1px solid #BDBDBD;
    padding: .1em .1em;
    vertical-align: middle;
    font-weight: 400;
    color: #000;
    font-size: 10px;
}
#inscr td{
    height: 10px;
    border: 1px solid #ddd;
    padding: 1px;
    vertical-align: middle;
    text-align: center;
}
#inscr .boton{
    border: none;
    border-radius: 2px;
    padding: 1px 3px 1px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    background: #4649F1;
    font-size: 10px;
}
#inscr .boton:hover{
    background-color: #0106FC;
}
#inscr b{
    color: #610B0B;
    font-weight: normal;
}
#inscr .clave{
    font-weight: 700;
}

/*termina ajustes*/
.oculta{
    display: none;
}

/* inicia inscripcion */
#inscripcion .table{ /* simula table */
    font-size: 12px;
    padding: 0 0 1px;
}
#inscripcion .tr{ /* simula tr */
    clear: both;
    text-align: center;
    padding: 0 3px 0;
    border-bottom: solid 1px #ddd;   
}
#inscripcion .td{ /* simula td */
    margin: 6px 0 6px;
    display: block;
    float: left;
    width: 8%;
    text-align: center;
}
#inscripcion .dos{
    width: 20%;
}
#inscripcion .tres{
    width: 30%;
}
#inscripcion .horarios{
    font-size: 10px;
    color: #000;
}
#inscripcion .titulo{
    clear: both;
    padding: 5px;
    font-size: 13px;
    color: #170B3B;
    font-weight: 500;
    border-top: solid 1px #ccc;
    cursor: pointer;
}
#inscripcion .subtit .td{
    color: #62113B;
    font-size: 10px;
}

#inscripcion #seleccion{
    background-color: #E0F8F7;
    height: 33px;
    border-radius: 4px;
    padding: 5px 50px 5px;
}

#inscripcion td{
    height: 20px;
}
#inscripcion thead{
    background-color: #eee;
}
#inscripcion th{
    font-size: 10px;
    letter-spacing: normal;
}

#inscripcion .boton{
    border: none;
    border-radius: 3px;
    padding: 3px 4px 3px;
    font-weight: 500;
    cursor: pointer;
    background: #999;
    float: right;
    margin: 3px 18px 0 0;
    font-size: 12px;
    background: #02c7ce;
    background: -moz-linear-gradient(top, #02c7ce 0%, #0092a5 51%, #01686f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02c7ce), color-stop(51%,#0092a5), color-stop(100%,#01686f));
    background: -webkit-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: -o-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: -ms-linear-gradient(top, #02c7ce 0%,#0092a5 51%,#01686f 100%);
    background: linear-gradient(to bottom, #02c7ce 0%,#0092a5 51%,#01686f 100%); 
}
#inscripcion .boton:hover{
    background: #666;
}

#inscripcion .deshabilitado{
    font-size: 12px;
    padding: 2px 3px 2px;
    font-weight: 500;
    background: #999;
    float: right;
    margin: 3px 18px 0 0;
    background: #d8d8d8;
}

#inscripcion .despliega{
    display: none;
}

#inscripcion .fondoRojo{
    background-color: #FBEFF2;
}
#inscripcion .fondoVerde{
    background-color: #F2FBEF;
}
#inscripcion .fondoAmarillo{
    background-color: #F8ECE0;
}
#inscripcion .fondoMorado{
    background-color: #F5EFFB;
}
#inscripcion hr{
    margin: 30px 30px 8px;
    background-color: #dedb00;
    border: none;
    height: 1px;
}
#inscripcion .infoGpo span{
    width: 100px;
    float: right;
}
/* termina inscripcion */

/* inicia login */
#login td{
    border: none;
    /*padding: 0;
    vertical-align: middle;
    height: 50px;
    text-align: center;*/
}
#login table.tabla{
    border-collapse: collapse;
    width: auto;
    margin: 0 auto;
}
#login .etiqueta{
    text-align: right;
}
#login .campo, #login .descr{
    text-align: left;
}
#login label{
    float: right;
}
/* termina login */

.espacio{
    height: 250px;
}

/*inicia orientación*/
#orientacion table{
    width: 50%;
}
#orientacion td{
    text-align: left;
}
#orientacion b a{
    color: #ff8000;
    font-weight: 600;
}
#orientacion #seleccion{
    background-color: #E0F8F7;
    height: 33px;
    border-radius: 4px;
    padding: 5px 50px 5px;
}
/*termina orientación*/

#usr{
    float: left;
    margin-left: 80px;
    margin-top: 5px;
    color: #81DAF5;
}

/*inicia ingreso*/
#ingreso label, #ingreso .label{
    display: block;
    float: left;
    width: 160px;
    text-align: right;
    margin-right: 10px;
}
#ingreso .emergente{ /* Ej. de emergente: campo categoría en Producto. */
    clear: both;
}
#ingreso .seleccion{ /* Ej. de seleccion: campo categoría superior en Categoría. */
    float: left;
    width: 620px;
    padding: 10px 10px 20px;
    margin: 2px;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 5px;
    color: #000;
}
#ingreso .emergente input, #ingreso .seleccion input{
    float: left;
}
#ingreso .emergente label, #ingreso .seleccion label{
    display: inherit;
    float: left;
    width: auto;
    text-align: right;
    margin-left: 10px;
}
#ingreso .emergente .desplegable .boton{
    float: right;
}
#ingreso .emergente h4{
    margin-top: 0;
}
#ingreso .emergente .despliega{ /*simula un select sin desplegar*/
    height: auto;
    width: auto;
    padding: 5px 30px 5px 8px;
    margin: 2px 4px 2px 2px;
    float: left;
    background-color: #EFEFEF;
    border: solid 1px #A4CED0;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
#ingreso .emergente .desplegable{
    width: 920px;
    height: 500px;
    padding: 30px;
    position: fixed;
    top: 100px;
    left: 150px;
    z-index: 1;
    background: rgba(250, 250, 250, 0.85);
    border: solid 1px #A4CED0;
    border-radius: 15px;
    color: #000;
    display: none;
}
#ingreso .emergente .izquierda, #ingreso .emergente .izquierda2, #ingreso .emergente .abajo{ /*izquierda y abajo indica el orden en que dibuja los elementos*/
    height: 410px;
    overflow: auto;
}
#ingreso .izquierda>div{ /*flotan a la izquierda*/
    width: 300px;
    float: left;
}
#ingreso .izquierda2>div{ /*flotan a la izquierda*/
    width: 450px;
    float: left;
}
#ingreso .abajo>div{ /*las se acomodan una debajo de la otra*/
    clear: both;
}
/*termina ingreso*/

.limpia{
    clear: both;
}


/* inicia clases */
.clases td{
    height: 0px;
    padding: 5px;
    border: solid 1px #A4CED0;
}
.clases a{
    cursor: pointer;
}
/* termina clases */

/* semanasSemestre */
#semanas{
    width: 600px;
}
#semanas td{
    height: 30px;
}
#semanas td span{
    margin-left: -35px;
}
/* termina semanasSemestre */

.linkBrinca{
    color: #FF0040;
    font-size: 12px;
}
.sin{
    border: none;
}
.recBon{
    padding: 10px;
    border: solid 1px;
    border-radius: 10px;
}
.forma #pag{
    padding: 30px;
}
.forma #pag{
    color: #000;
    font-weight: 500;
}
.recBon .tabla th{
    letter-spacing: normal;
    height: 10px;
    font-weight: 600;
    font-size: 10px;
}
.recBon .tabla td{
    padding 0;
    height: 20px;
}
.forma .pie{
    text-align: center;
    font-size: 11px;
}
.forma .cuad{
    width: 250px;
    height: 100px;
    border: solid 1px;
    border-radius: 4px;
    margin: 0 auto 0 auto;
}

.visible{
    font-weight: 600;
}
/*---inicia form1---*/
.form1 td{
    border: none;
    height: 10px;
}
.form1 label{
    float: right;
}
.form1 input, .form1 textarea, .form1 select{
    float: left;
}
.form1 input[type=text],.form1 input[type=email],.form1 input[type=number],.form1 input[type=password],.form1 select,.form1 textarea{
    padding: 5px;
    border-radius: 3px;
    border: solid 1px #A4CED0;
}
.form1 .rojo{
    float: left;
    margin-left: 5px;
}
/*---termina form1---*/

/*---inicia menús---*/
#inicio ul{
    margin: 0;
}
#inicio li{
    font-size: 14px;
    list-style: none;
}
#inicio h5{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0;
}
/*---termina menús---*/

/*--- inicia inscripcion_admin ---*/
.opciones{
    margin-bottom: 100px;
}
.opciones .tabla{
    margin-top: 20px;
}
.opciones th{
    font-size: 10px;
    letter-spacing: normal;
    border: none;
    border-bottom: 1px solid #ddd;
}
.opciones td{
    height: 10px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.opciones .estatus{
    width: 300px;
}
.opciones .boton{
    background-color: #868A08;
    padding: 3px 10px 3px;
    margin: 0;
    font-weight: 500;
    font-size: 11px;
}
.opciones .boton:hover{
    background-color: #38610B;
}
.opciones .botonAlerta{
    background-color: #D04242;
    padding: 3px 10px 3px;
    margin: 0;
    font-weight: 500;
    font-size: 11px;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}
.opciones .botonAlerta:hover{
    background-color: #f00;
}
.opciones .nombreAsg{
    font-size: 13px;
    color: #170B3B;
    font-weight: 500;
    text-align: left;
}
.opciones .subtit{
    color: #62113B;
    font-size: 10px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}
.opciones .gpo{
    color: #4F6211;
    font-weight: 500;
}
#inscr_admin h3, #inscr_admin h6{
    margin: 5px;
}
#inscr_admin .buscador{
    background-color: #EFF2FB;
    border-radius: 10px;
}
#inscr_admin .buscador td{
    border: none;
    margin-bottom: 30px;
}
#inscr_admin .alumno td{
    border: none;
    height: 0;
    color: #0B243B;
}
#inscr_admin .naranja{
    color: #D24C24;
}
/*---termina inscripcion_admin ---*/
/*- estilos para tabla -*/
/*.table {
    border-collapse: collapse !important; 
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

.table th,
.table td{
    text-align: left;
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    border: 0;
    padding: 0.75rem;
}
.table th{
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #1F8DCF !important;
    background-color: #fff;
    color: #1F8DCF;
}
.table td {
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #68B8E8;
    vertical-align: top;
    line-height: 1.5;
    color: #5C6270;
}*/
.table-hover tbody tr:hover {
  background-color: #f7f7f7 !important; 
}
/*---------------------------*/
.nombreAlumno{
  font-size: 22px;
  color: #B58B00;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.h1titulo{
  font-family: Arial, sans-serif;
  color: #5F799E;
  font-weight: normal;
  font-size: 50px;
  margin: 15px 0 15px;
}
.lineahr-dorado{
    margin: 0px;
    width: 70%;
    background-color: #B58B00;
    height: 2px;
}
.lineahr-azul{
    margin: 0px;
    width: 70%;
    background-color: #68B8E8;
    height: 1px;
}
/*------------  estilos para hacer zoom a una imagen  -------------------*/
.zoom{
    /* Aumentamos la anchura y altura durante 1 segundo */
    transition: width 1s, height 1s, transform 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    -o-transition: width 1s, height 1s,-o-transform 1s;
}
.zoom:hover{
    /* tranformamos el elemento al pasar el mouse por encima el quíntuple de su tamaño con scale(5). */
    transform : scale(5);
    -moz-transform : scale(5);      /* Firefox */
    -webkit-transform : scale(5);   /* Chrome - Safari */
    -o-transform : scale(5);        /* Opera */
}
/*------------------- botones ---------------------------*/
.boton-dorado {
    color: #CA923E;
    background-color: #fff;
    background-image: none;
    border-color: #CA923E; 
}
.boton-dorado:hover {
    color: #fff;
    background-color: #CA923E;
    border-color: #CA923E; 
    cursor: pointer;
}
.boton-dorado:focus, .boton-dorado.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(202, 146, 62, 0.5);
    box-shadow: 0 0 0 3px rgba(202, 146, 62, 0.5); 
}
.boton-dorado.disabled, .boton-dorado:disabled {
    color: #CA923E;
    background-color: transparent; 
}
.boton-dorado:active, .boton-dorado.active, .show > .boton-dorado.dropdown-toggle {
    color: #fff;
    background-color: #CA923E;
    border-color: #CA923E; 
}



.boton-dorado-invertido {
    color: #fff;
    background-color: #CA923E;
    background-image: none;
    border-color: #CA923E; 
}
.boton-dorado-invertido:hover {
    color: #CA923E;
    background-color: #fff;
    border-color: #CA923E; 
    cursor: pointer;
}
.boton-dorado-invertido:focus, .boton-dorado-invertido.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(202, 146, 62, 0.5);
    box-shadow: 0 0 0 3px rgba(202, 146, 62, 0.5); 
}
.boton-dorado-invertido.disabled, .boton-dorado-invertido:disabled {
    color: #CA923E;
    background-color: transparent; 
}
.boton-dorado-invertido:active, .boton-dorado-invertido.active, .show > .boton-dorado-invertido.dropdown-toggle {
    color: #CA923E;
    background-color: #fff;
    border-color: #CA923E; 
}



.boton-azul {
    color: #1F8DCF;
    background-color: transparent;
    background-image: none;
    border-color: #1F8DCF; 
}
.boton-azul:hover {
    color: #fff;
    background-color: #1F8DCF;
    border-color: #1F8DCF;
    cursor: pointer;
}
.boton-azul:focus, .boton-azul.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(31, 141, 207, 0.5);
    box-shadow: 0 0 0 3px rgba(31, 141, 207, 0.5); 
}
.boton-azul.disabled, .boton-azul:disabled {
    color: #1F8DCF;
    background-color: transparent; 
}
.boton-azul:active, .boton-azul.active, .show > .boton-azul.dropdown-toggle {
    color: #fff;
    background-color: #1F8DCF;
    border-color: #1F8DCF; 
}


.boton-azul-invertido {
    color: #fff;
    background-color: #1F8DCF;
    background-image: none;
    border-color: #1F8DCF; 
}
.boton-azul-invertido:hover {
    color: #1F8DCF;
    background-color: transparent;
    border-color: #1F8DCF;
    cursor: pointer;
}
.boton-azul-invertido:focus, .boton-azul-invertido.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(31, 141, 207, 0.5);
    box-shadow: 0 0 0 3px rgba(31, 141, 207, 0.5);  
}
.boton-azul-invertido.disabled, .boton-azul-invertido:disabled {
    color: #1F8DCF;
    background-color: transparent; 
}
.boton-azul-invertido:active, .boton-azul-invertido.active, .show > .boton-azul-invertido.dropdown-toggle {
    color: #1F8DCF;
    background-color: transparent;
    border-color: #1F8DCF; 
}



.boton-naranja {
    color: #ff6600;
    background-color: transparent;
    background-image: none;
    border-color: #ff6600; 
}
.boton-naranja:hover {
    color: #fff;
    background-color: #ff6600;
    border-color: #ff6600; 
}
.boton-naranja:focus, .boton-naranja.focus {
    -webkit-box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.5);
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.5); 
}
.boton-naranja.disabled, .boton-naranja:disabled {
    color: #ff6600;
    background-color: transparent; 
}
.boton-naranja:active, .boton-naranja.active, .show > .boton-naranja.dropdown-toggle {
    color: #fff;
    background-color: #ff6600;
    border-color: #ff6600; 
}

.boton-blanco {
    color: #5a5a57;
    background-color: transparent;
    background-image: none;
    border-color: #5a5a57; 
}
.boton-blanco:hover {
    color: #fff;
    background-color: #5a5a57;
    border-color: #5a5a57; 
}
.boton-blanco:focus, .boton-blanco.focus {
    -webkit-box-shadow: 0 0 0 3px rgba( 160, 160, 154 , 0.5);
    box-shadow: 0 0 0 3px rgba( 160, 160, 154 , 0.5); 
}
.boton-blanco.disabled, .boton-blanco:disabled {
    color: #5a5a57;
    background-color: transparent; 
}
.boton-blanco:active, .boton-blanco.active, .show > .boton-blanco.dropdown-toggle {
    color: #fff;
    background-color: #5a5a57;
    border-color: #5a5a57; 
}

/*---------------------------------------------------*/
.azult{
    font-family: Arial, sans-serif;
    color: #1F8DCF;
    font-size: 15px;
    /*font-weight: bold;*/
}
.alinder{
        text-align: right;
    }
.alinizq{
       text-align: left;
}
/*-------------- tamaño de letra --------------------*/
.grande{
  font-size: 2rem;
}

.mediano{
  font-size: 1.5rem;
}

.pequeno{
  font-size: 1rem;
}

.minim{
  font-size: 12px;
}
.txt-centrado{
    text-align: center;
}
/*------------------------------------------------*/
/*select{
    background-color: #fff;
    background: #fff;
    border-color: #1F8DCF;
    border: solid 2px;
    border-color: #e2e3e4;
    transition: box-shadow 0.5s;
}
select:disabled{
    border-color: #A4CED0;
}
select:hover{
    border: solid 2px;
    border-color: #1F8DCF;
    box-shadow: 0 0 7px #1F8DCF;
}*/
.input-azul{
    background-color: #fff;
    background: #fff;
    border-color: #1F8DCF;
    border: solid 2px;
    border-color: #e2e3e4;
    box-shadow: 0;
    transition: box-shadow 200ms;
    transition: border 1s;
}
.input-azul:hover{
    border: solid 2px;
    border-color: #1F8DCF;
    box-shadow: 0 0 4px #1F8DCF;*
}
/*- estilos de mensajes alert -*/
   /* .alert {
        padding: 10px;
        background-color: #f44336;
        color: white;
        opacity: 1;
        transition: opacity 0.6s;
        width: 64%;
        position: fixed;
        height: 35px;
        left: 15%;
        top: 20%;
    }*/

    .alert.success {background-color: #4CAF50;}
    .alert.info {background-color: #2196F3;}
    .alert.warning {background-color: #ff9800;}

    /*.closebtn {
      margin-left: 15px;
      color: white;
      font-weight: bold;
      float: right;
      font-size: 22px;
      line-height: 20px;
      cursor: pointer;
      transition: 0.3s;
    }

    .closebtn:hover {
      color: black;
    }*/