#div_sesion_usuario{font-size:0.9em;}
#div_contenido_centro_1{background:#E5E7E9;}
#div_contenido_centro_2{background:silver;width:98%;}
#div_final{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;}

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

.login_usuario_fondo{width:100%;background:#F4F6F7;}
.login_usuario_formulario{background:#27AE60;border:1px solid #1C2833; /*COLOR DE FONDO PROPIO DE CONTROLSKOOL*/}
.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;}

/*Estos son los colores y configuración del cuadro de resultado principal ---*/
.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{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;}

.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;}

/*Configuraciones Botones Normales y de Estado*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
.boton_activo{color:#fff;background:#5499C7;font-weight:bold;}
.boton_asignar{color:#000;background:#D5D8DC;font-weight:bold;width:30%;}
.boton_inactivo{color:#fff;background:#CB4335;font-weight:bold;}
.boton_completado{color:#fff;background:#27AE60;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;}
.btn_estilo_dinamico{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;}

.boton_encabezado_input{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:23.8%;box-sizing:border-box;font-size:0.7em;}
.boton_encabezado_select{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:23.8%;box-sizing:border-box;font-size:0.7em;}
.boton_encabezado_textarea{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:23.8%;box-sizing:border-box;font-size:0.7em;}

.boton_encabezado_input_sin_busqueda{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:24.8%;box-sizing:border-box;font-size:0.7em;}
.boton_encabezado_select_sin_busqueda{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:24.8%;box-sizing:border-box;font-size:0.7em;}
.boton_encabezado_textarea_sin_busqueda{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:24.8%;box-sizing:border-box;font-size:0.7em;}


.boton_cancelar_encabezado{background-color:#CB4335;color:#fff;border:1px solid #bcbbbb;width:10%;box-sizing:border-box;}
.boton_aceptar_encabezado{background-color:#27AE60;color:#fff;border:1px solid #bcbbbb;width:12%;box-sizing:border-box;}/*#CB4335; - #27AE60;*/


.btn_clase_agregar_carrito{float:left;background:orange;font-weight:bold;color:#fff;width:2%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em; 
border-radius:0.5em;box-sizing:border:box;padding:1%;padding-top:0%;padding-left:0.6%;}


#img_lupa_encabezado{width:2.6%;float:left;margin:0.9%;margin-left:0.2%;margin-bottom:0;}


.boton_guardar_cambios{background-color:#5499C7;color:#fff;font-family:Arial;font-size:0.8em;width:48.5%;}
.boton_cancelar_cambios{background-color:#CB4335;color:#fff;font-family:Arial;font-size:0.8em;width:48.5%;}

.boton_total{background-color:lightblue;color:#000;font-size:0.7em;border:1px solid #bcbbbb;width:8.7%;margin-left:85.5%;}
.boton_monto{background-color:lightblue;color:#000;font-size:0.7em;border:1px solid #bcbbbb;width:8.7%;margin-left:85.5%;}
.boton_cambio{background-color:yellowgreen;color:#000;font-size:0.7em;border:1px solid #bcbbbb;width:8.7%;margin-left:85.5%;}
	
.boton_eliminar_pago_carrito{background-color:#CB4335;color:#fff;font-size:0.7em;width:0.7%;border:1px solid #bcbbbb;}

.boton_mas_opciones{background-color:#27AE60;color:#fff;width:16%;}
.boton_pdf_interno{background-color:orange;color:#fff;width:7%;box-sizing:border-box;}

.boton_imprimir{color:#fff;background:#5D6D7E;font-weight:bold;}
.boton_imprimir:visited{text-decoration:none;color:#fff;}
.boton_imprimir:hover{text-decoration:none;color:#fff;}


.contenido_centro_color_articulo_fondo_1{background:#fff;color:#000;font-size:0.6em;}
.contenido_centro_color_articulo_fondo_2{background:#F2F3F4;color:#000;font-size:0.6em;}


/*La siguiente linea es para modificar o personalizar el aspecto del cuadro donde se muestran los artículos producto de las busquedas*/
.contenido_mostrar_procesar_pagos{background:#5499C7;width:99%;max-height:9em;min-height:1em;}


.alto_contenido_mostrar_procesar_pagos{height:1.5em;padding:0.3%;padding-top:0%;margin-top:0%;padding-bottom:0%;margin-bottom:0.2%;padding-right:0.5%;border:none;}

.contenido_centro_titulos_encabezado{font-size:1.2em;font-weight:bold;display:block;}


.color_fondo_carrito_1{background-color:#fff;color:#000;font-size:0.9em;font-weight:normal;font-family:Arial;text-align:center;}
.color_fondo_carrito_1{width:98%;padding:3%;padding-top:0%;padding-left:1%;padding-right:1%;}

.color_fondo_carrito_2{background-color:#fff;color:#000;font-size:0.9em;font-weight:normal;font-family:Arial;text-align:center;}
.color_fondo_carrito_2{width:98%;padding:3%;padding-top:0%;padding-left:1%;padding-right:1%;}


.titulo_carrito{background:#5499C7;color:#1B2631;font-size:0.8em;padding:0.5%;font-weight:normal;font-family:Arial;}


.div_cambio_proceso{padding:1%;width:98%;margin-left:0%;background:yellowgreen;color:navy;font-size:1em;margin-top:0.5%;margin-bottom:0.5%;text-align:center;}

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


/*Estos son los títulos de los cuadros que muestran los pagos en las transacciones*/
.titulo_contenido_administrar_articulos{background:#F39C12;color:#000;font-size:0.9em;font-weight:bold;font-family:Arial;margin-left:1%;padding:1%;
padding-bottom:0%;width:96%;padding-right:1%;margin:1%;margin-top:0%;margin-bottom:0%;}

.titulo_contenido_historial_abonos{background:#F39C12;color:#000;font-size:0.9em;font-weight:bold;font-family:Arial;margin-left:1%;padding:1%;padding-bottom:1%;
width:96%;padding-right:1%;margin:1%;margin-top:0%;margin-bottom:0%;}

.boton_encabezado_input_factura{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:17%;box-sizing:border-box;font-size:0.7em;padding-top:1.3%;}
.boton_encabezado_input_calendario{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:15%;box-sizing:border-box;font-size:0.7em;padding-top:1.3%;}
.boton_encabezado_input_descuento{background-color:#E5E7E9;color:#000;border:1px solid #bcbbbb;width:12%;box-sizing:border-box;font-size:0.7em;padding-top:1.3%;}

.contenido_centro_color_articulo_fondo_1{background:#fff;color:#000;font-size:0.6em;}
.contenido_centro_color_articulo_fondo_2{background:#F2F3F4;color:#000;font-size:0.6em;}

.boton_eliminar_articulo_carrito{background-color:#CB4335;color:#fff;font-size:0.7em;width:0.7%;border:1px solid #bcbbbb;}

.elemento_mitad_completo{width:49%;}
.elemento_tres_cuartos{width:74%;}










/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
#div_contenido_centro_1{margin-right:0%;float:left;text-align:justify;line-height:1.5em;text-indent:0em;letter-spacing:none;
position:relative;z-index:0;word-wrap: break-word;background:#E5E7E9;width:97%;}
#div_contenido_centro_2{margin-left:1%;padding-top:0.1%;margin-top:0.7%;padding-bottom:0.1%;margin-bottom:0.7%;margin-right:1%;background:red;
background:silver;width:98%;}
#div_contenido_centro_3{width:89.7%;margin-left:0.15%;padding-bottom:50px;padding-left:5%;padding-right:5%;padding-top:1.4%;background:green;}

.clase_div_encabezado{width:70.5%;margin-left:1.5%;margin-right:0;}
/*.clase_banner_principal_div_encabezado{width:60%;max-height:70px;margin:0;padding:0;box-sizing:border-box;padding-bottom:0.35em;padding-top:0.35em;}

#siclaro{position:absolute;left:85%;width:15%;padding-top:0;margin-top:0%;}	
.enlace_img_usuario{position:absolute;top:1%;left:93.1%;width:5.3%;}	
.img_usuario{width:55%;}*/

/*height:80px;min-height:0em;*/
header{width:3%;font-size:0;margin:0;padding:0;box-sizing:border-box;}
.clase_fuentes_menu{font-size:35px;margin-left:0;}
header nav{width:100%;position:relative;padding:0;overflow-y:hidden;overflow-x:hidden;padding-bottom:100%;}

header nav ul li{padding-top:11%;padding-bottom:11%;}
header:hover li{padding-top:0%;padding-bottom:0%;margin:0;}
header:hover .clase_fuentes_menu{font-size:31px;}

header:hover{width:15.5%;font-size:0.9em;}
header nav:hover{width:100%;overflow-y:hidden;overflow-x:hidden;}
header:hover ~ #div_contenido_centro_1{width:84.5%;}


@media screen and (max-width: 1200px) {
#div_contenido_centro_1{width:95.5%;}
header{width:4.5%;}
/*.clase_div_encabezado{width:92%;margin-left:4.5%;margin-right:0;}*/
}
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/







/*////////////////////////////////////////////////////////////////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_contenido_izquierda{width:0%;padding:0:margin:0;}
#div_final{font-size:0.9em;padding-bottom:3em;}
#div_ciclo_escolar{display:none;}
#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%;}

.login_usuario_formulario{width:80%;}
.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;}
#div_ciclo_escolar_movil{display:inline-block;font-size:0.9em;}
.img_usuario{margin-left:0%;width:15%;}

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

.div_buscador{width:100%;}
#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%;}

.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;}



/*Configuración encabezado*/
.boton_encabezado_input{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_select{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_textarea{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;height:4em;}

.boton_encabezado_input_sin_busqueda{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_select_sin_busqueda{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_textarea_sin_busqueda{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;height:4em;}


.boton_cancelar_encabezado{width:49.5%;box-sizing:border-box;margin-left:0%;padding:2%;margin-top:2%;margin-bottom:2%;}
.boton_aceptar_encabezado{width:49.5%;box-sizing:border-box;margin-left:0%;margin-top:2%;padding:2%;margin-bottom:2%;}


.btn_clase_agregar_carrito{float:left;background:orange;font-weight:bold;color:#fff;width:98%;-webkit-border-radius:0.5em;-moz-border-radius:0.5em; 
border-radius:0.5em;box-sizing:border:box;padding:4%;margin:0;margin-bottom:0%;}


#img_lupa_encabezado{width:8%;margin-left:46%;}

.titulo_modificar{font-size:0.9em;}

.boton_visualizar_exportar_pdf{width:48%;margin-top:2%;margin-bottom:2%;padding:2%;}
.boton_visualizar_exportar_excel{width:48%;margin-left:2%;margin-top:2%;margin-bottom:2%;padding:2%;}

.elemento_mitad_completo{width:98%;}
.elemento_tres_cuartos{width:98%;}

.contenido_centro_color_procesar_pagos_fondo_1{margin-top:2%;margin-bottom:2%;}
.contenido_centro_color_procesar_pagos_fondo_2{margin-top:2%;margin-bottom:2%;}
	

/*Configuración de los botones o campos de la paginación*/	
.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;}
	
/*Configuración contenido centro, titulos*/
.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%;}	

/*Configuración Contenido centro 3*/	
.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%;}



.btn_estilo_dinamico{font-size:0.77em;}		

.boton_encabezado_input_factura{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_input_calendario{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}
.boton_encabezado_input_descuento{width:100%;box-sizing:border-box;margin-left:0%;margin-top:1%;margin-bottom:0%;}

.div_contacto_controlstorck{background:#ecf0f1;color:#303030;padding:2%;box-sizing:border-box;width:100%;margin-right:0%;float:left;text-align:center;margin-bottom:5%;}



/*************************************************************************************************************************************************************/
/*Configuración para el menu responsive*/
/*************************************************************************************************************************************************************/
header{min-height:0em;font-size:0.9em;width:100%;}
.menu_bar {display:block;width:100%;position: relative;top:0;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:100%;height: calc(100% - 80px);position: absolute;right:100%;margin: 0;padding:0;overflow: scroll; overflow-y:scroll;overflow-x:none;}
header nav ul li {display: block;border-top:1px solid rgba(255,255,255, 0.2);padding-top:0.7%;padding-bottom:0.7%;}
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;}

.clase_fuentes_menu{font-size:35px;}
header:hover .clase_fuentes_menu{font-size:35px;}

header:hover li{padding-top:0.7%;padding-bottom:0.7%;}
header nav:hover{width:100%;overflow-y:scroll;overflow-x:none;}

header nav ul li .children li {padding-top: 0.7%;padding-bottom:0.7%;}



/*Configuración botoones Telegram...*/
/************************************************************************************************************************************************/
#div_adjuntar_imagen{width:96%;padding:2%;padding-top:0.6%;-webkit-border-radius:1em;-moz-border-radius:1em; 
border-radius:1em;margin-top:0.5em;vertical-align:top;padding-bottom:0.4em;}	
#div_adjuntar_audio{width:96%;padding:2%;padding-top:0.6%;-webkit-border-radius:1em;-moz-border-radius:1em; 
border-radius:1em;margin-top:0.5em;vertical-align:top;padding-bottom:0.4em;}	
#div_adjuntar_video{width:96%;padding:2%;padding-top:0.6%;-webkit-border-radius:1em;-moz-border-radius:1em; 
border-radius:1em;margin-top:0.5em;vertical-align:top;padding-bottom:0.4em;}
#div_adjuntar_documento{width:96%;padding:2%;padding-top:0.6%;-webkit-border-radius:1em;-moz-border-radius:1em; 
border-radius:1em;margin-top:0.5em;vertical-align:top;padding-bottom:0.4em;}	

#div_asistencia_automatizada{margin-left:5%;width:90%;-webkit-border-radius:10%; -moz-border-radius:10%; border-radius:10%;background:#000;}
}