.bodyPrincipal  /* solo el body de inicio y el body de principal*/
{
    width:100%;
    margin-top:   0px;
	margin-left:  0px;
	margin-right: 0px;
	background-color: #FFFFFF;
}

.loginTitulos /*pagina index, departamento de servicios escolares  */
	{
	width: 100%;
	border-radius: 15px 15px 15px 15px;	
	font: 18px arial;
	color: #0B243B;
	background: #FFFFFF;
	border: 0px solid #DF0101;
	padding: 3px 6px 3px 6px;
	}

.loginTabla /*pagina index solo border redondeados y color de borde*/
	{
	
	border-radius: 15px 15px 15px 15px;
	border: 1px solid #FFFFFF; /*#DF0101;*/
	}

.loginCeldas /*pagina index para las celdas de la tabla en pagina inicio TIPO, USUARIO, PASSWORD, SECCION*/
	{
	background:#F2F2F2; /* gris */
	width: 100px;
	}
	
.loginEtiquetas /*pagina index para mis equiquetas dentro de las celdasInicio TIPO, USUARIO, PASSWORD, SECCION*/
	{
	font: bold 12px arial;
	color: #0B243B;
	}
	

.GenerandoProceso
{
	color:#FC0E03;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:9px;
	font-weight:bold;
	
}

.etiqueta1
{
	color:#555;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:9px;
	font-weight:bold;
	
}
.etiqueta2
{
	color:black;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.etiqueta3
{
	color:red;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.etiqueta4
{
	color:green;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.etiqueta5
{
	color:#8A0829;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}


/*algunas etiquetas*/
.etiqueta01 
{
	color: #0B243B;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
}

/*algunas etiquetas*/
.etiqueta01300 
{
	color: #0B243B;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
	width: 300px;
}

/*algunas etiquetas para algunos pequeños titulos, Nuevo turno*/
.etiqueta02
{
	color: #610B0B;
	font-family: bold Tahoma,Geneva,Arial,sans-serif;
	font-size:11px;
}

/*algunas etiquetas para algunos pequeños titulos, Nuevo turno*/
.etiqueta03
{
	color: #610B0B;
	font-family: bold Tahoma,Geneva,Arial,sans-serif;
	font-size:14px;
}

/*algunas etiquetas para algunos pequeños titulos, Nuevo turno*/
.etiqueta04
{
	color: #030303;
	font-family: bold Arial,sans-serif;
	font-size:11px;
}

/*algunas etiquetas para algunos pequeños titulos, Nuevo turno*/
.etiqueta05
{
	color: #030303;
	font-family: Arial,sans-serif;
	font-size:11px;
}

/*para letras pequeñas en el historial academico*/
.etiqueta06
{
	color: #030303;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:8px;
}

/*para letras mas pequeñas en el historial academico*/
.etiqueta07
{
	color: #030303;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:7px;
}

/*para letras pequeñas en el historial academico verticales*/
.etiqueta08
{
	color: #030303;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:8px;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
}



.loginBoton /*se va poder usar en varios casos Solo se usa en la pagina de login*/
	{
	background-color: #BDBDBD;
    color: 414B60;
    padding: 14px 20px;
    margin: 8px 0;
    cursor: pointer;
    width: 100%;
	border: 1px solid #81BEF7;
	
	
	}	
.loginBoton:hover {
    opacity: 0.8;
	border: 1px solid #64FE2E;
}



/* Style the tab - puedo cambier el color de fondo del menu encabezado */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
	.tab button {
		background-color: inherit;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		font-size: 12px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* *********************************************************************  */

.inputs1 
	{
	width: 40px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs1b /*lo mismo pero de fondo griss, para bloqueados */
	{
	width: 40px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	background:          #D3D3D3;
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs1c 
	{
	width: 17px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
	
.inputs2
	{
	width: 90px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs2b
	{
	width: 110px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}

.inputs3 
	{
	width: 130px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs3b
	{
	width: 190px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs3c
	{
	width: 160px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs3d
	{
	width: 150px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs3e
	{
	width: 140px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs4
	{
	width: 260px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs5 /*pagina index, para combos y text dentro de las celdasInicio */
	{
	width: 320px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs8 /*pagina index, para combos y text dentro de las celdasInicio */
	{
	width: 500px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	
.inputs9 /*pagina index, para combos y text dentro de las celdasInicio */
	{
	width: 580px;
	font:  bold 11px monospace;
	color: #0B243B;
	
	border-radius:       3px 3px 3px 3px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;
	}
	

.textEditable /* en evaluaciones */
{	
	font: 11px Arial narrow;
	color: black;
	
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;

}

.textBloqueado /* en evaluaciones*/
{	
	font: 11px Arial narrow;
	color: black;
	background: #D8D8D8;
	
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-width:   1px;

}

.boton2 /*se va poder usar en varios casos se autoajusta*/
	{
	background-color: 	#BDBDBD;
    color: 				414B60;
    padding: 			14px 20px;
    margin: 			8px 0;
    cursor: 			pointer;
	border: 			1px solid #81BEF7;
	border-radius:      10px 3px 3px 3px;
	}	
.boton2:hover {
    opacity: 		0.8;
	border: 		1px solid #64FE2E;
	border-radius: 	10px 3px 3px 3px;
}

.boton3 /*es mas pequeño porque tiene menos padding*/
	{
	background-color: 	#BDBDBD;
    color: 				414B60;
    padding: 			5px 5px;
    margin: 			8px 0;
    cursor: 			pointer;
	border: 			1px solid #81BEF7;
	border-radius:      10px 3px 3px 3px;
	}	
.boton3:hover {
    opacity: 	0.8;
	border: 	1px solid #64FE2E;
	border-radius:      10px 3px 3px 3px;
}


.etiqueta01Kardex   /*  Texto ya impreso en el kardex */
{
	color:        #000000;
	font:         7px arial;
}

.etiqueta02Kardex	/*  respuesta al texto */
{
	color:        #000000;
	font:         7px arial;
	font-weight:  bold;
}

.etiqueta03Kardex  /* texto ya impreso en el kardex, un poco mas grande */
{
	color:        #000000;
	font:         10px arial;
}

.etiqueta04Kardex /*texto ya impreso en el kardex, muy pequeña (curp) */
{
	color:        #000000;
	font:         5px arial;
}

.etiqueta05Kardex /* etiqueta vertical*/
{
	color: #000000;
	font:  7px arial;
	writing-mode: vertical-lr;
	transform: rotate(180deg); 
}

.etiqueta06Kardex	/*  respuesta al texto en color rojo*/
{
	color:        #FF0000;
	font:         7px arial;
	font-weight:  bold;
}


.etiquetaEncabezado1
{
	color:#FFFFFF;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:9px;
	font-weight:bold;
	
}

.etiquetaEncabezado2
{
	color: #FFBF00;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.etiquetaEncabezado3
{
	color: #FFBF00;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration: underline #FFBF00;
}

.etiquetaEncabezado3:hover {
	cursor:          pointer;
	
}

.vinculoMensajes2
{
	
	color: #787C7E;
	font-family: 'Agency FB', 'Bahnschrift Condensed';
	font-size:14px;
	/*font-weight:bold;*/
	
}

.vinculoMensajes2:hover
{
	cursor:          pointer;
}

.tituloAvisos2
{
	color:        #0B243B;
	font-family: 'Agency FB', 'Bahnschrift Condensed';
	
	font-size:    20px;
	/*font-weight:bold;*/
	
}

.fieldset01
{
	border: 1px solid #7696B0 ;
	border-radius: 10px;
	margin-bottom: 5px;
	
}

.legend01
{
	color:#555;
	font-family: Tahoma,Geneva,Arial,sans-serif;
	font-size:   9px;
	font-weight: bold;
	display:     block;
	text-align:  right;
	
}

.legend02
{
	color:#555;
	font-family: Tahoma,Geneva,Arial,sans-serif;
	font-size:   9px;
	font-weight: bold;
	display:     block;
	text-align:  left;
	
}

.modificarCursor:hover {
	cursor:          pointer;
	
}



.bolitaVerde
{
  background: #5EA226;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  cursor:pointer;
	
}

.bolitaGris
{
  background: #C6C5C5;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  cursor:pointer;
	
}