#div_encabezado{background:#196F3D;}
#div_sesion_usuario{font-size:0.9em;background:#196F3D;color:#fff;}
#div_contenido_fondo{background:#196F3D;}
#div_contenido_centro_1{background:#E5E7E9;}
#div_contenido_centro_2{background:silver;width:98%;}
#div_contenido_centro_3{background:#fff;}
#div_final{background:#1C2833;color:#C1C1C1;font-size:18px;z-index:1;}
#siclaro{width:13.5%;float:left;padding-top:0%;padding-bottom:0%;text-align:center;margin-left:0.5%;margin-top:0.7%;padding:0%;box-sizing:border-box;font-size:0.9em;z-index:1;}


.login_usuario_fondo{background:#196F3D;width:100%;}
.login_usuario_formulario{background:#27AE60;border:1px solid #1C2833;}
.login_usuario_input{color:#000;font-size:0.7em;background:#fff;width:74%;margin:0 auto;text-align:left;}
.login_usuario_boton{background-color:#1d8348;color:#fff;font-size:1em;}

.clase_link_recuperar_contrasena{color:#303030;text-decoration:underline;}
.clase_link_recuperar_contrasena:hover{color:#303030;text-decoration:underline;}
.clase_link_recuperar_contrasena:visited{color:#303030;text-decoration:underline;}

.clase_link_registro_usuario{color:#fff;text-decoration:underline;}
.clase_link_registro_usuario:hover{color:#fff;text-decoration:underline;}
.clase_link_registro_usuario:visited{color:#fff;text-decoration:underline;}

.contenido_centro_color_fondo_1{font-size:0.9em;text-align:center;color:#000;font-weight:normal;font-family:Arial;background:#fff;}
.contenido_centro_color_fondo_2{font-size:0.9em;text-align:center;color:#000;font-weight:normal;font-family:Arial;background:#E5E7E9;}

.contenido_centro_titulos{color:#000;font-size:1.2em;font-weight:bold;}
.contenido_centro_unico_titulos{color:#000;font-size:2em;font-weight:bold;}

.contenido_centro_unico{background:#fff;border:1px solid black;width:50%;text-align:center;padding:3%;
-webkit-border-radius:5%; -moz-border-radius:5%; border-radius: 5%;margin:0 auto;box-sizing:border-box;}

.color_separador_contenido_centro_principal{border-top: 2px solid #E5E7E9;margin-top:0.5%;margin-bottom:0.5%;}
.color_separador_contenido_centro{border-top:1px solid silver;}

.clase_titulo_div_encabezado{font-size:1.3em;color:#1B2631;background:#fff;}

.searchfield{background-color:#fff;color:#000;border: 1px solid #fff;}

.paginacion_numeracion{color:#000;background:#E5E7E9;width:3%;font-weight:normal;box-sizing:border-box;}
.paginacion_numeracion_hover{color:#000;background:orange;width:3%;font-weight:normal;box-sizing:border-box;}
.paginacion_boton_adelante_atras{color:#000;background:#E5E7E9;width:3%;font-weight:normal;font-size:0.6em;box-sizing:border-box;}
.paginacion_registros_y_paginas{color:#000;background:#E5E7E9;font-weight:normal;width:22%;box-sizing:border-box;}

.titulo_contenido_centro{background:#27AE60; /*#5499C7*/color:#1B2631;font-size:0.8em;padding:0.5%;font-weight:bold;font-family:Arial;text-align:center;}/*Estos son los títulos de los cuadros de información principal ---*/

.boton_activo{color:#fff;background:#5499C7;font-weight:bold;}
.boton_inactivo{color:#fff;background:#CB4335;font-weight:bold;}

.boton_guardar_m_cambios{background-color:#5499C7;color:#fff;font-family:Arial;font-size:1em;width:15%;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em;border-radius:0.3em;border:1px solid #bcbbbb;padding:1%;}
.boton_cancelar_m_cambios{background-color:#CB4335;color:#fff;font-family:Arial;font-size:1em;width:15%;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em;border-radius:0.3em;border:1px solid #bcbbbb;padding:1%;}

.boton_modificar{background-color:#27AE60;color:#fff;width:60%;}
.boton_visualizar_exportar_pdf{background-color:orange;color:#fff;}
.boton_visualizar_exportar_excel{background-color:yellowgreen;color:#fff;}

.boton_crear_input{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:22.2%;}
.boton_crear_select{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:24.3%;}
.boton_crear_textarea{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:23.3%;}
.boton_guardar_nuevo{background-color:#27AE60;color:#fff;}
.boton_cancelar_creacion_nuevo{background-color:#CB4335;color:#fff;}

.boton_modificar_input{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:22.2%;}
.boton_modificar_select{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:24.3%;}
.boton_modificar_textarea{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:23.3%;}

.boton_crear_nuevo{background-color:orange;color:#fff;font-weight:bold;}



/*////////////////////////////////////////////////////////////////Configuración Media Querys -- Responsive Designe////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Configuración para el menu si la pantalla del dispositivo es menor a 800px*/
@media screen and (max-width: 800px) {
#div_general{font-size:0.7em;}
#div_contenido_centro_1{width:100%;padding:0:margin:0;}
#div_ciclo_escolar{display:none;}	
#div_ciclo_escolar{float:left;padding:0;margin:0;margin-top:0.5em;width:100%;}
#siclaro{width:100%;margin:0 auto;margin-top:1.5%;margin-bottom:1.5%;}
#div_sesion_usuario{border:0;-webkit-border-radius:0%; -moz-border-radius:0%; border-radius: 0%;}
#div_final{font-size:0.9em;}	

.login_usuario_formulario{width:80%;}
	
.contenido_centro_unico{width:88%;}
.contenido_centro_unico_titulos{color:#000;font-size:1em;font-weight:bold;}

.div_buscador{width:100%;}

.boton_crear_input, .boton_crear_select, .boton_crear_textarea{width:98%;font-size:0.9em;box-sizing:border-box;margin-top:0.2em;margin-bottom:0.2em;}
.boton_crear_textarea{height:4em;}
.boton_cancelar_creacion_nuevo{width:48%;box-sizing:border-box;margin-left:1%;padding:2%;margin-top:1%;margin-bottom:2%;}
.boton_guardar_nuevo{width:48%;box-sizing:border-box;margin-left:1%;margin-top:1%;padding:2%;margin-bottom:2%;}
	
.clase_div_encabezado{width:100%;margin-left:0%;}
.clase_banner_principal_div_encabezado{width:98%;margin:0;padding:0;box-sizing:border-box;padding-bottom:0.35em;padding-top:0.35em;}

.img_usuario{margin-left:0%;width:15%;}
	
.paginacion_numeracion{width:10.6%;margin-left:0.5%;font-size:0.9em;}
.paginacion_numeracion_hover{width:10.6%;margin-left:0.5%;font-size:0.9em;}
.paginacion_boton_adelante_atras{width:10.6%;margin-left:0.5%;font-size:0.9em;}
.paginacion_registros_y_paginas{width:100%;font-size:0.9em;}

.titulo_contenido_centro{font-size:0.55em;box-sizing:border-box;margin:0;padding:0;letter-spacing:0;line-height:0.9em;font-weight:bold;font-family:Arial;padding-bottom:0.35%;}	
	
.contenido_centro_color_fondo_1{font-size:1em;box-sizing:border-box;margin-left:0.35%;margin-right:0.35%;}
.contenido_centro_color_fondo_2{font-size:1em;box-sizing:border-box;margin-left:0.35%;margin-right:0.35%;}

.boton_activo{font-size:0.8em;width:100%;box-sizing:border-box;font-weight:normal;}
.boton_inactivo{font-size:0.8em;width:100%;box-sizing:border-box;font-weight:normal;}
.boton_modificar{font-size:0.88em;width:82%;box-sizing:border-box;}


.menu_bar {display:block;width:100%;position: relative;top:0;background:#229954;box-sizing: border-box;}
.menu_bar .bt-menu {display: block;padding: 12px;color: #fff;overflow: hidden;font-size: 25px;font-weight: bold;text-decoration: none;box-sizing: border-box;}
.menu_bar span {float: right;font-size: 40px;}
header{min-height:0em;}
header nav {width: 90%;height: calc(100% - 80px);position: absolute;right:100%;margin: 0;padding:0;overflow: scroll;background:#239b56;}
header nav ul li {display: block;border-top:1px solid rgba(255,255,255, 0.2);}
header nav ul li a {display: block;}
header nav ul li:hover .children {display: none;}
header nav ul li .children {width: 100%;position: relative;background: #52be80;}
header nav ul li .children li a {margin-left:20px;}
header nav ul li .caret {float: right;}


}