/*Margenes Generales para toda la pagina - TODO LO PUEDO EN CRISTO QUE ME FORTALECE*/
body{font-size:18px;background:transparent;}
a{text-decoration:none;}a:visited{text-decoration:none;}
*{margin:0;padding:0;} 

#div_general{position:relative;background-color:transparent;text-align:center;}
#div_encabezado{margin:0 auto;text-align:left;margin-bottom:0;padding-bottom:0;z-index:1;}
#div_sesion_usuario{position:absolute;display:none;text-align:center;width:100%;margin:0 auto;padding:0%;
-webkit-border-radius:12%; -moz-border-radius:12%; border-radius: 12%;z-index:777;box-sizing:border-box;}
#div_contenido_fondo{position:relative;margin:0 auto;height:auto;text-align:center;overflow: hidden;width:100%;}
#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;width:86%;}
#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%;}
#div_contenido_centro_3{width:89.7%;margin-left:0.15%;padding-bottom:50px;padding-left:5%;padding-right:5%;padding-top:1.4%;}
#div_ciclo_escolar{float:left;padding:0;margin:0;margin-top:0.5em;width:14%;}
#div_pdf{width:70%;float:right;text-align:right;box-sizing:border-box;}
#div_final{text-align:center;padding-bottom:1%;z-index:1;}


.clase_div_encabezado{width:72%;text-align:center;background:transparent;padding-top:0.2%;padding-bottom:0.2%;box-sizing:border-box;float:left;margin-left:0%;}
.clase_titulo_div_encabezado{-webkit-border-radius:5em; -moz-border-radius:5em; border-radius:0.4em; border: 0px solid black;
width:100%;padding:1%;padding-top:0%;padding-bottom:0.2%;box-sizing:border-box;}
.clase_banner_principal_div_encabezado{width:70%;}
.clase_div_sesion_usuario{z-index:1;padding:0.1%;margin:3%;border-bottom: 2px solid rgba(0,0,0, 0.2);border-top: 2px solid rgba(255,255,255, 0.5);}
.clase_enlace_div_sesion_usuario{color:#fff;text-decoration:none;}
.clase_enlace_div_sesion_usuario:hover{color:orange;text-decoration:none;}
.clase_enlace_div_sesion_usuario:visited{color:#fff;text-decoration:none;}

.img_usuario{margin-left:70%;width:22%;border:none;}

.contenido_centro_titulos{margin-top:1%;margin-bottom:0.5%;}
.contenido_centro_unico_titulos{margin-top:0%;margin-bottom:0.5%;}

.login_usuario_fondo{padding-top:3%;padding-bottom:5%;}
.login_usuario_formulario{text-align:center;padding:1%;-webkit-border-radius:5%; -moz-border-radius:5%; border-radius: 5%;margin:0 auto;width:22%;}
.login_usuario_input{text-align:center;padding:2%;border:none;margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;}
.login_usuario_boton{border:none;padding:3.5%;padding-left:4%;padding-right:4%;border:none;margin-bottom:0.3%;
margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;box-sizing:border-box;width:78%;margin-left:1%;}

.paginacion_numeracion{padding:0.5%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;font-weight:normal;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_numeracion_hover{padding:0.5%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_boton_adelante_atras{padding:0.5%;padding-top:0.7%;padding-bottom:0.6%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_registros_y_paginas{padding:0.5%;margin-left:0.1%;margin-bottom:0.3%;margin-top:0%;border:none;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}

.div_buscador{width:30%;float:left;margin-top:0.5%;background:silver;color:#000;border:1px solid gray;box-sizing:border-box;
display: inline-block;zoom: 1; *display: inline;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);padding: 0.2em 0.2em; box-shadow: 0 1px 0px rgba(0,0,0,.1);}
.div_buscador .searchfield{padding: 0.3em 0.3em 0.3em 0.3em; box-sizing:border-box;outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;
border-radius: 2em;-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);}
.searchfield{-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;float:left;text-align:left;width:88%;}

.contenido_centro_color_fondo_1{padding:0.6%;padding-bottom:0.4%;padding-left:0%;padding-right:0%;}
.contenido_centro_color_fondo_2{padding:0.6%;padding-bottom:0.4%;padding-left:0%;padding-right:0%;}

.boton_modificar{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:3%;}

.boton_crear_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0.5%;vertical-align:bottom;margin-left:0.2%;}
.boton_guardar_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;margin-top:0.5%;}
.boton_cancelar_creacion_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;margin-top:0.5%;}

.boton_visualizar_exportar_pdf{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;box-sizing:border-box;}
.boton_visualizar_exportar_excel{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;box-sizing:border-box;}
.boton_crear_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;
margin-left:1%;padding-left:0.8%;padding-right:0.8%;box-sizing:border-box;}

.custom-input-file {overflow: hidden;position: relative;cursor: pointer;} /*Este código es para cambiar el diseño de los archivos input tipo file */
.custom-input-file .input-file {margin: 0;padding: 0;outline: 0;font-size: 10000px;border: 10000px solid transparent;opacity: 0;filter: alpha(opacity=0);
position: absolute;right: -1000px;top: -1000px;cursor: pointer;}


.menu_bar{display:none;}
header {width: 14%;font-size:0.9em;box-sizing: border-box;float:left;text-align:left;min-height:50em;}
header nav {background:#196F3D;/*196F3D*/z-index:1000;max-width: 1000px;width:100%;/*margin:20px auto;*/box-sizing: border-box;text-align:left;}
header nav ul {list-style:none;padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
header nav ul li {/*display:inline-block; -- Esta linea se agrega si se quiere que el menu sea en horizontal*/
display:block;position: relative;border-top:1px solid #ffffff;border-top:1px solid rgba(255,255,255, 0.2);}
header nav ul li:hover {background:#F39C12;}
header nav ul li a {color:#fff;display:block;text-decoration:none;padding: 0%;padding-top: 3%;padding-bottom:3%;padding-left:3%;box-sizing: border-box;}
header nav ul li a span {margin-left:3%;}
header nav ul li:hover .children {display:none;/*display:block; Esta linea va si queremos que el efecto sea onmouseover si queremos efecto onclick colocamos display:none;*/}
header nav ul li .children {display: none;background:#239b56;position: relative;width: 100%;}/*position: absolute;width: 150%; Código para que los submenus aparezcan abajo de los menu y no a la derecha*/
header nav ul li .children li {display:block;overflow: hidden;border-top:1px solid rgba(255,255,255, 0.2);padding-top: 5%;padding-bottom:5%;}
header nav ul li .children li a {display: block;}
header nav ul li .children li a span {float: right;position: relative;top:3px;margin-right:0;margin-left:0px;}
header nav ul li .caret {position: relative;top:3px;margin-left:0px;margin-right:0px;}
.clase_fuentes_menu{color:#fff;margin-right:3%;font-size:2.2em; line-height: 1em; margin-top:25em;vertical-align: middle;}

/*Configuración para la ventana modal - Ver - Ocultar */
.modal-contenido{background-color:#FFF;width:70%;padding:5%;position:absolute;top:10%;left:10%;overflow:auto;max-height:70%;
padding-top:2%;padding-bottom:2%;z-index:999999999999;}
.modal-contenido-modificar{background-color:#196F3D;width:70%;padding:5%;position:absolute;top:10%;left:10%;overflow:auto;max-height:70%; 
padding-top:2%;padding-bottom:2%;z-index:999999999999;}
.modal{background-color: rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;transition: all 2s;z-index:99999999999999999999999;}/*--pointer-events:none;*/

.boton_crear_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0.5%;vertical-align:bottom;margin-left:0.2%;}
/*Código necesario para darle la misma apariencia en alto en todos los navegadores*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.boton_crear_textarea{padding-top:0.7em; padding-bottom:0.7em;}}

.boton_modificar_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0%;margin-left:0.2%;}
.boton_modificar_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0%;margin-left:0.2%;}
.boton_modificar_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0%;vertical-align:bottom;margin-left:0.2%;}
/*Código necesario para darle la misma apariencia en alto en todos los navegadores*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.boton_modificar_textarea{padding-top:0.7em; padding-bottom:0.7em;}}

.titulo_modificar{padding:1%;padding-top:1%;padding-bottom:0;text-align:center;margin-top:1%;margin-left:0.2%;border:none;
-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;margin-left:0.2%;}
.titulo_modificar{background-color:transparent;color:#FFF;width:22.2%;}
.titulo_modificar_principal{padding:1%;padding-top:0.2%;padding-bottom:0.2;text-align:center;margin-top:0.5%;margin-left:0.2%;border:none;float:left;}
.titulo_modificar_principal{background-color:transparent;color:#000;}