html {
/* Necesario ? */
margin:0px;
padding:0px;
}

/*******************************************************/
/* Tipos de Fuentes                                    */
/*******************************************************/
.warning {
  SCROLLBAR-FACE-COLOR: #D0D0A8;

  SCROLLBAR-3DLIGHT-COLOR: #999999;
  SCROLLBAR-HIGHLIGHT-COLOR: #FEFCA9;
  SCROLLBAR-SHADOW-COLOR: #D0D0A8;
  SCROLLBAR-DARKSHADOW-COLOR: #666666;

  SCROLLBAR-ARROW-COLOR:  #858332;
  SCROLLBAR-TRACK-COLOR: #feffe3;
}

.titulo {
	font:normal bold 8pt Arial, Helvetica, sans-serif;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#ffADC3D6', EndColorStr='#ffffffff');
	border-bottom: 1px solid #407889;
}

.cabecera {
	font:normal 10px Arial, Helvetica, sans-serif;
	color: #000000;
}

.normal {
	font:normal 9px Arial, Helvetica, sans-serif;
	color: #000000;
}

.normal_ {
	font: normal 10pt Arial, Helvetica, sans-serif;
	color: #000000;
}

/*******************************************************/
/* Cabecera y Pie de Tablas                            */
/*******************************************************/
.cab_tabla, .cab_tabla_no_borde, table.esmena caption {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#FFBBCCE8', StartColorStr='#FFE4EAF8');
	/*border: 1px solid #99AACA;*/
	/*border-bottom: 1px solid #407889;*/
}

.cab_tabla_no_borde, table.esmena caption {
	border: 0px;
	/*background-color: #E4EAF8;*/
	/* #BBCCE8; */
	/* Sale si no funciona gradiente */
}

table.cab_tabla, table.cab_tabla_no_borde, table.cab_tabla_cont {
	width: 100%;
}

table.cab_tabla{margin-bottom: 2px;}

.cab_tabla_solo_fuente, .cab_tabla, .cab_tabla_no_borde, table.esmena caption {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #000000;
}

.cab_tabla .det_form { font-weight: normal; }

td.cab_botones {
	text-align: right;
}

td.cab_botones a{
	font-size: 0.85em;
	font-weight: bold;
}

td.pestanias, table.pestanias {
	padding: 0px;
	margin: 0px;
	background-color: #E4EAF8;
}

td.pestanias table, table.pestanias {
	width: 100%;
}

table.pestanias { margin-top: 2px;}

td.pestanias label, table.pestanias label {
	width: 90%;
	display: block;
	cursor: pointer;
	padding: 3px 0px 3px 0px;
}

.pestanias label:hover {
	text-decoration: underline;
}

td.pestanias input, table.pestanias input {
	float: left;
	margin: 3px;
}

td.pestanias td, td.pestanias td.pestania_activa, table.pestanias td, table.pestanias td.pestania_activa  {
	background-color: #ADC3D6;
	border: 1px solid #99AACA;
	font: bold 8pt Arial;
	color: #314985;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

td.pestanias td.pestania_activa, table.pestanias td.pestania_activa {
	background-color: #E4EAF8;
	border-bottom: 1px solid #E4EAF8;
	border-top-width: 2px;
}

.cab_tabla_horario {
	font: normal 8pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

.cab_tabla_horario_texto {
	font: normal 8pt Arial, Helvetica, sans-serif;
}

.error {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FF0000;
}

.cab_error{
	background-color: #FF0000;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 1px outset #FF0000;
}

.mensaje {
	font: normal 8pt Arial, Helvetica, sans-serif;
	color: #000033;
	background-color: #eee;
	border: 1px solid #99AACA;
}

.cab_tabla_solo_fuente_menor {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
}

.cab_tabla_solo_fuente_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-size:10pt;
	font-weight:normal;
	color:#000000;
}

table.esmena caption{
	text-align: left;
	padding: 3px;
}

.pie_tabla {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
  	border-top: 1px solid #407889;
}

/*****************************************************/
/* Estilo Formulario                                 */
/*****************************************************/

.cab_form, .cab_tab {
	font:bold 8pt Arial, Helvetica, sans-serif;
	background-color:#ADC3D6;
	color:#314985;
  	text-align:right;
  	border: 1px solid #99AACA;
}

.cab_tab {
	text-align: center;
}

.cab_form_center {
	font:bold 8pt Arial, Helvetica, sans-serif;
	background-color:#ADC3D6;
	color:#314985;
	text-align:center;
	border: 1px solid #99AACA;
}

.cab_form_left {
	font:bold 8pt Arial, Helvetica, sans-serif;
	background-color:#ADC3D6;
	color:#314985;
	text-align:left;
	border: 1px solid #99AACA;
}

.det_form, label.validationError, label.papeletaError {
	font:normal 8pt Arial, Helvetica, sans-serif;
	background-color:#D3D6DB;
	color:#000000;
  	text-align:left;
  	border: 1px solid #99AACA;
}

label.validationError, label.papeletaError  {
	color: #ff0000;
	border: 0px;
	font-weight: bold;
}

label.papeletaError{
	display: block;
}

.det_form_imagen {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0pt;
	background-color:#D3D6DB;
	color:#000000;
	text-align:center;
	border: 1px solid #99AACA;
}

/*****************************************************/
/* Estilo Tabular                                    */
/*****************************************************/

.pestania {
	text-align: left;
}

.pestania label {
	cursor: pointer;
}

.b1 {
	font:bold 8pt "Arial";
	background-color : E5E023;
/* 	background-image : url(../images/fb1.gif); */
	color:#333333;
    text-align:center;
    border: 1px solid #99AACA;
}

.b1_verde {
	font:bold 8pt verdana,arial,helvetica;
	background-color : A1C666;
/* 	background-image : url(../images/fb1.gif); */
	color : #333333;
	padding-top: 3px;
	padding-bottom: 3px;
}


.b1_rojo {
	font-size : 8pt;
	font-family : verdana,arial,helvetica;
	font-weight: bold;
	background-color : EFBE67;
/* 	background-image : url('../images/fb1.gif'); */
	color : #333333;
	padding-top: 3px;
	padding-bottom: 3px;
}
.b1_azul {
	font-size : 8pt;
	font-family : verdana,arial,helvetica;
	font-weight: bold;
	background-color : 6576A5;
/* 	background-image : url('../images/fb1.gif'); */
	color : #333333;
	padding-top: 3px;
	padding-bottom: 3px;
}

.det_tab, .det_tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color:#E0E0FF;
	background-color:#D3D6DB;
	color:#000080;
  	border: 1px solid #99AACA;
}

.det_tab2 {
	background-color:#EEEEFF;
	background-color:#EDEDED;
}

/******************************************************/
/*  Estilos de componentes del explorer               */
/******************************************************/
body, iframe {
	SCROLLBAR-FACE-COLOR: #A8B8D0;
	SCROLLBAR-3DLIGHT-COLOR: #999999;
	SCROLLBAR-HIGHLIGHT-COLOR: #A8ccff;
	SCROLLBAR-SHADOW-COLOR: #A8B8D0;
	SCROLLBAR-DARKSHADOW-COLOR: #666666;
	SCROLLBAR-ARROW-COLOR:  #314985;
	SCROLLBAR-TRACK-COLOR: #E3E3ff;
}

body, .body_form {
	margin: 2px 0px 0px 2px;
	padding: 2px;
}

body{
    background-image: url("../imagenes/fondo2.gif");
    background-repeat: repeat;
}

textarea, input, select {/*8pt*/
	font: normal 8pt Arial, Helvetica, sans-serif;
	color: #000000;
}

.a:active {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #006600;
}

.a:visited {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #330099;
}

.a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FF0000;
}

.a:link {
	font:normal 10px Arial, Helvetica, sans-serif;
	color: #333399;
	text-decoration: underline;
}

.button, .button_top {
	background-color: #ffffff;
	background-image: url('../imagenes/fondo.gif');
	background-repeat: repeat-x;
	background-position: center;
	font: normal bold 11px Arial, Helvetica, sans-serif !important;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 1px;
}

.button[disabled] {
	color: #999999;
}


.rotate_button {
	background-color: #ffffff;
	background-image: url('../imagenes/fondo.gif');
	background-repeat: repeat-y;
	background-position: top center;
	font:normal bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding: 1px;
	border: 1px solid #cccccc;
	margin: 1px;
	writing-mode: tb-rl;
	direction: rtl;
}

.cab_form_align_left {
	font:bold 8pt Arial, Helvetica, sans-serif;
	background-color:#ADC3D6;
	color:#314985;
	text-align:left;
	border: 1px solid #99AACA;
}
.cab_form_align_center {
	font:bold 8pt Arial, Helvetica, sans-serif;
	background-color:#ADC3D6;
	color:#314985;
	text-align:center;
	border: 1px solid #99AACA;
}

/*******************************************************/
/* Para el Calendario                                  */
/*******************************************************/
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color:#6677DD;
			text-align:center;
			vertical-align: middle;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0 0 1 0;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #6677DD;
			border-width:1;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1 0 0 0;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}


	#frameGeneral, #frameDetalle, iframe.selfResize{
		display: block;
		border: 0px;
		width: 100%;
		z-index: 1;
	}

/* Para evitar el espacio al final del formulario */
form{
	margin: 0px;
}

h1.esmena {
	padding-top: 1em;
	font: bolder 24px Arial;
	text-align: center;
	color:#6375AD;
	border: 0px;
	text-decoration: underline;
}

table#info_contenido, table#info_pie {
	font: bold 14px Arial;
	color:#6375AD;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

table#info_contenido{
	text-align: center;
}

table#info_pie{
	border-top: 2px solid #6375AD;
	padding-top: 5px;
	width: 100%;
	font-weight: bold;
	font-size: 18px;
}

table#info_pie a{
	color:#6375AD;
	font-size: 1em;
	font-weight: bold;
}

div#info_logo{
	background: url('../imagenes/logo_transparente.gif') no-repeat;
	height: 378px;
	width: 378px;
	margin-left: auto;
	margin-right: auto;
}

/** Usados por displaytag **/
span.pagebanner, span.pagelinks, div.exportlinks {
	font-size: 0.85em;
	color: #333333;
	font-weight: bold;
}

span.requerido { color:red; font-weight: bold; }
span.ico_requerido { color:red; font-size: 1.75em; vertical-align: middle; }

table.tabla_pestania{
	width: 100%;
}

tr.cursoPlanError, tr.cuposPendientes, tr.indicadorAccionRequerida, tr.registroError, span.registroError {
	background-color: #fddcd3 !important;
}

div#preIndex{
	text-align: center;
}

div#preIndex a{
	font-family: Arial;
	font-weight: bold;
}

a:visited{
	color: #666666;
}

span.tardio1, span.tardio2, span.tardio3{
	font-weight:bold;
	color: #8B0000;
}

span.tardio2{
	color: #FF6347;
}

span.tardio3{
	color: #FF0000;
}

textarea.observacion, textarea.cripcion{
	width: 100%;
}

span.indicadorAccionRequerida, td.indicadorAccionRequerida, th.indicadorAccionRequerida {
	color: red;
}

table.otrosDetallesIndicador{
	font-size: 8pt;
}

table.otrosDetallesIndicador th, table.otrosDetallesIndicador td{
	text-align: center;
}

table.otrosDetallesIndicador th.esteDetalle, table.otrosDetallesIndicador td.esteDetalle{
	font-size: 1.5em;
}

tr.advertencia td.det_form {
	background-color: #ffcc00;
	font-weight: bold;
}

tr.noAutorizado td {
	color: #666666;
}

tr.alarma td, tr.pierdeMateria td a, tr.alarma td a, tr.pierdeMateria td {
	color: red !important;
	font-weight: bold;
}

span.icono.pierdeMateria {
	background-color: red;
}

span.pierdeMateria, .notaBaja {
	color: red;
	font-weight: bold;
}

ul.parametros{
	font-size: 8pt;
}

ul.parametros span{
	font-weight: bold;
}

span.aviso, blink.aviso {
	background-color: #ffcc00;
}

span.icono {
	display: inline-block;
	width: 6px;
	height: 6px;
	vertical-align: middle;
	margin-right: 2px;
	border: 1px solid #000;
}

span.icono.alerta{ /** BUG en ie6 y 8 ? equivale solo a: span.alerta **/
	background-color: #FF4800;
}

span.icono.fueraNomina {
	background-color: #666666;
}

a.alerta, span.alerta {
	background-color: transparent;
	font-weight: bold;
	color: #FF4800;
}

a.fueraNomina, span.fueraNomina {
	background-color: transparent;
	font-weight: bold;
	color: #666666;
}

tr.fueraNomina td, tr.fueraNomina td a {
	color: #666666;
	font-weight: bold;
}

span.bold, td.bold, span.bold a {
	font-weight: bold;
}

.center {
	text-align: center;
}

.ui-tabs {
	font-size: 9pt !important;
}

span.destacar, blink.destacar {
	font-size: 1.25em;
	font-weight: bold;
}

span.noDisponible{
	color: #666666;
}

span.cursoSinEspacio, span.cursoSinEspacio a {
	color: red;
}

img.noInscripcion{
	float:left;
}

span.cupos {
	white-space: nowrap;
}

span.minibold {
	font-weight: bold;
}

.sugerencia {
	background-image: url('../imagenes/notificacion.gif');
	background-color: #efe8d0;
	background-repeat: no-repeat;
	border: 1px solid #eee1b3;
	padding: 3px 3px 3px 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 3px;
}

div.aviso {
	background-image: url('../imagenes/notificacion-grave.gif');
	background-color: #ffccaa;
	background-repeat: no-repeat;
	border: 1px solid #ff8c55;
	padding: 3px 3px 3px 20px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 3px;
}

.no_screen {
	display: none;
}

.rojo, .rojo a {
	color: red;
}

td.etiquetaClic label {
	text-decoration: underline;
}

table.esmena tr.odd img, table.esmena tr.even img {
	vertical-align: middle;
}

table.esmena tr.total td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

table.esmena tr.total td {
	background-color: #ccc;
}

table.esmena tr.no_habil td {
	background-color: #999999;
}

span.no_habil {
	color: #999999;
}

span.alarma1, a.alarma1, td.alarma a.alarma1
, span.alarma2, a.alarma2, td.alarma a.alarma2
, span.alarma3, a.alarma3, td.alarma a.alarma3 {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
	text-decoration: none;

	background: #ffff00;
	border: 1px solid #999900;
	color: #666600 !important;
}
span.alarma2, a.alarma2, td.alarma a.alarma2 {
	background: #ff9900; border-color: #995c00; color: #663d00 !important; }
span.alarma3, td a.alarma3, td.alarma a.alarma3 {
	background: #ff0000; border-color: #990000; color: #fff !important;/*#660000;*/ }

/** lista de asignaciones CIE */
td.asignacionA { background-color: #ffd61d; color: #663d00; font-weight: bold; }/** pend. acept. */
td.asignacionS { background-color: #7dcd43; font-weight: bold; }/** acept. */
td.asignacionN { background-color: #db4862; color: #fff; font-weight: bold; }/** no acept. */


.content-div{
    width: 998px; 
    text-align: center;
    height: 550px;
    background-color: #d3e1f1;
    vertical-align: middle;
    border-radius: 8px;
}