* {	
	margin: 10px;
	padding: 10px;	
	border-radius:20px;
}

/*html, body {
    height:100%;
	width:100%;
}*/
body{
	margin:auto;
	background-image:url(imag/modulo-cuadrito.jpg);
	background-repeat:repeat;
	font-family: arial;
	font-size: 16px;
}

#cenefa {
	background-position:bottom;
	background-image:url(imag/cenefa.png);
	background-repeat:no-repeat;
	text-align: center;
	z-index: 2;
	height: 80px;
	width: 950px;
	vertical-align: middle;
	margin: 0 auto;
	padding:0px;
	margin-top:-20px;
}

#contenidoPrincipal {
	margin: -30px auto;
	width: 950px;
	padding: 0px;
	border: 0px solid green;
	overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 0;
	/*text-align: left;*/
}

#contenido {
	padding:10px;
	margin:auto;
	width: auto;
	min-height: 520px;
	border-radius:20px;
	background-image:url(imag/render22.png);
	background-position:bottom;
	background-repeat:no-repeat;
	vertical-align:bottom;
	margin-top:auto;
}

#acceso {
	padding:0px;
	margin:0px;
	border-radius:0px;
	border:1px solid #585858;
}

#pleca {
	background-position:bottom;
	background-image:url(imag/pleca-triangulos.jpg);
	background-repeat: repeat-x;
	vertical-align: bottom;
	padding-bottom: 10px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	z-index: 2;
	height: 90px;
	width: 950px;
	/*margin-top: -20px;*/
	margin: 0 auto;
	border-radius: 0 0 20px 20px;
}

#capaContenido {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-radius:20px;
	/*background-color: #eBeBeB;*/
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
	background-image:url(imag/capa_.png);
	z-index: 100;
}

.capa {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-radius:0px;
	/*background-color: #eBeBeB;*/
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
	top:0px;
	left:0px;
	right: 0px;
	position: fixed;
	background-image:url(imag/capa.png);
	z-index: 100;
}

a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

.sombra {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-radius:0px;
	display: none;
	/*background-color: #eBeBeB;*/
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
	top:0px;
	left:0px;
	/*position: absolute;*/
	position: fixed;
	background-image:url(imag/capa_transparente.png);
	z-index: 1802;
}

.sombra_gris {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border-radius:0px;
	display: none;
	/*background-color: #eBeBeB;*/
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
	top:0px;
	left:0px;
	/*position: absolute;*/
	position: fixed;
	background-image:url(imag/capa.png);
	z-index: 1802;
}

.viñeta {
	padding: 0;
	margin: 0;
    margin-bottom: 5px; /* Reducir el espacio entre comentarios */
    padding-left: 15px; /* Espacio para la viñeta */
    text-indent: -15px; /* Mover el texto para alinear la viñeta */
    list-style-type: disc; /* Usar viñeta estándar (•) */
}

.viñeta::before {
    content: "•"; /* Usar un símbolo de viñeta */
    color: #000; /* Color de la viñeta */
    font-weight: bold; /* Hacer la viñeta más destacada */
    margin-right: 10px; /* Espacio entre la viñeta y el comentario */
}

.textura{
    background-image: radial-gradient(circle, #424949 1px, transparent 1px);
    background-size: 3px 3px; /* Tamaño de los puntos y la separación entre ellos */
}

.b_enabled {
	text-decoration:none;
	color:#E6E6E6;
	border: 2px outset #6E6E6E;
	background:#0174DF;
	border-radius:5px;
    padding:3px 10px;
}

.b_disabled {
	text-decoration:none;
	color:#D8D8D8;
	border: 2px outset #6E6E6E;
	background:#608EB9;
	border-radius:5px;
    padding:3px 10px;
    pointer-events: none;
	cursor: default;
   -moz-user-select: none; 
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.b_enabled:hover {
	text-decoration:none;
	color:#fff;
	border: 2px outset #6E6E6E;
	background:#0174DF;
	border-radius:5px;
    padding:3px 10px;
}

.b_enabled:active {
	text-decoration:none;
	color:#F2F2F2;
	border: 2px inset #6E6E6E;
	background:#0067C6;
	border-radius:5px;
    padding:3px 10px;
}

#cabecera {
    border:0px solid #000;
    /*padding: 0px;*/
	border-radius:0;
	/*background-color: #ffffff;	/*#6B6B6B*/
	height: 82px;
	/*border-radius:20px;*/
	width:100%;
	/*width:97%;*/
	margin:0;
	padding:0;
}

#logo{
    /*box-shadow: 0px 0px 5px black;*/
	border-radius:0px;
	height:82px;
	width:100%;
	margin: 0;
	padding: 0;
	float:left;
	/*background-color: #ffffff;*/
	/*border:1px solid #000;*/
}

#logo a img{
	margin: 0;
	padding: 0;
	border-radius:0;
	width: 100%;
	height:100%;

}

#logo a{
	margin: 0;
	padding: 0;
	border-radius:10px;

}

#form {
	padding-top: 105px;
	width: 380px;
	height: 100px;
	float: right;
}

#menuX {
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	height:38px;
	/*background-color: #678ABB;		/*modificar aqui para el login*/
	/*background-color: red;*/
	border-radius:10px;
	text-align: center;
	padding:1px;
	margin:0px;
	/*display: inline-block;*/
	width:99%;
	opacity:0.6;
	/*border:1px solid #A4A4A4;*/
	/*background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(103,138,187,1), rgba(255,255,255,1));
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,1), rgba(103,138,187,1), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(to right, rgba(255,255,255,1), rgba(103,138,187,1), rgba(255,255,255,1));*/
    background-image: linear-gradient(to right, #fff,#4B7ABB,#fff);
	background-image: -webkit-linear-gradient(to right, #fff,#4B7ABB,#fff);
    background-image: -moz-linear-gradient(to right, #fff,#4B7ABB,#fff);    
}

#menuX img {
	padding:0px;
	margin:0px;
	/*opacity:1;*/
}

#menu {
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	height:38px;
	border-radius: 0;
	text-align: center;
	padding: 0;
	margin:0 auto;
	width:100%;
    display: flex;
}

#menu1 {
	/*overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;*/
	/*color: #FFF;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	height:38px;
	/*background-color: #0067B3;		/*modificar aqui para el login*/
	/*background-color: red;*/
	border-radius:0;
	text-align: center;
	padding:0px;
	left: 0;
    right: 0;
	margin:0;
	/*display: inline-block;*/
	/*display: inline;*/
	width:100%;
	border:0 solid #000;
}

#nav {
	display: flex;
    transition: transform .4s ease-in;
    position: absolute;
    left: 0;
    /*right: 0;*/
    /*width: 100%;*/
    border:0px solid red;
	vertical-align: middle;
    justify-content: space-around;

	/*height: 38px;*/
	margin:0px;
	border-radius:0px;
	/*background-color:#0067B3;*/
	/*width:100%;*/
	padding: 0px;
	float: left;
	font-family: arial;
	/*display: inline-block;   /* para centrar el menú en la pantalla  */
	text-align: center;
	z-index: 1990;
}

#nav *{
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;  /* Evitar que los menus se desplacen a derecha */
	border-radius: 0px;
	position: relative;
}

#nav > li{
	/*display: inline-block;*/
	/*display: inline;*/
	float: left;
	width: 160px;
	/*border-color: #999;*/
	border-right: 0px solid #6E6E6E;
	margin-top: 2px;
}

#nav > li:last-child {
    border-right:0;
}

#nav li a ul li a {display: none;}

#nav li ul li {
     float: none;  /* para que el menu se despliegue en vertical */
}

#nav li ul {
     display:none;  /* el desplegable no es visible por defecto */
     text-align: left;
}

#nav li:hover ul {
     display:block;  /* al pasar sobre el menu se hace visible  */
     z-index: 10;
}

#nav li a {
     /*background:#0067B3;*/
     background: #424242;
     color:#FFF;
     display:block;
     /*border-right:1px solid #6E6E6E;*/
     padding:10px 5px 10px 5px;
     margin:0px;
	 /*border-right: 1px solid rgba(0, 0, 0, 0.6);*/

	 border-right-color: rgba(0, 0, 0, 0.6);
	 border-right-style: solid;
	 border-right-width: 0.1px;

	 background-clip: padding-box;
}

#nav li a:hover {
     /*background: #424242;*/
     /*background:#B40404;*/
     background-color: #585858;
     color: #FFFF00;
	/*background-image: -webkit-linear-gradient(#6E6E6E,#000,#6E6E6E);*/
    /*background-image: -moz-linear-gradient(#6E6E6E,#000,#6E6E6E);     */
}

/*.activo {
    color: #FFFF00;
}*/

#nav0 {
    height: 40px;
    background: linear-gradient(135deg, #900000 0%, #b30000 100%);
    border-radius: 10px 0px 10px 0px;
    width: 9%;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    text-decoration: none;
    list-style: none;
    border-right: 1px solid #ff6b6b;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

#navs {
    height: 40px;
    border-radius: 0px 0px 10px 10px;
    width: 82%;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    text-decoration: none;
    list-style: none;
    background: linear-gradient(135deg, #0067B3 0%, #2980b9 100%);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

#nav_ {
    border-radius: 10px;
    height: 100%;
    width: 20%;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    text-decoration: none;
    list-style: none;
}

#nav1 {
    border-radius: 10px;
    height: 100%;
    width: 50%;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: right;
    text-decoration: none;
    list-style: none;
    overflow: hidden; /* Prevenir desbordamiento */
}

#nav1 li a {
    margin-left: 55px;
    padding-left: 55px;
}

#nav11 {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    width: 25%;
    padding: 0px;
    float: left;
    text-align: center;
    text-decoration: none;
    list-style: none;
}

#nav2 {
    height: 40px;
    background: linear-gradient(135deg, #900000 0%, #b30000 100%);
    border-radius: 0px 10px 0px 10px;
    width: 9%;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    text-decoration: none;
    list-style: none;
    border-left: 1px solid #ff6b6b;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

#nav1 li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style: none;
    vertical-align: middle; /* Alineación vertical */
}

#nav1 li a,
#nav1 li button {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    display: inline-block;
}

/* Mejora iconos excel, pdf y txt */
#nav1 li a img,
#nav1 li button img {
    border-radius: 6px;
    margin: 8px 16px 0 0;
    padding: 4px;
    text-decoration: none;
    background: transparent;
    transition: all 0.2s ease;
    box-shadow: none;
    border: 1px solid transparent;
    width: 24px;
    height: 24px;
    object-fit: contain;
    vertical-align: middle;
    display: block;
}

#nav1 li a img:hover,
#nav1 li button:hover img {
    background: transparent; /* Mantener transparente */
    transform: translateY(-1px); /* Movimiento más sutil */
    box-shadow: none; /* Sin sombra */
    /*border: 1px solid rgba(255, 255, 255, 0.3); /* Borde sutil al hover */
    filter: brightness(1.2); /* Efecto de brillo en lugar de fondo */
}

#nav2 li {
    text-align: center;
    padding: 0px;
    margin-top: 10px;
    list-style: none;
    word-spacing: 0px;
    display: inline-block;
}

#nav2 li a {
    border-radius: 0px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    border: none;
    outline: none;
    padding: 5px 20px;
    margin: 0 auto;
    transition: all 0.3s ease;
}

#nav2 li a img {
    text-align: center;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease;
}

#nav2:hover {
    background: linear-gradient(135deg, #b30000 0%, #ff0000 100%);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transform: translateY(-1px);
}

/* Efectos hover para nav0 también */
#nav0:hover {
    background: linear-gradient(135deg, #b30000 0%, #ff0000 100%);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transform: translateY(-1px);
}

/* Mejora visual para texto dentro del menú */
#nav11, #nav_ {
    color: #ffffff;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Efecto de transición suave para todo el menú */
#menu > div {
    transition: all 0.3s ease;
}

.toggler {
	text-decoration: none;
	border: none;
	border-radius: 0;
	/*outline: none;*/
	margin:0px;
	padding:0px;
}

.ops_regs {
	border-radius:5px;
}

.ops_regs_disabled {
	border-radius:5px;
	opacity: 0;
}

.ops_regs:hover {
	/*border:1px dotted #0163ce;*/
	transform: scale(1.1) translate(0px, 0px);
	-webkit-transform: scale(1.1) translate(0px, 0px);
	-moz-transform: scale(1.1) translate(0px, 0px);	
	-o-transform: scale(1.1) translate(0px, 0px);
	transition: all 0.10s linear;
	font-weight: normal;
}

/*#nav1 li {
	margin: 0px 0 0 0;
	padding: 0px;
	list-style: none;
	word-spacing: 0px;
	display:inline;
}*/

.dialogo ul li:hover{
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;	
	transform: scale(1.1) translate(0px, 0px);
	-webkit-transform: scale(1.1) translate(0px, 0px);
	-moz-transform: scale(1.1) translate(0px, 0px);
}

.dialogo{
	width:460px;
	height:300px;
	position:fixed;
	top:50%;
	left:48%;
	margin-left: -230px;
	margin-top: -150px;
	/*margin: 0px auto;*/
    background-color: #FFF;
	border-radius:0;
	text-align: center;
	z-index: 100;
	box-shadow:0px 0px 10px black;    /*filter:alpha(opacity=50);*/
	color: #06C;    /*opacity:0.5;*/
	font-weight: bold;
	padding:20px;
}

#proceso {
	/*background: red;*/
	display: none;
	z-index: 2000;
	margin: 0px;
	padding: 0px;
	/*position: fixed;*/
	border-radius: 0px;
	left: 46%;
	top: 40%;
    position: absolute;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/	
}

#proceso1 {
	/*background: red;*/
	display: none;
	z-index: 2000;
	margin: 0px;
	padding: 0px;
	/*position: fixed;*/
	border-radius: 0px;
	left: 47%;
	top: 40%;
    position: absolute;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/	
}

/*#msj_enviar_resultado_evals {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    border-radius: 8px;
	text-align: center;
	height:180px;
	width: 400px;
	box-shadow:0px 0px 6px black;
    background: #F5F5F5;
}*/

#msj_enviar_resultado_evals {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 1000;
}

.confirmation-message {
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    position: relative;
}

.button-group {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn-confirm, .btn-cancel {
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-confirm {
    background-color: #4CAF50;
    color: white;
}

.btn-cancel {
    background-color: #f44336;
    color: white;
}

#result-message {
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px;
}

.alert-box {
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
}

.success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.close-btn {
    margin-top: 10px;
    padding: 5px 15px;
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.close-btn:hover {
    background-color: #5a6268;
}

.dialogo ul{
	list-style-type: decimal;
	padding: 0px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.dialogo ul li{
	padding: 0px;
	margin: 10px 30px;
}

/*#nav a:hover{
	color: #E6E6E6;
	/*color: yellow;*/
/*	background-color: #045FB4;
	text-decoration:none;
	border:none;
	outline: none;	
	padding:11px;
	margin:0px;
	border-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
}*/

#nav1 li a img{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

#nav1 li a img:hover{
	/*transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;*/

	transform: scale(1.5) translate(0px, 0px);
	-webkit-transform: scale(1.5) translate(0px, 0px);
	-moz-transform: scale(1.5) translate(0px, 0px);	
	-o-transform: scale(1.5) translate(0px, 0px);	
}

.imagExcel img{
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}

.imagExcel img:hover{
	transform: scale(1.15) translate(0px, 0px);
	-webkit-transform: scale(1.15) translate(0px, 0px);
	-moz-transform: scale(1.15) translate(0px, 0px);	
	-o-transform: scale(1.15) translate(0px, 0px);	
}

#opiniones {
	background: #fff;
	font-size: 10px;
	border-radius:0px;
}

#opiniones mark{
	border-radius:0;
	margin:0;
	padding:0;
	font-weight: bold;
}


#contenido article{
	padding: 20px;
	width: 500px;
	margin: 10px auto;
	background:#0067B3;
	display: block;
	position:relative;
	color:#F2F2F2;
	border-color: #BDBDBD;
	border-style: solid;
	border-width: 0px;	
	/*position:fixed;*/
	border-radius: 60px 10px 60px 10px;
	/*box-shadow:0px 0px 10px black;*/
	box-shadow: rgba(0, 0, 0, 0.5) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	z-index: 100;
	transition: all 0.60s linear;
	-webkit-transition: all 0.60s linear;
	-moz-transition: all 0.60s linear;
}

#div_buscar {
	border-radius:5px;
	color:#FFF;
	background-color: #C5D6E5;
	text-decoration:none;
	/*border:1px solid #A4A4A4;*/
	outline: none;
	padding:0;		/* controla las cajas del menu*/
	margin:0;
}

#div_buscar1 {
	/*font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	/*height:43px;*/
	/*border-radius:10px 10px 0 0;*/
	/*color:#FFF;*/
	/*text-decoration:none;*/
	/*border:none;*/
	/*outline: none;*/
	/*padding: 0px;*/
	/*margin: 0px;*/
	/*background:#849DB1;*/
    /*position: relative;*/
    /*width:100%;*/
    /*text-align: left;*/

    position:relative;
    float:right;
    width:100%;
    height:43px;
    text-align:right;
	border-radius:5px 5px 0 0;
	color:#FFF;
	background-color: #849DB1;
	text-decoration:none;
	/*border:1px solid #A4A4A4;*/
	outline: none;
	padding:0;		/* controla las cajas del menu*/
	margin:0;
}

/*#div_buscar1 a {
	text-decoration: none;
	float:left;
	padding:2px 10px;
	margin:0;
	border-radius:0;
	background:#FFF;
	color: #424242;
	display: block;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;
}*/

/*#div_buscar1 div a:hover {
	background: #DBEBF6;
}*/

.input-buscar {
    margin-left:100px;
    border-radius:0;
    width:220px;
    padding:0 5px;
    height:20px;
}

#div_filtrar_tabla {
    position:relative;
    float:right;
    width:100%;
    height:40px;
    text-align:right;
	border-radius:5px 5px 0 0;
	/*color:#FFF;*/
	/*background-color: #C5D6E5;*/
	text-decoration:none;
	/*border:1px solid #A4A4A4;*/
	outline: none;
	padding:0;		/* controla las cajas del menu*/
	margin:0;
}

.boton-buscar {
	font-size:14px;
	font-weight: bold;
	color: #FFF;
	background-color:#0067B3;
	border-radius:7px;
	/*border-color: #cfc;*/
	width: 100px;
	height: 30px;
	display: inline-block;    /*margin-left: 190px;
    margin-top: 50px;*/
}

.estado {
	background-image: linear-gradient(#C5D6E5, #849DB1);
}

.up_down{
	margin:0;
	padding:3px;
	border:1px solid;
	border-radius:5px;
	border:2px outset #787878;
	background: #8FBDDE;
	opacity: 0.5;
	transition: 0.5s;
}

.up_down:hover{
	opacity: 1;
}

.up_down:active{
	opacity: 0.5;
	border:2px outset #E9F3FA;
}

.toggler {
	margin: 0;
	padding: 2px;
	text-decoration:none;
	border-radius:3px;
	border:1px outset #787878;
	background: #0067B3;
	color: #fff;
	/*opacity: 0.8;*/
	transition: 0.5s;
}

.link_regresar {
	text-decoration:none;
	border-radius:5px;
	margin-left:5px;
	margin-top:15px;
	padding:5px;
	position:absolute;
	border:1px outset #787878;
	background: #0067B3;
	color: #FAFAFA;
	opacity: 0.5;
	transition: 0.5s;
}

.link_regresar:hover{
	background: #0067B3;
	color: #FAFAFA;
	opacity: 1;
}

.link_regresar:active{
	border:1px inset #787878;
	color: #FAFAFA;
	opacity: 0.3;
}

.link_regresar1 {
	margin-left: auto;
	text-decoration:none;
	border-radius:5px;
	margin-right:10px;
	/*margin-left:10px;*/
	padding:0;
	text-align: right;
	/*position:absolute;*/
	/*border:0px outset #787878;
	background: #82c1f0;
	opacity: 0.5;
	transition: 0.5s;*/
}

    #div_buscar img:hover {
        transform: scale(1.2); /* Aumenta un 20% */
        transition: transform 0.3s ease; /* Suaviza la animación */
    }

    /* Asegura que el contenedor no se mueva al escalar */
    #div_buscar a {
        display: inline-block; /* Evita saltos de línea */
    }

/*.link_regresar1:hover{
	background: #82c1f0;
	opacity: 1;
}

.link_regresar1:active{
	border:0px inset #787878;
	opacity: 0.3;
}*/

.row_gpo{
	padding:0px;
	margin:0px;
	/*opacity: 0.8;
	transition: 0.5s;*/
}

.row_gpo:hover{
	opacity: 1;
}

#msj_eliminar_regs {
	text-align: center;
	height:180px;
	width: 450px;
	box-shadow:0px 0px 10px black;
	border-radius:10px;
    background: #fff;
	top: 400px;
	left: 0;
	right: 0;
	margin: 0 auto;
    padding:0px;
	position: absolute;
}

#msj_consulta {
	text-align: center;
	height:160px;
	width: 420px;
	box-shadow:0px 0px 10px black;
	border-radius:10px;
	background: #fff;
	top: 460px;
	left: 0;
	right: 0;
	padding: 0;
	margin:0 auto;
	position: absolute;
}

#div_email {
	text-align: center;
	height:260px;
	width: 420px;
	box-shadow:0px 0px 10px black;
	border-radius:10px;
	background: #fff;
	top: 380px;
	left: 0;
	right: 0;
	padding: 0;
	margin:0 auto;
	position: absolute;
}

#div_form_prof {
	text-align: center;
	height:100px;
	width: 100%;
	box-shadow:0px 0px 0px black;
	border-radius: 0 0 5px 5px;
    background:#849DB1;
	margin: 0px auto;
    padding: 0;
}

.tabla_form_prof div{
	width:200px;
	color: #3366CC;
	padding: 2px;
	margin: 0;
	text-align: left;
	border: 0px solid #ACCFE8;
	border-radius: 0;
}

.tabla_form_prof input {
	width:200px;
	font-size: 10px;
	margin: 0;
	padding: 3px;
	border-radius: 0;
}

.tabla_form_prof {
	font: 60% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding: 0;
	border: 0 solid #7A94C0;
	border-radius: 0;
}

#grafica {
  width: 0px;
  height: 0px;
  position: relative;
  animation-name: mymove;
  animation-duration: 0.5s;
  /*animation-iteration-count: 3;*/
  animation-fill-mode: forwards;
  margin: 0 auto;
}

@keyframes mymove {
  0%   {width: 0px; height: 0px;}
  100% {width: 680px; height: 280px;}
}

#pie {
	color: #E0E0E0;
	padding:10px;
	margin:auto;
	width: auto;	
	margin-top: 10px;
	/*padding: 10px 20px;	*/
	height: 20px;
	/*background-color: #6B6B6B;*/
	text-align: center;
	border-radius: 2px;
	/*opacity:0.8;*/
	font-size: 16px;
	/*
	background-image: -webkit-linear-gradient(top,#678ABB,#ddd);
    background-image: -moz-linear-gradient(top,#678ABB,#ddd);
    */
    background-image: linear-gradient(to right, #FFF,#6B94CB,#FFF);
	background-image: -webkit-linear-gradient(to right, #FFF,#6B94CB,#FFF);
    background-image: -moz-linear-gradient(to right, #FFF,#6B94CB,#FFF);    
}

.rubro {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

h1 {
	text-align: center;
	/*color:#F2F2F2;*/
	text-shadow: 0px 3px 6px #2E2E2E;

    -ms-user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;	
}

h2 {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 1.5em;
	/*color:#fff;*/
	color:#1C1C1C;
	/*text-shadow: -5px 5px 3px #aaa;*/
    /*text-shadow: -3px 3px 5px #f00,
                 -6px 6px 5px #0f0,
                 -9px 9px 5px #00f;	*/
}

h3 {
	padding: 0px;
	margin: 10px;
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
	/*color:#06C;*/
	/*text-shadow: 0px 0px 2px #FE642E;*/
	color:#000;
  	/*animation-duration: 2s;
  	animation-name: slidein;
  	animation-iteration-count: infinite;
  	animation-direction: alternate;

  	/* Safari y Chrome */
  	/*-webkit-animation-duration: 2s;
  	-webkit-animation-name: slidein;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-direction: alternate;

  	/* Firefox */
  	/*-moz-animation-duration: 2s;
  	-moz-animation-name: slidein;
  	-moz-animation-iteration-count: infinite;
  	-moz-animation-direction: alternate;

  	/* IE */
  	/*-ms-animation-duration: 2s;
  	-ms-animation-name: slidein;
  	-ms-animation-iteration-count: infinite;
  	-ms-animation-direction: alternate;

  	/* Opera */
  	/*-o-animation-duration: 2s;
  	-o-animation-name: slidein;
  	-o-animation-iteration-count: infinite;
  	-o-animation-direction: alternate;*/
}

h4 {
	padding: 0px;
	margin: 10px;
	text-align: center;
	font-size: 1.1em;
	font-style: italic;
	/*color:#06C;*/
	/*text-shadow: 0px 0px 2px #FE642E;*/
	color:#000;
  	/*animation-duration: 2s;
  	animation-name: slidein;
  	animation-iteration-count: infinite;
  	animation-direction: alternate;

  	/* Safari y Chrome */
  	/*-webkit-animation-duration: 2s;
  	-webkit-animation-name: slidein;
  	-webkit-animation-iteration-count: infinite;
  	-webkit-animation-direction: alternate;

  	/* Firefox */
  	/*-moz-animation-duration: 2s;
  	-moz-animation-name: slidein;
  	-moz-animation-iteration-count: infinite;
  	-moz-animation-direction: alternate;

  	/* IE */
  	/*-ms-animation-duration: 2s;
  	-ms-animation-name: slidein;
  	-ms-animation-iteration-count: infinite;
  	-ms-animation-direction: alternate;

  	/* Opera */
  	/*-o-animation-duration: 2s;
  	-o-animation-name: slidein;
  	-o-animation-iteration-count: infinite;
  	-o-animation-direction: alternate;*/
}

/* Animación para todos (cuando sea oficial, de momento no funciona en ningún navegador) */
@keyframes slidein {
  	from {
		padding: 0px;
		margin: 10px;
		text-align: center;
		font-size: 1.1em;
		font-style: italic;
		/*text-shadow: 0px 0px 2px #FE642E;*/
  	}	
  	to {
		-webkit-transform: scale(1.1);/* Saf3.1+, Chrome */
		-moz-transform: scale(1.1); /* FF3.5+ */
		-ms-transform: scale(1.1); /* IE9 */
		-o-transform: scale(1.1); /* Opera 10.5+ */
		transform: scale(1.1);	
  }
}

/* Animación para Chrome y Safari */
@-webkit-keyframes slidein {
  	from {
		padding: 0px;
		margin: 10px;
		text-align: center;
		font-size: 1.1em;
		font-style: italic;
		/*text-shadow: 0px 0px 2px #FE642E;*/
  	}	
  	to {
		-webkit-transform: scale(1.1);/* Saf3.1+, Chrome */
		-moz-transform: scale(1.1); /* FF3.5+ */
		-ms-transform: scale(1.1); /* IE9 */
		-o-transform: scale(1.1); /* Opera 10.5+ */
		transform: scale(1.1);	
  }
}

div.texto {
	/*text-align: justify;*/
	text-align: center;
	padding:0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 0;
	border: 0px solid;
}

#escuela{
	height:24px;
	width:186px;
	border-radius:0px;
	font-size: 14px;
	padding: 0px;
	margin:5px 5px 5px 2px;
}

#escuela option{
	border-radius: 0px;
	padding: 0 5px 0 0;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 150px;
}

#periodo{
	height:24px;
	width:98px;
	border-radius:0px;
	font-size: 14px;
	padding: 0px;
	margin:5px 0px 5px 2px;
}

#periodo option{
	border-radius: 0px;
	padding: 0 5px 0 0;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 68px;
}

#sel_campus, #campus_labcomp{
	height:24px;
	width:98px;
	border-radius:0px;
	font-size: 14px;
	padding: 0px;
	margin:5px 0px 5px 2px;
}

#sel_campus, #campus_labcomp option{
	border-radius: 0px;
	padding: 0 5px 0 0;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 68px;
}

.select_1{
	height:24px;
	width:170px;
	border-radius:0px;
	font-size: 14px;
	margin: 5px;
	padding: 0px;
}

.select_1 option{
	border-radius: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.select_2{
	height:24px;
	width:110px;
	border-radius:0px;
	font-size: 14px;
	margin: 5px;
	padding: 0px;
}

.select_2 option{
	border-radius: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#combos_1{
	/*border:1px solid;*/
	border-radius: 0px;
	width:43%;
	margin:0px auto;
	padding:0px;
	float:left;
}

#combos_2{
	/*border:1px solid;*/
	border-radius: 0px;
	width:29%;
	margin:0px auto;
	padding:0px;
	float:right;
}

#combos_3{
	/*border:0px solid;*/
	border-radius: 10px;
	/*background: white;*/
	width:62%;
	margin:0px auto;
	padding:0px;
	float:left;
	/*height:66px;*/
	text-align: center;
	vertical-align: middle;
}

#combos_4{
	/*border:1px solid;*/
	border-radius: 10px;
	/*background: white;*/
	/*box-shadow:0px 0px 5px black;*/
	/*width:33%;*/
	width:36%;
	margin:0px auto;
	padding:0px;
	float:right;
	height:66px;
	text-align: center;
	vertical-align: middle;
}

        #titulo {
            border: 1px solid #5a9fd4;
            background: #0067B3;
            border-radius: 20px 5px;
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
            margin: 0;
            padding: 0 3px;
            color: white;
            text-align: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            transition: all 0.3s ease;
        }

        #titulo:hover {
            box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.4);
            transform: translateY(-2px);
        }

        #texto_rep {
            font-size: 1.4em;
            font-weight: bold;
            margin-bottom: 5px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        }

        #texto_clas {
            font-size: 1em;
            font-style: italic;
            opacity: 0.9;
        }

#titulo_graf{
	/*border:1px solid;*/
	font-size: 16px;
	font-weight: bold;
	/*border-radius: 10px 10px 0px 0px;*/
	border-radius: 0px;
	/*background: #B1CAE1;*/
	height:20px;
	margin:0px;
	padding:10px;
	text-align: center;
	/*background-image: -webkit-linear-gradient(top,#eBeBeB,#B1CAE1);
    background-image: -moz-linear-gradient(top,#eBeBeB,#B1CAE1);*/
    text-shadow: -2px 2px 2px #aaa;
	color:#0067B3;
}

#barra_graf{
	/*border:1px solid;*/
	font-size: 20px;
	border-radius: 0px;
	height:30px;
	margin:0px;
	padding:0px;
}

#texto_rep {
	/*border:1px solid;*/
	/*border-radius: 0px;*/
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-style: oblique;
	padding:2px;
	margin:0px auto;
	text-shadow: 0px 2px 2px #000;
	/*background-color:#0067B3;*/
	color:#F2F2F2;
}

#texto_clas {
	/*border:1px solid;*/
	width: 90%;
	/*border-radius: 0px;*/
	text-align: center;
	font-weight: bold;
	font-size: 14px;	
	padding:2px;
	margin:0px auto;
	text-shadow: 0px 1px 1px #000;
	background-color:#0067B3;
	color:#F2F2F2;
}

#reportes{
	width: 100%;
	/*border:0px solid;*/
	border-radius:0px;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #C5D6E5;
}

#tabla{
	/*width: 100%;*/
	border:0px solid;
	background: #B1CAE1;
	/*border-radius:0px;*/
	border-radius:0px 0px 10px 10px;
	font-size: 14px;
	margin:0px;
	/*padding:0px;*/
	/*text-align:center;*/
}

#graficas{
	background: #C5D6E5;
	/*border:1px solid;*/
	border-radius:0px 0px 10px 10px;
	margin:0px;
	padding:0px;
}

#div_select {
    background: #E2E8F0;
    border: 1px solid #90A1B9;
    border-radius: 5px;
    margin: 0px 0px 0px 20px;
    padding: 6px; /* Aumenté un poco el padding para mejor apariencia */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* Espacio entre los elementos */
}

select {
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#select_fecha{
	border:1px solid #9FB196;
	display:inline-block;
	margin-left: 150px;
	padding: 20px;
	text-align:center;
	border-radius:10px;
	background: #FEF9E7;
	box-shadow:0px 0px 3px #151515;
	width:600px;
	height: 380px;
	position: relative;
}

#select_fecha select, option{
	border-radius: 0;
	height: 20px;
	padding:0;
	margin:0 10px;
}

.fecha {
	width:460px;
	height:80px;
	border:1px solid #585858;
	border-radius:5px;
	background: #DCD8CB;
	padding:0px;
	margin:20px auto;
}

.token {
	width:180px;
	/*height:60px;*/
	border:2px inset #D8D8D8;
	border-radius:0;
	background: #FFF;
	padding:0px;
	margin:0 auto;
	text-align:center;
	color:#013ADF;
	font-size:18px;
}

.botones_fecha{
	border:0px solid;
	border-radius:0;
	margin:0 auto;
	padding:0;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
   	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  	-webkit-user-select: none; /* Chrome, Safari, and Opera */
  	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

#mensaje_fechas{
	height:150px;
	width: 50%;
	box-shadow:0px 0px 10px black;
	top:0; left:0; right:0; 
	border:0px solid;
	border-radius:10px;
	padding:0px;
	margin:120px auto;
	background: #fff;
	position:absolute;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
   	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  	-webkit-user-select: none; /* Chrome, Safari, and Opera */
  	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/	
}

#msj{
animation: glow 1s infinite alternate;
}

@keyframes glow {
    from {
    box-shadow: 0 0 0px 1px #fff inset;
    }
    to {
    box-shadow: 0 0 10px 1px #fff inset;
    }
}

#contenido article:hover{
	background: #F2F2F2;
	color:#0067B3;
	position: relative;
	transition:all 1s ease-in-out;
	/*border-color: #0067B3;
	border-style: solid;
	border-width: 1px;*/
	/*transform: rotateY(180deg);*/

	/*transform: rotate(0deg) translateX(300px) translatey(-300px);*/
	/*-webkit-transform: rotate(0deg) translateX(300px) translatey(-300px);*/
	/*transform-origin: 0% 100%;*/
	/*transform-origin: center center;*/
	/*transform: scale(1.0) translate(0px, 0px);
	-webkit-transform: scale(1.0) translate(0px, 0px);
	-moz-transform: scale(1.0) translate(0px, 0px);*/
}

#contenido article .nota{
    /*background: #90BCE5;*/
    /*color: #fff;*/
    /*border-radius: 5px;*/
    /*padding:0px;*/
    margin: 0px;
    padding: 0px;
}

#contenido fieldset{
	padding: 5px;
	margin-right: 0px;
	/*border:3px groove #ccc;*/
	background: #84ABCF;
	display: block;
	border-radius: 5px;
	border:2px solid #ABB2B9;
	/*box-shadow:0 0 0 black;*/
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	/*border:2px black;*/
	z-index: 100;
	float:left;
}

#field_set{
	padding: 5px;
	margin-right: 0px;
	/*border:3px groove #ccc;*/
	background: #B5CADE;
	display: block;
	border-radius: 5px;
	border:2px solid #ABB2B9;
	/*box-shadow:0 0 0 black;*/
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	/*border:2px black;*/
	z-index: 100;
	float:left;
}

#contenido legend{
	margin:0px;
	padding:0px;
}

#preguntas{
	height:60px;
	margin:0px;
	padding:0px;
	/*border:1px solid;*/
	border-radius: 0px;
	clear: both;
	text-align: center;
}

#contenedor{
	margin:0px;
	padding:0px;
	height:340px;
	/*border:1px solid;*/
	border-radius: 0px;
	overflow-x:hidden;
}

#capaContenedor{
	margin:0px;
	padding:0px;
	height:340px;
	/*border:1px solid;*/
	border-radius: 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index: 100;
	/*background-color: #eBeBeB;*/
	/*background-image:imag/capa.png*/
	/*opacity:0.5;    	*/
}

#nombres {
    display: table;
    border-left: 1px solid #000;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-radius: 0px;
    width: 99%;
    /*height:340px;*/
    /*text-align: center;*/
    margin: 0 auto;
    padding: 0px;
}


#filas {
    display: table-row;
}

#filas1 {
    display: table-row;
}

#columna1, #columna2{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #666;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:40%;
}

#columna00{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #666;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:80%;
}

#columna0{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #666;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:2%;
}

#columna3{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #999;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:8%;
}

#columna4{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #999;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:4%;
}

#columna5, #columna6, #columna7, #columna8, #columna9{
    display: table-cell;
    /*border: 1px solid #000;*/
    border-left: 1px solid #999;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width: 3%;
}

#columna10{
    display: table-cell;
    /*border: 1px solid #000;*/
	border-color:#999;
	border: 1px solid #999;
    /*border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	border-right:1px solid #999;*/
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    /*width:20%;*/
}

#columna11{
    display: table-cell;
    /*border: 1px 1px 1px 1px solid #999;*/
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	border-right:1px solid #999;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:3%;
}

#columna12{
    display: table-cell;
    /*white-space: nowrap;*/
    /*border: 1px 1px 1px 1px solid #999;*/
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	border-right:1px solid #999;
    border-radius: 0px;
    font-size: .8em;
    vertical-align: middle;
    padding: 5px;
    width:10%;
}


#boton{
	height:60px;	
	margin:0px;
	padding:10px;
	/*border:1px solid;*/
	border-radius: 0px;
	margin: 0 auto;
	/*position: relative;*/
	clear: both;
	text-align:center; 
}

#botones{
	/*display:inline-block;*/
	height:60px;	
	width:100%;
	margin:0px;
	padding:10px 0px;
	/*border:1px solid;*/
	border-radius: 0px;
	clear: both;
	text-align:center;
}

#botones div{
	float:left;
	/*border: 1px solid #888;*/
	margin-top:0px;
	margin-left:25px;
	padding:0px 0px;	
	border-radius: 0px;
	display:inline-block;
	width:45%;

}

textarea {
/*background: url(imag/obs.png) center center no-repeat;
border: 1px solid #888;
opacity:0.5;*/
background-color:#FFF;
}

.opcion{
	margin:0px;
	/*padding: 0px;*/
	/*width: 4px;
	height: 4px;*/
	/*-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);*/

	-webkit-transform: scale(1.1);/* Saf3.1+, Chrome */
	-moz-transform: scale(1.1); /* FF3.5+ */
	-ms-transform: scale(1.1); /* IE9 */
	-o-transform: scale(1.1); /* Opera 10.5+ */
	transform: scale(1.1);	
}

.button{
	/* estilos tipograficos */
 
    color: #fff;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border: 20px;
	border-radius: 8px;
	text-decoration:none;
	/* efecto tridimensional */

	background: #0080FF;
	box-shadow: 0px 5px 0 #045FB4;
	/* centrado horizontal */ 

	display:inline-block;
	/* propiedades para la animacion  */
 
    transition: all 0.30s linear;
	-webkit-transition: all 0.30s linear;
	-moz-transition: all 0.30s linear;
	position: relative;
	bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.button_disabled{
	/* estilos tipograficos */
 
    color: #fff;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	pointer-events: none;
	border: 20px;
	border-radius: 8px;
	text-decoration:none;
	/* efecto tridimensional */

	background: #BDBDBD;
	box-shadow: 0px 5px 0 #6E6E6E;
	/* centrado horizontal */ 

	display: inline-block;
	/* propiedades para la animacion  */
 
    transition: all 0.10s linear;
	-webkit-transition: all 0.10s linear;
	-moz-transition: all 0.10s linear;
	position: relative;
	bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.button:active{
    bottom: -5px;
    box-shadow:0 0 0 #045FB4, inset 0 0 5px rgba(0, 0, 0, 0.4);
}

.button:hover{
	background-image: -webkit-linear-gradient(top,#0080FF,#58ACFA);
    background-image: -moz-linear-gradient(top,#0080FF,#58ACFA);	
	/*transform: scale(1.1) translate(0px, 0px);
	-webkit-transform: scale(1.1) translate(0px, 0px);
	-moz-transform: scale(1.1) translate(0px, 0px);*/
}

.button:focus{			/* quita el borde de los input con foco en Safari y Chrome */
	outline:0px;
}

.button_rsp{
	/* estilos tipograficos */
 
    color: #fff;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	border: 20px;
	border-radius: 8px;
	text-decoration:none;
	/* efecto tridimensional */

	background: #0080FF;
	box-shadow: 0px 5px 0 #045FB4;
	/* centrado horizontal */ 

	/*display:inline-block;*/
	/* propiedades para la animacion  */
 
    transition: all 0s linear;
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	/*position: relative;
	bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;*/
}

.button_rsp_disabled{
	/* estilos tipograficos */
 
    color: #fff;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: default;
	pointer-events: none;
	border: 20px;
	border-radius: 8px;
	text-decoration:none;
	/* efecto tridimensional */

	background: #BDBDBD;
	box-shadow: 0px 5px 0 #6E6E6E;
	/* centrado horizontal */ 

	/*display:inline-block;*/
	/* propiedades para la animacion  */
 
    transition: all 0s linear;
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	/*position: relative;
	bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;*/
}

#Layer1{
	margin:0 auto;
	width:80%;
	height:110px;
	background:#F2F4F4;
	box-shadow:inset 1px 1px 2px rgba(120, 120, 120, .4), inset -2px -2px 2px rgba(255,255,255,.4);
	border-radius: 0;
	overflow-y: scroll;
	/*text-shadow: 1px 1px rgba(0,0,0,.1);*/
}

table{
	padding:0;
	/*margin:0;*/
	margin: 0px auto;
	border-radius: 0px;
}

td,tr,th{
	border-radius: 0px;
	/*padding:1px;
	margin:1px;*/
	/*word-wrap: break-word;*/
}

#celda{
	/*padding:0;
	margin:0;
	position: absolute;
	width:20%;
	height:35px;
	background-color: #fff;*/
	width:100px;
}

/*******************/
.reporte-encuesta tr:nth-child(even) {
    background-color: #ccc;
}

.reporte-encuesta tr:nth-child(odd) {
    background-color: #fff;
}

thead {
    position: sticky;
    top: 0;
}

/*******************/
/* CSS específico para esta tabla */
.tablaCumplim {
    height: 480px;
    overflow-y: auto;
}

.tablaCumplim tfoot {
    position: sticky;
    bottom: 0;
    background-color: #A9B9CF; /* Mismo color que tu header */
    z-index: 100;
}

.tablaCumplim tfoot th {
    background-color: #A9B9CF;
    padding: 2px;
    margin: 0;
}

/*******************/
.tablaClasificacion {
    height: 480px;
    overflow-y: auto;
}

.tablaClasificacion tfoot {
    position: sticky;
    bottom: 0;
    z-index: 100;
}

.tablaClasificacion tfoot th {
    padding: 2px;
    margin: 0;
}
/*******************/

.mensaje_boton {
	font-size:16px;
	font-weight: bold;
	color: #FFF;
	background-color:#0067B3;
	border-radius:7px;
	/*border-color: #cfc;*/
	width: 140px;
	height: 43px;
	display: inline-block;    /*margin-left: 190px;
    margin-top: 50px;*/
}

.dialogo:hover {
    /*filter:alpha(opacity=100);*/
    /*opacity:1.0;*/
}

.mensaje_boton:hover {
	cursor: pointer;
	background-color:#06F;
	}



#c_cabecera {
  display: table;
  text-align: center;
/*    width: 300px;
    text-align: center;
    margin: 0 auto;  */
  border: 1px solid #CCC;
  border-radius:0px;
  background-color: #E0E0E0;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: block;
  z-index: 100;
  position:fixed;
  margin-left:0px;
  margin-top:0px;
  /*width:50%;*/
  height:36px;
}

#c_renglon{
	display: table-row;
}

#c_columna1 {
    display: table-cell;
    border: 1px solid #000;
    vertical-align: middle;
    padding: 0px;
    border-radius:0px;
    width: 80%;
}

#c_columna2 {
    display: table-cell;
    border: 1px solid #000;
    vertical-align: middle;
    padding: 0px;
    border-radius:0px;
    width: 100%;
}

 
.derecha   {
  float: right;
  padding: 0px;
  margin: 0px;
}
.izquierda {
  float: left;
  padding: 0px;
  margin: 0px;

}

/*************************/
#div_formulario{
	background: white;
	border-radius: 10px;
	width:50%;
	height:290px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 20px auto;
  	text-align: center;
  	background: white;
  	box-shadow: 0px 0px 20px #6E6E6E;
  	border: #045FB4 1px solid;
  	position: relative;
  	z-index: 1900;
}

#examinar{
	border-radius: 10px;
	width:100%;
	height:210px;
	/*background: white;*/
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	/*box-shadow: 0px 0px 10px #6E6E6E;*/
  	text-align: center;
}

#link_listado_plantilla img {
	 width: 80px;
	 height: 80px;
	 transition: all 0.5s ease-in-out;
}

#link_listado_plantilla img:hover {
	transform: scale(1.3) translate(0px, 0px);
	-webkit-transform: scale(1.3) translate(0px, 0px);
	-moz-transform: scale(1.3) translate(0px, 0px);	
	-o-transform: scale(1.3) translate(0px, 0px);
  	transform: scale(1.3) translate(0px, 0px);
}

/*#link_listado_plantilla img {
	transition-timing-function: linear;
}*/

#formatoAsubir{
	border-radius: 0;
	width:90%;
	text-align:center;
}

u {
	margin:0;
	padding:0;
}

#mensaje_subida{
	/*background: white;*/
	border-radius: 10px 10px 0 0;
	width:100%;
	height:200px;
	display: none;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	/*box-shadow: 0px 0px 10px #6E6E6E;*/
  	text-align: center;
	transition: all 1.0s linear;
	-webkit-transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
}

#cont_msj_subida{
	box-shadow:0px 0px 10px black;
    border:0px solid;
    border-radius:10px;
    padding:0px;
    margin:120px auto;
	/*background: white;*/

	width:90%;
	height:300px;
	display: none;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	/*box-shadow: 0px 0px 10px #6E6E6E;*/
  	text-align: center;
 	background: #fff;
 	position:absolute;
	transition: all 1.0s linear;
	-webkit-transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
}

#div_botones{
	/*display: none;*/
	width:100%;
	height:45px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	display: inline;
}

#div_btn_si{
	/*display: none;*/
	width:90px;
	height:45px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	visibility: hidden;
  	display: inline;
}

#div_btn_ok{
	/*display: none;*/
	width:90px;
	height:45px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	visibility: hidden;
  	display: inline;
}

#div_btn_no{
	/*display: none;*/
	width:90px;
	height:45px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 0 auto;
  	visibility: hidden;
  	display: inline;
}

.degradado_titulo {
    background: -webkit-linear-gradient(#F5F6CE, #D1DAE6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F5F6CE, #D1DAE6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F5F6CE, #D1DAE6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F5F6CE, #D1DAE6); /* Standard syntax */
}

.popup{
	width:97%;
	height: 35px;
	border:0 solid;
	border-radius:0;
	padding:5px;
	margin:0 auto;
	font-style: italic;
	font-size: 14px;
	text-align: center;
    display:inline-block;
    text-shadow: yellow 0.1em 0.1em 0.1em;
}

#preg {
	margin: 0 auto;
	padding: 0;
	border-radius: 0;
	width: 80%;
}

.link_lab{
	text-decoration:none;
	padding:0;
	margin:0;
	color:black;
}

.link_lab:hover{
	text-decoration: underline;
}

.tabla_listado a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	/*border-width: 2px 2px 2px 2px;*/
	border-radius: 0;
}

.tabla_listado div {
	margin: 0;
	padding: 0;
}

.tabla_listado div div {
	margin: 0;
	padding: 0;
}

.tabla_listado {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

.tabla_listado a:hover {
	background: #DBEBF6;
	/*background: #ACCFE8;*/
}

#div_vaciar_fechas{
	background: white;
	border-radius: 10px;
	width:50%;
	height:280px;
	/*border: 1px solid #000;*/
	padding: 0px;
  	margin: 20px auto;
  	text-align: center;
  	background: white;
  	box-shadow: 0px 0px 20px #6E6E6E;
  	border: #045FB4 1px solid;
  	position: relative;
  	z-index: 1801;
}

#div_form_docente {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 260px;
	width: 420px;
	height:300px;
	background: white;
	box-shadow: 0px 0px 20px #6E6E6E;
	border: #045FB4 1px solid;
	padding:0 20px;
}

.tabla_form_docente div{
	width:280px;
	color: #3366CC;
	padding: 2px;
	margin: 0;
	text-align: left;
	border: 0 solid #ACCFE8;
	border-radius: 0;
}

.tabla_form_docente input {
	width:400px;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	border-radius: 0;
	background: #E0ECF8;
}

.tabla_form_docente select {
	width: 190px;
	font-size: 12px;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: #E0ECF8;
}

.tabla_form_docente {
	font: 60% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding: 0;
	border: 0 solid #7A94C0;
	border-radius: 0;
}

#div_form_usuario {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 260px;
	width: 420px;
	/*min-height: 300px;*/
	background: white;
	box-shadow: 0px 0px 20px #6E6E6E;
	border: #045FB4 1px solid;
	padding:0 20px;
	z-index: 1803;
}

.tabla_form_usuario div{
	width:280px;
	color: #3366CC;
	padding: 2px;
	margin: 0;
	text-align: left;
	border: 0 solid #ACCFE8;
	border-radius: 0;
}

.tabla_form_usuario input {
	width:400px;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	border-radius: 0;
	background: #E0ECF8;
}

.tabla_form_usuario select {
	width: 190px;
	font-size: 12px;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: #E0ECF8;
}

.tabla_form_usuario {
	font: 60% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px auto;
	padding: 0;
	border: 0 solid #7A94C0;
	border-radius: 0;
}

/*#menu1 {
	overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}

#nav {
	display: flex;
    transition: transform .4s ease-in;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    border:1px solid red;
	vertical-align: middle;
    justify-content: space-around;
}*/

.lefty {
	z-index:2000;
    margin:0;
    padding:0;
    border-radius:0;
    /*float:left;*/
    display: absolute;
    height:32px;
    margin-top: 3px;
    margin-left: 0px;
}

.righty{
	z-index:2000;
    margin:0;
    padding:0;
    border-radius:0;
    /*float:right;*/
    display: absolute;
    height:32px;
    margin-top: 3px;
    margin-right: 0px;
}

#mueve_menu {
	display: flex;
	/*display: inline-flex;*/
	border-radius:0px;
	padding: 0;
	margin: 1px 0 0 0;
	width:100%;
	/*height:300px;*/
	position: relative;
	z-index: 1802;
}

.disabledmenu {
    pointer-events: none;
    /*opacity: 0.9;*/
}

#menu1:hover {
	/*height:auto;*/
}

#left-button {
	/*border:1px solid;*/
}

#nav li ul li .last_level {
    display: none;
    text-align: left;
}

#nav li ul li:hover .last_level {
     display:block;  /* al pasar sobre el menu se hace visible  */
     z-index: 10;
}

.row-selected{
  background: #BDBDBD !important;
}

a:active {
  color: #0000FF;
}

/* ========== RESET SELECT2 - NO BORRAR ========== */
/* Esto evita que los estilos universales arruinen Select2 */
.select2-container *,
.select2-container *:before,
.select2-container *:after,
.select2-dropdown *,
.select2-dropdown *:before,
.select2-dropdown *:after,
.select2-search *,
.select2-search *:before,
.select2-search *:after,
.select2-results *,
.select2-results *:before,
.select2-results *:after {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

/* Luego aplicamos SOLO los estilos que queremos */
.select2-container {
    width: 272px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 5px !important;
    margin-left: 0px !important;
    color: #2E2E2E !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute !important;
    right: 28px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    /*font-size: 18px !important;*/
    font-weight: bold !important;
    cursor: pointer !important;
    color: #999 !important;
    z-index: 10 !important;
}

/* Dropdown desplegable */
.select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-top: 0px !important;  /* ← Agrega esta línea (negativo para subir) */
}

.select2-search__field {
    padding: 6px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin: 0px !important;
}

.select2-results__option {
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.select2-results__option--highlighted {
    background-color: #A9A9F5 !important;
    color: #000 !important;
}

.select2-container {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Añade esto al final de tu CSS existente */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 42% !important;
    transform: translateY(-50%) !important;
    right: 5px !important;
}

/* Opcional: ajustar tamaño y color del triángulo */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2E2E2E transparent transparent transparent !important;
    border-width: 5px 4px 0 4px !important;
}

/* Control del z-index para el dropdown desplegable */
.select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin-top: 0px !important;
    z-index: 1804 !important;  /* ← Agrega esto */
}

/* Para cuando el dropdown está abierto */
.select2-container--open {
    z-index: 1804 !important;  /* ← Agrega esto */
}

/*.alert .alert-danger .alert-dismissible{
	border: 1px solid #000;
}*/

/*.close{
	border: 1px solid #000;
	width:100%;
	height:200px;

}*/
/************************/