body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #333333;
}

#container {
	margin: auto;
	width: 490px;
}

ul, li {
	margin:5px; padding:0; 
	list-style:none;
}

.the_menu {
/*	display:none;*/
	width:169px;
/*	border: 1px solid #1c1c1c;*/
}

.the_menu li a {
	color:#0074c7;
	text-decoration:none;
	padding:2px;
	display:block;
}

.the_menu li a:hover {
	padding:2px;
	font-weight:bold;
	color: #0074c7;
}


.texto {
	font-size: 13px;
	color: #FF8000;
	font-weight: bold;
}
a.texto:hover {
	font-weight: bold;
}


.menu_opciones{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C90;
	text-decoration: none;
}
a.menu_opciones:link, a.menu_opciones:active, a.menu_opciones:focus, a.menu_opciones:visited{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FD7E00;
	text-decoration: none;
	font-weight: bold;
}
a.menu_opciones:hover{
	text-decoration: underline;
	font-weight: bold;
}

.titulo_noticia {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}
.botonesCampos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
}
.error_buscador {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.texto_buscador {
	font-size: 12px;
	border: 1px solid #999999;
}
.boton_buscador {
	font-size: 12px;
	color: #0099CC;
	background-color: #FF9900;
	border: 1px solid #666666;
	font-weight: bold;
}

.borde_recuadro {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FFCC00;
}

.barra_boton, .barra_boton:link, .barra_boton:active, .barra_boton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	background-color: #FFFFFF;
	background-position: center;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FF9900;
	border-bottom-color: #FF9A00;
	border-left-color: #FFCF00;
	font-weight: bold;
}
.barra_boton:hover {
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FFCC00;
	border-bottom-color: #F00;
	border-left-color: #FF9900;
	cursor: pointer;
}

.barra_boton_inactivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	background-color: #FFFFFF;
	background-position: center;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FF9900;
	border-bottom-color: #FF9A00;
	border-left-color: #FFCF00;
	font-weight: bold;
}
label.error { 
	float: none; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;

}
.recuadro_inferior {
	background-image: url(../imagenes/fondo_recuadro_inferior.png);
	height: 15px;
	width: 96%;
}
.recuadro_simple {
	border: 1px solid #999999;
	width: 96%;
	vertical-align: middle;
}
.filaRecuadro {
	background-color: #FF9;
	border: thin solid #F00;
	font-size: 12px;
}

.fila {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #95FFCA;
	font-weight: normal;
	text-decoration: none;
}
.filaRemarcada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	border: thin solid #F00;
	background-color: #FF9;
}

.fila2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFF9E1;
	font-weight: normal;
	text-decoration: none;
	
}
.fila_titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #066;
	color: #FFF;
}
.borde_alerta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	width: 500px;
	border: 1px solid #FFCC00;
	margin-left: 50px;
}
.borde_aviso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E6E6E6;
	width: 500px;
	border: 1px solid #FFCC00;
	margin-left: 50px;
}
.borde_alerta2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	border: 1px solid #FFCC00;
}
.mayuscula {
	text-transform:uppercase;
}
.input_editar {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFF99;
	border: 1px solid #999999;
}
.borde_azul_derecha_sup {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
}
.borde_azul_derecha_inf {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0000FF;
}
.borde_azul_derecha {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0000FF;
}
.input_sesion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #F90;
}
.texto_sesion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009;
}
.advertencia_sesion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.bordeLista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #FC0;
	border: 1px solid #666;
	font-weight: bold;
}
.no_vencida {
	background-color: #FFF;
	color: #333;
}
.vencida_azul {
	background-color: #06C;
	color: #FFF;
}
.vencida_roja {
	background-color: #F00;
	color: #FFF;
}
.tiene_debito {
	background-color: #C90;
}
.borde_mensaje_top {
	background-image: url(../imagenes/recuadro_mensajes/bubble-2.png);
	background-repeat: repeat-x;
}
.borde_mensaje_left {
	background-image: url(../imagenes/recuadro_mensajes/bubble-4.png);
	background-repeat: repeat-y;
	background-position: right;
}
.borde_mensaje_rigth {
	background-image: url(../imagenes/recuadro_mensajes/bubble-5.png);
	background-repeat: repeat-y;
}
.borde_mensaje_botton {
	background-image: url(../imagenes/recuadro_mensajes/bubble-7.png);
	background-repeat: repeat-x;
}
.noticia_titulo {
	font-size: 18pt;
	font-weight: bold;
	color: #036;
	text-align: center;
}
.noticia_borde {
	border: thin solid #999;
}
.noticia_fecha {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #999;
}
		
.notice-body {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(../imagenes/purrTop.png) no-repeat left top;
	color: #f9f9f9;
}
.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
.notice-body h3	{margin: 0; font-size: 1.1em;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 220px;}
		
.notice-bottom {
	height: 22px;
	background: url(../imagenes/purrBottom.png) no-repeat left top;
}
a.acceso_directo:link, a.acceso_directo:active, a.acceso_directo:link, a.acceso_directo:visited {
	text-align: center;
	text-decoration: none;
}
a.acceso_directo:hover{
	font-weight: bold;
}
.textoInformativo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;/*	font-size: 36px;*/
	font-weight: normal;
	text-align: justify;
	text-indent: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#mostrarUsuario #signupform .borde_recuadro tr .textoInformativo #listadoImprimir ol li {
	padding-top: 10px;
	padding-bottom: 10px;
}
.cuadroVinculoFamiliar {
	font-size: 12px;
	color: #000;
	width: 200px;
	float: left;
	background-image: url(../imagenes/bg_centro_proyec_home.png);
	margin: 10px;
	height: 161px;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
}
.cuadroDatosPersonales {
	font-size: 12px;
	color: #000;
	width: 600px;
	margin: 5px;
	font-weight: normal;
	border: 2px dashed #F90;
}
a.cerrarNoticia:link, a.cerrarNoticia:active, a.cerrarNoticia:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00F;
	text-decoration: none;
}
a.cerrarNoticia:hover {
	text-decoration: underline;
	font-weight: bold;
}
.fondo_header {
	background-image: url(../imagenes/fondo_header.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 152px;
	width: 950px;
}
.fondo_footer {
	background-image: url(../imagenes/fondo_footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 55px;
	width: 950px;
}
.fondo_body_medio {
	background-repeat: repeat-y;
	background-position: left top;
	/*padding-right: 10px;
	padding-left: 10px;*/
	background-color: #F0F0F0;
}
.fondo_izquierda_medio {
	background-image: url(../imagenes/fondo_izquierda_medio.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 3px;
	padding-left: 3px;
}
a.link_acceso:active, a.link_acceso:link, a.link_acceso:visited {
	font-weight: bold;
	color: #D35731;
	text-decoration: none;
}
a.link_acceso:hover {
	text-decoration: underline;
}.cuadroPopup {
	/*margin: 10px;*/
	padding: 20px;
}
.nota_Aprobado {
	color: #000;
}
.nota_Reprobado {
	color: #00F;
}
.nota_Ausente {
	color: #090;
}
.nota_Aplazado {
	color: #F00;
}

.foto {
	background-color: #FFF;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
}

/* Estilo de Botones */
.botones {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: baseline;
	cursor: pointer;
	padding: .1em .1em;
	font-weight: bold;
	border-radius: 0.5em;
	color: #F60;
	border: solid 1.5px #cbc7bd;
	background: #ffffff;
}
.botones:hover {
	color: #C60;
	border: 1px solid #C93;
	background-color: #FF9;
}
.botones:active {
	color: #0074c7;
	border: solid 1px #655e4e;
	background: #ffffff;
}
/* fin de estilo para botones */

.titulo_opcion {
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #009;
}

.titulo_blanco {
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
}

div#cargando {
	padding: 20px;
	display: none; /* hidden */
	position: absolute;
	left: 50%;
	top: 40%;
	font-weight: bold;
	font-size:14px;
	background-color:#CCC; /*#FFFFFF;*/
	border-color: #6B6B6B;
	border-width: 2px;
	border-style: solid;
	filter:alpha(opacity=60);
	-moz-opacity:.90;
	opacity:.90;
	color: #333;
}


.texto_tabla {
	font-size: 11px;
	color: #333;
	font-weight: bold;
}
