@charset "iso-8859-1";
BODY {BEHAVIOR: url(#default#homePage)}

body {cursor: url(cursor1.cur), url(cursor1.cur) 20 10, auto;}
td {cursor: url(cursor1.cur), url(cursor1.cur) 20 10, auto;}

html
{
	overflow-y: scroll;
}

BODY
{
	background-color: #ccffcc; 
	COLOR: #000000; 
	FONT-FAMILY: verdana,arial; 
	FONT-SIZE: 10px;  
	scrollbar-track-color : whitesmoke; 
	scrollbar-shadow-color: #999999; 
	scrollbar-face-color : white; 
	scrollbar-3dlight-color : #999999; 
	scrollbar-arrow-color : #666666;
	}


TD {COLOR: #000000; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; }
P {COLOR: #000000; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px;}


span.tab{padding: 0 10px;}

thead.sticky {
	position: sticky;
	top: 0;
	z-index: 100;
}
thead.sticky td {
	background-clip: padding-box;
}


.loader_div{
  position: absolute;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  z-index: 99;
  opacity:0.7;
  display:none;
  background: lightgrey url('loading_5.gif') center center no-repeat;
}

.tablageneral {background-color: #e6e6e6;}
/*.tablasuperiorgeneral {background-color: #ffffff;}*/
.tablasuperiordatos {background-color: #e0e0e0;}
.tablalistado {background-color: #f0f0f0;}

.fd0 {background-color: #ffffff;} /*fondo de todas las pantallas desde admin.php*/
.invisible {color: #C6E3E4;} /*mismo color que el anterior*/
.fd1 {background-color: #F0F8FF;}
.fd2 {background-color: #FFFFFF;}
.ln1 {background-color: #cccccc;}
.blanco {background-color: #ffffff;}
.negro {background-color: #000000;}
.grisoscuro {background-color: #808080;}
.grisclaro {background-color: #e6e6e6;}
.azulsch {font-weight:bold; background-color: #0F4D94;}

/*.fondofiltros {background-color: #CFEEF9; border: 1px solid black; padding:5px; border-radius: 5px;}*/
/*.fondotdtabla {color:white; background-color: #296174; border: 1px solid black; padding:1px; border-radius: 5px; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; }*/
.fondotdtabla
{
	color: white;
	background-color: #2f6f84;
	border: 1px solid #245463;
	padding: 3px 6px;
	border-radius: 5px;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}
.fondotdtabla2 {color:white; background-color: #3B93A9; padding:1px; border-radius: 1px; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
/*.fondotdtablagrande {color:white; background-color: #296174; border: 1px solid black; padding:1px; border-radius: 5px; FONT-FAMILY: arial,verdana; FONT-SIZE: 16px; FONT-WEIGHT: bold;}*/
.fondotdtablagrande
{
	color: white;
	background-color: #2f6f84;
	border: 1px solid #245463;
	padding: 3px 6px;
	border-radius: 5px;
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
}

.fondotabla {background-color: #B1D3E3; border: 1px solid black; padding:5px; border-radius: 5px;}
.fondotablaacompletar {background-color: #F8DDD1; border: 1px solid black; padding:5px; border-radius: 5px;}
.borderedondo { border: 1px solid black; padding:1px; border-radius: 5px;}
.fondocalendario {background-color: #B9CCD9; border: 1px solid black; border-radius: 5px;}
.mescalendario {background-color: #8D979E;  color: white;}


.bordefino { border: 1px solid black;}
.bordefino-RB { border-bottom: 1px solid black; border-right: 1px solid black;}
.bordefino-B { border-bottom: 1px solid black; }
.bordefino-R { border-right: 1px solid black; }
.bordegrueso-R { border-right: 2px solid black;}
.bordegrueso-L { border-left: 2px solid black;}

.seleccionado { background-color: orange; border-style:0px; font-size: 11; color: white; font-family: arial,verdana; FONT-WEIGHT: bold;}
.noseleccionado { background-color: white; border-style:0px; font-size: 11; color: black; font-family: arial,verdana; }

.seleccionadogrande { background-color: orange; border-style:0px; font-size: 14; color: white; font-family: arial,verdana; FONT-WEIGHT: bold;}
.noseleccionadogrande { background-color: white; border-style:0px; font-size: 14; color: black; font-family: arial,verdana; }



.titulo {COLOR: #337ab7; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.minititulo {COLOR: #3B7589; FONT-FAMILY: arial,verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.titulonaranja {COLOR: #ff8000; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.titulonaranjamini {COLOR: #FF4000; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; background-color:yellow;}
.tituloblanco {background-color: #337ab7; COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.tituloblanco11 {COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.tituloblancosinfondo { COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; }
.titulooscuro {COLOR: #3B1589; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.tituloa {COLOR: blue; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.tituloa14 {COLOR: blue; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo1 {COLOR: #000000; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo1naranja{COLOR: orange; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo1blanco{COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo1a {COLOR: #000000; FONT-FAMILY: arial,verdana; FONT-SIZE: 16px; FONT-WEIGHT: bold;}
.titulo2 {COLOR: #000000; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.titulo2naranja {COLOR: #ff8000; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.titulo2blanco {COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; }
/*.titulo3 {COLOR: #337ab7; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold; border:#337ab7; }*/
.titulo3rojo {COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold; border:#337ab7; }
.titulo3inverso {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3rojoinverso {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3azulinverso {COLOR: white; background-color: blue; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3verde {COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3blanco {COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3naranja1 {COLOR: #ff8000; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3naranja {COLOR: #ff8000; FONT-FAMILY: arial,verdana; FONT-SIZE: 16px; FONT-WEIGHT: bold;}
.titulo3azul {COLOR: BLUE; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo3verdeinverso {background-color: green; COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
/*.titulo4 {COLOR: #3C6C8F; FONT-FAMILY: arial,verdana; FONT-SIZE: 20px; FONT-WEIGHT: bold;}*/
.titulo4rojo {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 20px; FONT-WEIGHT: bold;}
.titulo4naranja {COLOR: #ff8000; FONT-FAMILY: arial,verdana; FONT-SIZE: 20px; FONT-WEIGHT: bold;}
/*.titulo4chico {COLOR: #3C6C8F; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}*/
.titulo4chicorojo {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
.titulo4a {COLOR: crimson; background-color: yellow; FONT-FAMILY: arial,verdana; FONT-SIZE: 30px; FONT-WEIGHT: bold;}
.titulo4inverso {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 24px; FONT-WEIGHT: bold;}
.titulo4inversochico {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold;}
.titulo4inversochicosinfondo {COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
.titulo5 {COLOR: black; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; }
.titulo6 {COLOR: black; FONT-FAMILY: arial,verdana; FONT-SIZE: 16px; }
.titulo4rojoinverso {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 24px; FONT-WEIGHT: bold;}
.titulo4vclaroinverso {COLOR: white; background-color: lightgreen; FONT-FAMILY: arial,verdana; FONT-SIZE: 24px; FONT-WEIGHT: bold;}
.titulo5rojoinverso {COLOR: white; background-color: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 18px; FONT-WEIGHT: bold;}
.titulo5vclaroinverso {COLOR: white; background-color: lightgreen; FONT-FAMILY: arial,verdana; FONT-SIZE: 18px; FONT-WEIGHT: bold;}
.titulo5verdeinverso {COLOR: white; background-color: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 18px; FONT-WEIGHT: bold;}
.titulo5naranjainverso {COLOR: white; background-color: orange; FONT-FAMILY: arial,verdana; FONT-SIZE: 18px; FONT-WEIGHT: bold;}


.grande {COLOR: black; FONT-FAMILY: arial,Verdana; FONT-SIZE: 13px; }
.alerta {COLOR: red; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.alertainvertido {COLOR: white; background-color: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.verdeinvertido {COLOR: white; background-color: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.alertafondoamarillo {COLOR: red; background-color: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.superverde {COLOR: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.supernaranja {COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.rojo {COLOR: red; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; }
.verde {COLOR: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; }
.azul {COLOR: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; }
.azulgrande {COLOR: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 13px; }
.superazul {COLOR: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.marron {COLOR: brown; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.rosa {COLOR: pink; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.amarillo {COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.naranja {COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.celeste {COLOR: cyan; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.magenta {COLOR: magenta; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.supermagenta {COLOR: magenta; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.superblanco {COLOR: white; background-color: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.superblancoverde {COLOR: white; background-color: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.superblancoazul {COLOR: white; background-color: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 13px; FONT-WEIGHT: bold;}


.mini {COLOR: #666666; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px;}
.miniblanco {COLOR: white; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px;}
.minibold {COLOR: #666666; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; FONT-WEIGHT: bold;}
.minisuperazul {COLOR: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; FONT-WEIGHT: bold;}
.minirojo {COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; }
.minirojoinvertido {COLOR: white; background-color:crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; }
.miniazul {COLOR: blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; }
.miniazulinvertido {COLOR: white; background-color:blue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; }
.minisuperrojo {COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; FONT-WEIGHT: bold;}
.miniverdeclaroinvertido {COLOR: white; background-color: #42E95E; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.miniverdeinvertido {COLOR: white; background-color: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}
.miniverde {COLOR: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; FONT-WEIGHT: bold;}


A:hover {COLOR: #3B7589; TEXT-DECORATION: underline}
A {COLOR: crimson; TEXT-DECORATION: underline}
A.link1 {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link1:hover {COLOR: grey;  TEXT-DECORATION: underline}
A.link1a {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.link1a:hover {COLOR: grey;  TEXT-DECORATION: underline}
A.link1bold {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 13px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.link1bold:hover {COLOR: grey;  TEXT-DECORATION: underline; FONT-WEIGHT: bold;}

A.linkverde {COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.linkverde:hover {COLOR: grey;  TEXT-DECORATION: underline}

A.linknotaverde {COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 13px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.linknotaverde:hover {COLOR: grey;  TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.linknotarojo {COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 13px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.linknotarojo:hover {COLOR: grey;  TEXT-DECORATION: underline; FONT-WEIGHT: bold;}


A.link2 {COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link2:hover {COLOR: black; TEXT-DECORATION: underline}
A.link2grande {COLOR: white; BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 14px; FONT-WEIGHT: bold; width: 60px; height: 24px; }
A.link2grande:hover {COLOR: black; TEXT-DECORATION: underline}
A.link3 {COLOR: blue; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link3:hover {COLOR: red; TEXT-DECORATION: underline}
A.link4 {COLOR: pink; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link4:hover {COLOR: black; TEXT-DECORATION: underline}
A.link5 {COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link5:hover {COLOR: black; TEXT-DECORATION: underline}
A.link5bold {COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.link5bold:hover {COLOR: black; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
A.link5a{COLOR: green; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; TEXT-DECORATION: underline}
A.link5a:hover {COLOR: black; TEXT-DECORATION: underline}
A.link6 {COLOR: pink; FONT-FAMILY: arial,verdana; FONT-SIZE: 11px; TEXT-DECORATION: underline}
A.link6:hover {COLOR: white; TEXT-DECORATION: underline}
A.link7 {COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 11px; }
A.link7:hover {COLOR: grey; TEXT-DECORATION: underline}
A.link7small {COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 10px; }
A.link7small:hover {COLOR: grey; TEXT-DECORATION: underline}
A.link7smalla {COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
A.link7smalla:hover {COLOR: grey; TEXT-DECORATION: underline}
A.link8 {COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 10px; }
A.link8:hover {COLOR: white; TEXT-DECORATION: underline}
A.link9 {COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 14px; }
A.link9:hover {COLOR: black; TEXT-DECORATION: underline}
A.link10 {COLOR: white; BACKGROUND-COLOR: red; FONT-FAMILY: verdana,arial; FONT-SIZE: 10px; FONT-WEIGHT: bold;}
A.link11:hover {COLOR: black; }
A.linkgrande {COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 16px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.linkgrande:hover {COLOR: blue; TEXT-DECORATION: underline}

A.linktdtabla {COLOR: white; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.linktdtabla:hover {COLOR: red; TEXT-DECORATION: underline}



A.linkoscuro{COLOR: #999694; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.linkoscuro:hover{COLOR: crimson; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
/*A.linkselected{COLOR: red; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.linkselected:hover{COLOR: #3B1589; FONT-FAMILY: arial,verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold;}*/

INPUT.Boton1 {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: FFFFFF; cursor:pointer; padding:0px 6px; border-radius: 6px;}
INPUT.Boton2 {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton3 {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton3a {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton4 {BACKGROUND-COLOR: grey; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 200px; height: 25px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton4rojo {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 200px; height: 25px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}


INPUT.Boton1naranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton2naranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton3naranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 10px; width: 100px; height: 20px; color: FFFFFF; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton4naranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: 0; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;border-radius: 5px;}
INPUT.Boton5naranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 300px; height: 25px; color: 0; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;border-radius: 5px;}


INPUT.Boton1cyan {BACKGROUND-COLOR: cyan; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton2cyan {BACKGROUND-COLOR: cyan; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton3cyan {BACKGROUND-COLOR: cyan; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton4cyan {BACKGROUND-COLOR: cyan; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: 0; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;border-radius: 5px;}

INPUT.Boton1verde {BACKGROUND-COLOR: lightgreen; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton2verde {BACKGROUND-COLOR: lightgreen; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton3verde {BACKGROUND-COLOR: lightgreen; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;border-radius: 5px;}
INPUT.Boton4verde {BACKGROUND-COLOR: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 200px; height: 25px; color: whitesmoke; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;border-radius: 5px;}

INPUT.Boton1amarillo {BACKGROUND-COLOR: lightyellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton2amarillo {BACKGROUND-COLOR: lightyellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton3amarillo {BACKGROUND-COLOR: lightyellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton4amarillo {BACKGROUND-COLOR: lightyellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: 0; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;}

INPUT.Boton1superamarillo {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton2superamarillo {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton3superamarillo {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton4superamarillo {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: 0; cursor:pointer; padding:0px 6px;}

INPUT.Boton1blanco {BACKGROUND-COLOR: white; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0;cursor:pointer; padding:0px 6px;}
INPUT.Boton2blanco {BACKGROUND-COLOR: white; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton3blanco {BACKGROUND-COLOR: white; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton4blanco {BACKGROUND-COLOR: white; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: 0; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold;}

INPUT.Boton1ama {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton2ama {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton3ama {BACKGROUND-COLOR: yellow; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;}

INPUT.Boton1azul {BACKGROUND-COLOR: lightblue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 60px; height: 22px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton2azul {BACKGROUND-COLOR: lightblue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 9px; width: 50px; height: 17px; color: 0; cursor:pointer; padding:0px 6px;}
INPUT.Boton3azul {BACKGROUND-COLOR: lightblue; FONT-FAMILY: arial,Verdana; FONT-SIZE: 11px; width: 100px; height: 20px; color: 0; cursor:pointer; padding:0px 6px;}

INPUT.Boton4medioazul {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4medioazulchico {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4medioazulmuychico {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 10px; width: 60px; height: 25px; color: white; cursor:pointer; padding:0px 3px; FONT-WEIGHT: bold; border-radius: 5px;}

INPUT.Boton4mediorojo {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4mediorojochico {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4mediorojomuychico {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 60px; height: 20px; color: white; cursor:pointer; padding:0px 3px; FONT-WEIGHT: bold; border-radius: 5px;}

INPUT.Boton4medioverde {BACKGROUND-COLOR: green; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}

INPUT.Boton4medionaranja {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: black; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4medionaranjachico {BACKGROUND-COLOR: orange; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: black; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}

INPUT.Boton4medioazul {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4medioazulchico {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}

INPUT.Boton4mediorojo {BACKGROUND-COLOR: crimson; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}

INPUT.Boton4medioazul {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 250px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}
INPUT.Boton4medioazulchico {BACKGROUND-COLOR: #55A0BA; FONT-FAMILY: arial,Verdana; FONT-SIZE: 12px; width: 100px; height: 25px; color: white; cursor:pointer; padding:0px 6px; FONT-WEIGHT: bold; border-radius: 8px;}

.form {background-color: #F0F8FF; border: 1px solid black; padding: 3px; font-size: 11; color: black; font-family: arial,verdana;}
.bigform {background-color: #F0F8FF; border: 0px solid black; padding: 0px; font-size: 20; color: crimson; font-family: arial,verdana; FONT-WEIGHT: bold; BACKGROUND-COLOR: yellow;}







back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}
back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
back-top a:hover span {
	background-color: #777;
}

/*CHECKBOX ESPECIAL*/

.demo input[type="checkbox"] {
	display: none;
}
.demo input[type="checkbox"] + label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(checkbox-uncheck.png);
	background-size: cover;
	cursor: pointer;
}
.demo input[type="checkbox"]:CHECKED + label span {
	background: url(checkbox-check.png);
	background-size: cover;
}

/* Estilo del botón flotante */
#fullscreen-float-btn {
    position: fixed; /* Fijo en pantalla */
    top: 0px; /* Distancia desde la parte superior */
    right: 0px; /* Distancia desde la derecha */
    z-index: 1000; /* Siempre visible, encima de otros elementos */
    width: 40px; /* Más grande */
    height: 40px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para darle profundidad */
    font-size: 26px; /* Tamaño del ícono */
    transition: transform 0.3s ease, background-color 0.3s ease;
}

#fullscreen-float-btn:hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
    background-color: #0056b3; /* Color más oscuro al hacer hover */
}

#fullscreen-float-btn:active {
    transform: scale(0.9); /* Se reduce un poco al hacer clic */
}

th {
    position: sticky;
    top: 0;
    background: #2f4f58;
    color: #fff;
    z-index: 10;
}


:root
{
	/* =========================================================
	   IDENTIDAD PRINCIPAL DE LA APP
	   Estos colores definen la personalidad general del sistema
	   ========================================================= */

	/* color principal de la app */
	--app-primary: #D9A400;

	/* variante más oscura del principal */
	--app-primary-dark: color-mix(in srgb, var(--app-primary) 78%, black);

	/* fondo suave derivado del principal */
	--app-primary-soft: color-mix(in srgb, var(--app-primary) 12%, white);

	/* líneas, bordes y separadores suaves */
	--app-primary-line: color-mix(in srgb, var(--app-primary) 28%, white);


	/* =========================================================
	   TEXTOS GENERALES
	   ========================================================= */

	/* texto principal */
	--app-text: #24384c;

	/* texto secundario */
	--app-muted: color-mix(in srgb, var(--app-text) 62%, white);


	/* =========================================================
	   PANELES Y CONTENEDORES
	   ========================================================= */

	/* fondo de paneles/cards */
	--app-panel: #f7f9fc;

	/* bordes generales */
	--app-border: color-mix(in srgb, var(--app-primary) 18%, #cfd6df);

	/* =========================================================
	   LOGIN
	   ========================================================= */

	/* fondo oscuro del login */
	--app-login-bg: color-mix(in srgb, var(--app-primary) 22%, #07111f);

	/* =========================================================
	   CINTA SUPERIOR (tablainicial)
	   ========================================================= */

	/* fondo principal de la cinta */
	--app-top-bg:
		linear-gradient(
			135deg,
			color-mix(in srgb, var(--app-primary) 10%, white) 0%,
			color-mix(in srgb, var(--app-primary) 22%, white) 100%
		);

	/* burbuja/decoración suave */
	--app-top-bubble:
		color-mix(in srgb, var(--app-primary) 12%, transparent);

	/* título principal del sistema */
	--app-top-title:
		color-mix(in srgb, var(--app-text) 92%, black);

	/* nombre de la escuela */
	--app-top-school:
		var(--app-text);

	/* links/períodos/timeline */
	--app-top-link:
		color-mix(in srgb, var(--app-primary) 72%, #005bbb);

	/* banda inferior contextual */
	--app-top-band-bg:
		color-mix(in srgb, white 72%, var(--app-primary-soft));
		
	/* =========================================================
	   CINTA SUPERIOR COMUN
	   ========================================================= */


	/* degradé principal de la cinta superior */
	--app-topbar-bg: linear-gradient(90deg, var(--app-primary) 0%, var(--app-primary-soft) 52%, #ffffff 100%);

	/* texto sobre la zona fuerte izquierda */
	--app-topbar-left-text: #ffffff;

	/* título central de la app */
	--app-topbar-title: var(--app-text);

	/* subtítulo / escuela */
	--app-topbar-school: var(--app-muted);

	/* fondo de la banda contextual */
	--app-context-bg: rgba(255,255,255,0.65);

	/* borde de la banda contextual */
	--app-context-border: var(--app-border);



		
		
}


/* =========================
   LEGAJOS MENU V1
   ========================= */


/* cajas principales */

.fondofiltros
{
	background: var(--app-panel);
	border: 1px solid var(--app-border);
	border-radius: 6px;
	padding: 5px;
}

/* barra superior de cajas */

.tablasuperiorgeneral
{
	background: transparent;
	border: 0;
	line-height: 1.2;

}


/* titulo principal columna */

.titulo4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: var(--app-primary);
	letter-spacing: -0.5px;
}


/* subtitulo */

.titulo4chico
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--app-muted);
	line-height: 18px;
}


/* grupos internos */

.titulo3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: var(--app-text);

	display: inline-block;

	margin-top: 8px;
	margin-bottom: 4px;

	padding-bottom: 1px;

	border-bottom: 1px solid var(--app-primary-line);
}


/* links menu */

.linkselected
{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: var(--app-text);
	text-decoration: none;
	padding: 1px 8px;
	margin: 0;
	border-radius: 999px;
	transition: all 0.15s ease;
}

.linkselected:visited
{
	color: var(--app-text);
}

.linkselected:active
{
	color: var(--app-primary);
}

/* hover */

.linkselected:hover
{
	background: var(--app-primary-soft);
	color: var(--app-primary);
	padding-left: 14px;
}


.menu-td
{
	background: var(--app-panel);
	border: 1px solid var(--app-border);
	border-radius: 18px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.04);
	padding: 10px;
	vertical-align: top;
	line-height: 0.7;

}

.menu-td .fondofiltros
{
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.app-top
{
	background: var(--app-top-bg);
	position: relative;
	overflow: hidden;
}

.app-top::after
{
	content: "";
	position: absolute;
	right: 90px;
	bottom: -70px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: var(--app-top-bubble);
	pointer-events: none;
}

.app-top-band
{
	background: var(--app-top-band-bg);
	position: relative;
	z-index: 1;
}

.app-top-title
{
	color: var(--app-top-title);
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
}

.app-top-school
{
	color: var(--app-top-school);
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
}

.app-top .titulo
{
	color: var(--app-top-link);
}



.app-topbar-shell
{
	width: 98%;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--app-border);
	box-shadow: 0 4px 14px rgba(0,0,0,0.06);
	background: #ffffff;
}

.app-topbar
{
	position: relative;
	display: grid;
	grid-template-columns: 350px 1fr 90px;
	align-items: center;
	min-height: 46px;
	background: var(--app-topbar-bg);
}

.app-topbar-left
{
	position: relative;
	z-index: 1;
	padding: 4px 14px;
	color: var(--app-topbar-left-text);
	font-family: Arial, Helvetica, sans-serif;
}

.app-topbar-hello
{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
}

.app-topbar-link
{
	display: inline-block;
	margin-top: 7px;
	color: var(--app-topbar-left-text);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	opacity: 0.92;
}

.app-topbar-link:hover
{
	text-decoration: underline;
	opacity: 1;
}

.app-topbar-muted
{
	display: inline-block;
	margin-top: 7px;
	color: var(--app-topbar-left-text);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	opacity: 0.75;
}

.app-topbar-icon
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 4px;
}

.app-topbar-center
{
	text-align: center;
	padding: 3px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.app-topbar-title
{
	color: var(--app-topbar-title);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.2px;
	line-height: 1.2;
}

.app-topbar-school
{
	color: var(--app-topbar-school);
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 2px;
}

.app-topbar-right
{
	text-align: center;
	padding-right: 14px;
}

.app-topbar-logo
{
	width: 36px;
	max-height: 36px;
	object-fit: contain;
}

.app-context-strip
{
	background: var(--app-context-bg);
	border-top: 1px solid var(--app-context-border);
	padding: 7px 12px;
	text-align: center;
}

.app-context-button
{
	border: 1px solid var(--app-primary-line);
	background: #ffffff;
	color: var(--app-primary);
	border-radius: 999px;
	padding: 5px 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.15s ease;
}

.app-context-button:hover
{
	background: var(--app-primary-soft);
	padding-left: 18px;
	padding-right: 18px;
}

.app-context-panel
{
	max-height: 0;
	overflow: hidden;
	padding: 0 18px;
	transition: max-height 0.5s ease, padding 0.5s ease;
	background: #ffffff;
	border-top: 1px solid var(--app-context-border);
}

.app-context-panel-open
{
	max-height: 260px;
	padding: 12px 18px;
}

.app-context-placeholder
{
	background: var(--app-panel);
	border: 1px dashed var(--app-border);
	border-radius: 14px;
	padding: 12px;
	color: var(--app-text);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.app-context-arrow
{
	background: transparent;
	border: 0;
	font-size: 24px;
	color: var(--app-primary);
	cursor: pointer;
	opacity: 0.75;
	transition: all 0.25s ease;
	padding: 0;
	margin-top: 2px;
}

.app-context-arrow:hover
{
	opacity: 1;
	transform: translateY(1px);
}

.app-context-arrow-open
{
	transform: rotate(180deg);
}

.menu-card
{
	border-radius: 14px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.04);
	padding: 14px;
}