/*************************************************************/
body {
margin:0; padding:0px 0 0 0; 
font: 100% Arial, Sans-Serif; color:#000; font-size: 12px;
background: #fff ;
}
/*------------------------------------ cabecera superior azul con datos de usuario*/
.contenido_encabezado9{ height: 120px; width: 100%; left: 0; top: 0; position: fixed;}
.la_cabecera{background: #fff url(../img/fondo_cabecera.png) no-repeat top center; height: 80px; width: 100%; }
.texto_la_cabecera{width: 972px; height: 80px; margin: 0 auto;}
.texto_izquierda_la_cabecera{float: left; width: 500px;  padding: 15px 0 0 10px; color: #1e6db5;}
.texto_derecha_la_cabecera{background: rgba(242,247,250,0.8); float: right; width: 220px; padding: 10px 0 5px 10px;}
/*------------------------------------ menu principal*/
.barra_menu{background: #095280; height: 35px; width: 100%; padding: 0; margin: 0 auto;}
.barra_menu ul{list-style: none; height: 35px; width: 972px; padding: 0; margin: 0 auto;}
.barra_menu-item a{color: #ffffff; font-weight: bold; font-size: 16px; text-decoration: none; padding: 8px 10px 8px 10px ; }
.barra_menu li{display: block; float: left; padding: 7px 0 0 0;}
.barra_menu-item a:hover{color: #000; background: #ebeef0; }             
/*------------------------------------*/
.el_contenedor{                                   
width: 972px; padding: 0; margin: 0 auto; 
}  
.contenido{
float:left; margin: 0 auto; padding: 0 6px 0 6px; min-height: 410px; 
width: 960px;  background: #ffffff;    
}
/*------------------------- div para contenido en 3 posiciones*/
.ContIzquierda{float: left; padding: 0 10px; width: 30%; }
.ContCentro{float: left; width: 33%;}
.ContDerecha{float: right; width: 30%; font-size: 14px;}
/*------------------------- el formulario de ingreso al sistema*/
table.formulario_ingreso{padding: 15px; background: #1B85AF; border: 2px solid #095280;}
table.formulario_ingreso .letras_formulario_ingreso, table.formulario_ingreso a{color: #fff; text-align: right; font-weight: bold;}
table.formulario_ingreso tr:nth-child(2n) td {background: #1B85AF;}
table.formulario_ingreso .altrow td {background: #1B85AF;}
table.formulario_ingreso tr td {background: #1B85AF;}
input[type=text].formulario_ingreso{background: #fff;}

.boton_ingreso{background: url(../img/ingreso.png) no-repeat; border: none; color: #fff; font-weight: bold; font-size: 14px; width:120px; height:40px; padding:0px 0 0px 0px;}
.boton_ingreso:hover{background: url(../img/ingreso_hover2.png) no-repeat; border: none; color: #0b315f; cursor: pointer;}

.boton_ingreso_rg{background: #095280; border: none; color: #fff; font-weight: bold; font-size: 14px; width:180px; height:80px; padding:0px 0 0px 0px;}
.boton_ingreso_rg:hover{background: #ebeef0; border: none; color: #000; cursor: pointer;}

/*------------------------- barra herramientas*/
.barraherramientas{float: left; width:100%; height:50px; border: 1px outset; margin: 0 0 15px 0; } /*menu de opciones*/
.comun {margin:2px 0 0 10px; text-align: center; height:37px; width:auto; float:left;}
.comun img {border: none;}
.comun a{color: #13538E;}
/*------------------------- scroll para lista de estudiantes*/ 
.barra_scroll_mas_doble{float: left; background: #fff; height: 170px; width: 680px; margin-right:20px; overflow-y: scroll;}
.barra_scroll_mas_grande{float: left; background: #fff; height: 250px; width: 620px; margin-right:20px; overflow-y: scroll; }
.barra_scroll_mas{float: left; background: #fff; height: 350px; width: 420px; margin-right:20px; overflow-y: scroll;}
.barra_scroll{float: left; background: #fff; height: 350px; width: 320px; margin-right:20px; overflow-y: scroll;}    
.barra_scroll_menos{float: left; background: #fff; height: 350px; width: 250px; margin-right:20px; overflow-y: scroll;}   
/*------------------------------------ titulos de los formatos de informes*/
.titulo28{font-size: 28px; font-weight: bold; text-align: center; }
.titulo22{font-size: 22px; font-weight: bold; text-align: center; }
.titulo18{font-size: 18px; font-weight: bold; text-align: center; }
.titulo16{font-size: 16px; text-align: center; }    
.titulo14{font-size: 14px; text-align: center; }
.texto_certificado{text-align: justify; font-size: 16px;}


.titulo22pro{font-size: 22px; font-weight: bold; text-align: center; }
.titulo18pro{font-size: 18px; font-weight: bold; text-align: center; }
.titulo16pro{font-size: 16px; text-align: center; } 
.titulo14pro{font-size: 14px; text-align: center; }   
.texto_certificado_imprimir_pro{text-align: justify; font-size: 12px; line-height: 16px;}
.texto_certificado_imprimir_pro3{text-align: justify; font-size: 14px; line-height: 15px;}
/*------------------------------------ para los cuadros de texto*/
.texto_g{width: 260px;}         
.texto_m{width: 120px;}
.texto_p{width: 60px;}
.text-notas{width: 60px;}
/*------------------------------------ div de espacios*/
.espacio50{float:left; height: 50px; width: 100%; }
.espacio10{float:left; height: 10px; width: 100%; }
.separador_lista{height: 10px; background: #c0c0c0; width: 100%; }
/*------------------------- mensajes de error*/
div.message {clear: both;	color: #fff; font-size: 140%;	font-weight: bold; margin: 0 0 1em 0;	background: #c73e14; padding: 5px;}
div.error-message {clear: both;	color: #fff; font-weight: bold;	background: #c73e14;}
/*------------------------- tablas en general*/
table {background: #fff; border-right:0; clear: both;	color: #333; margin-bottom: 10px;}
th {border:0;	border-bottom:2px solid #555;	text-align: left;	padding:4px;}
th a {display: block;	padding: 2px 4px;	text-decoration: none;}
th a.asc:after {content: ' ⇣';}
th a.desc:after {content: ' ⇡';}
table tr td {background: #fff; padding: 6px; text-align: left; vertical-align: top;}
table tr:nth-child(2n) td {background: #e9e9e9;}
table .altrow td {background: #f5f5f5;}
td.actions {text-align: center;	white-space: nowrap;}
table td.actions a {margin: 0px 6px; padding:2px 5px;}
/*------------------------- tablas sin estilo*/
table.no_estilo tr:nth-child(2n) td {background: none;}
table.no_estilo .altrow td {background: none;}
table.no_estilo tr td {border: none;}
/*------------------------- tablas con estilo diferente*/
table.inicial tr td {background: #f1f5f6; padding: 0; text-align: left; vertical-align: middle;}
table.inicial tr:nth-child(2n) td {background: #e0ebed; }
/*------------------------------------ mostrar reportes en pantalla */
.no_imprime{float: left;} /* div que no se quiere imprimir */
.alineacion_informes{float: left;  width: 100%;} /* alinear menu de informes */
.pantalla_completa{float: left; width: 100%; background: #fff;}
.pantalla_certificado_imprimir{width: 100%;  margin: 0 auto;} /* div para ver los informes */
.texto_certificado_imprimir_notas, .texto_certificado_imprimir_notas_largo{font-size: 10px;} /* div para el texto de los informes */
table.notas{border-collapse: collapse; border:solid 1px #000;} /* tablas para las calificaciones */
.comentario7 a{color: #63899B;} /* span para comentario si tiene promedio >= de 7 */
.texto_certificado_no_pantalla{display: none;} /* div para el lugar y fecha de impresion */
/*------------------------------------ pie al final de la pagina*/
.el_pie{float:left; background: #006495; height: 130px; width: 100%; }
.cabecera_pie{background: #ffffff; height: 30px; width: 972px; margin: 0 auto;}
.texto_pie{color: #ffffff; width: 972px; margin: 0 auto; padding: 10px 0 0 0; }
/*------------------------------------*/
.texto_certificado_imprimir_notas_peq{font-size: 8px; text-align: justify;}
.texto_certificado_imprimir_notas_gra{font-size: 14px; text-align: justify;}

/*------------------------------------*/
.generalright{text-align: right;} /* a la derecha */
img{border: 0px;}
.botones{float: left;}
input[type=text]  {background: #CFDBEC;}
.estilo_selector select {background: #ddd; padding: 5px; font-size: 14px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none;}
.nuevo_estudiante{float: left; width: 50%; background: #fff;} /* div para crear o modificar estudiante */
.reg_correcto{background: #37eaec; padding: 6px; color: #09315a;} /* estudiante registrado */
/*------------------------------------*/



.lista_cursos{
float: left; padding: 0 40px 0 0; width: 100%;
}

.lista_estudiantes{
float: left;
}



.pantalla_certificado_imprimir_promo{    
width: 80%;  margin: 0 auto; 
}


#divListaEstudianteNotas{
padding: 0 0 0 0; float: left;  
}

#divNotasMateria, #divNotasPorMateria{
float: left; width: 48%;
}
.pantalla_certificado_imprimir_cuadro{    
width: 100%;  margin: 0 auto;
}

#divListaEscuelas, #divListaProfesoresEscuela, #divProfesorAct, #divListaCursosEscuela, #divMateriasLista{
float: left;
}
#divListaEscuelas{ width: 32%;}
#divListaProfesoresEscuela, #divListaCursosEscuela{ width: 65%;}    

        


.boton_enviar_cuadro{
float: right;
}

.bloque_enlace_datos{
height: 20px; width: 100%;
display: block;
margin: 0 0 15px 0 ;
}
.enlace_datos{
background: #d5daae;
float: left;
margin: 0 5px 0 0;  padding: 4px 6px;
}
.enlace_datos a{
color: #000;
text-decoration: none;
}
.enlace_datos:hover{
background: #c3ca90;
}
.certificado_mat_imprimir{ 
width: 80%;  margin: 0 auto; 
}