@charset "utf-8";

/* CSS Document */

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

/* Seccion de estilos globales, aplican a todo el documento

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

body {

	margin: 0px;

	padding-top:10px;

	padding-bottom:10px;

	background-color:#333333;

	/*Estas dos lineas agregas una imagen como background*/

	background-image:url(images/fondo-02.jpg);

	background-repeat:repeat;

	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;

	font-size:12px;

	color:#666667;

}

#texto_justificado {

	text-align:justify;

}

a:link {

	color:#999999;

	text-decoration:none;

}

a:hover {

	color:#000000;

	text-decoration:underline;

}

a:visited {

	color:#666667;

	text-decoration:none;

}

ul {

	list-style-image:url(/images/bullet.jpg);

}

hr {
/* cambio de 500 a 1024*/
	width:500 px;

	margin-left: 0px;

}

#imagenes {

	text-align:center;

	padding:10px;

}

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

/* Estilos para el header

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

.header {

	width:1024px;

	background-color:#013a81;

}

.imagen {

	background-color:#FFFFFF;

}

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

/* Estilos para la estructura de la pagina

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

.left {

	vertical-align:top;

	height:300px;

	width:157px;

}

.content {

	width:517px;

	vertical-align:top;

	margin:0px;

	padding:0px;

}

.content1 {

	width:850px;

	vertical-align:top;

	margin:0px;

	padding-right:20px;

	padding-left:20px;

	text-align:justify;

}

.right {

	width:333px;

	margin-left:0px;

	padding-left:0px;

}

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

/*Estilos para titulos de seccion noticias y eventos*  /

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

#titulo {

	width:490px;

	height:20px;

	background-color:#ebecf5;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:11px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;

}

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

/*Estilos para titulos de seccion calendario y banner */

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

#titulo1 {

	width:325px;

	height:20px;

	background-color:#ebecf5;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;

}

.fondo {

	color:#FFFFFF;

	width:30px;

	height:20px;

}

#espacio {

	padding-top:4px;

}

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

/*Estilos para el menu del lado izquierdo 

/*

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

#linksmenu a {

	float:right;

	width:180px;

	height:20px;

	background-color:#ebecf5;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenu a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

}

/*JAAM se agrega un estilo para menú de comunidad*/

#linksmenu2 a {

	float:right;

	width:180px;

	height:20px;

	background-color:#013a81;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	/*color:#666667;*/

	color:#FFFFFF;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenu2 a:hover {

	/*background:#c5c8cd;*/

	background:#013a81;

}

/*para PDI*/

#linksmenu3 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#ebecf5;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenu3 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}

#linksmenupdi1 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#e97b24;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenupdi1 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}

	#linksmenupdi2 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#de1f26;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenupdi2 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}

	

#linksmenupdi3 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#5e449b;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenupdi3 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}	

#linksmenupdi4 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#1a9948;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenupdi4 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}

	

#linksmenupdi5 a {

	float:right;

	width:180px;

	height:35px;

	background-color:#467fc2;

	border-left:solid 1px #FFFFFF;

	border-bottom:solid 4px #FFFFFF;

	font-size:12px;

	color:#666667;

	text-decoration:none;

	padding-top:5px;/*padding-left:5px;*/

}

#linksmenupdi5 a:hover {

	/*background:#c5c8cd;*/

	background:#d5d7db;

	}	

#menu_izq {

	float:left;

	width:180px;

	margin:0px;

	padding-right:0px;

	padding-left:5px;

}

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

/*Estilos para el menu que se encuentra sobre el 

/*buscador

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

#menu_busqueda {

	color:#FFFFFF;

	font-size:11px;

	padding-right:20px;

	padding-bottom:0px;

}

#menu_busqueda a {

	color:#FFFFFF;

	text-decoration:none;

}

#menu_busqueda a:hover {

	/*background-color:#3069b0;*/

	color:#3069b0;

}

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

/* Estilos para el menu principal que esta sobre la 

/* fotografia*/

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

#menu_principal {

	padding-left:20px;

	background-color:#013a81;

	color:#FFFFFF;

	font-size:10px;

	height:20px;

}

#menu_principal a:link {

	color:#FFFFFF;

	text-decoration:none;

}

#menu_principal a:hover {

	/*color:#3069b0;*/

	color:#FFFFFF;

	text-decoration:underline;

}

#menu_principal a:visited {

	color:#FFFFFF;

}

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

/* Estilos para la seccion de eventos y noticias      */

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

.fecha {

	color:#65b2d8;

	font-size:12px;

}

.titulos_noticias {

	font-size:12px;

	color:#666666;

}

.encabezado_noticia {

	color:#7f7f81;

	font-size:12px;

}

#panel {

	/*padding:12px;*/

	/*border:solid 1px #E4E4E4;*/

	background-color:#EEEEEE;

	/*margin:10px;*/

	padding:5px;

	width:150px;

	/*height:268px;*/

	color:#666667;

	height:155px;

}

#panel1 {

	/*padding:12px;*/

	/*border:solid 1px #E4E4E4;*/

	background-color:#EEEEEE;

	/*margin:10px;*/

	padding:5px;

	width:144px;

	/*height:268px;*/

	height:155px;

	font-size:11px;

}

#panel2 {

	position:relative;

	display:block;

	background-color:#EEEEEE;

	font-size:12px;

	float:left;

	width:180px;	

}

#panel_imagen {

	padding:5px;

}

.linea_fondo {

	border-bottom:1px solid #999999;

}

.linea_izq {

	border-left:1px solid #999999;

}

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

/*Estilos para el footer                              */

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

#footer {

	width:1024px;

	padding: 10px;

}

#footer hr {

	height:1px;

	text-align:center;

	background-color:#FFFFFF;

	width:100%;

	margin-left: 0px;

	text-align: 0px;

}

#footer2{

	/*height:90px;*/

	/*background:url(../images/footer_bg.png) top repeat-x #595959;*/

	background-color:#FFFFFF;

	color:#FFF;

	text-align:center;

	/*padding-top:20px;*/

}

#footer2 a img{

	padding:0 10px;

}

.hr {

	width:100%;

	margin-left: 0px;

	text-align: 0px;

}

#legal {

	width:550px;

	background-color:#FFFFFF;

	padding-left:5px;

}

#legal a:link {

	color:#666667;

}

#legal a:visited {

	color:#666667;

}

#legal a:hover {

	color:#666667;

	text-decoration:underline;

}

#telefono {

	width:200px;

	float:right;

	text-align:right;

	padding-right:10px;

}

#texto_gris_peque {

	font-size:11px;

	color:#666667;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	padding-left:10px;

}

#texto_negro_peque{

	font-size:12px;

	color:#1941A5;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	padding-left:12px;

}

.link_regreso {

	font-size:12px;

	color:#666667;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

}

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

/*Estilo para el contenido de texto                   */

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

.div_contenido {

	text-align:justify;

	font-size:12px;

}

.div_contenido_enlaces {

	text-align:left;

	font-size:12px;

}

.div_titulo {

	text-align:center;

	font-size:18px;

	font-weight:bold;

}

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

/* Estilos para el calendario

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

table#calendar {

	background-color:#FFFFFF;

	border: solid #013a81 3px;

	font-size:11px;

	width:140px;

	height:120px;

}

table#calendar a:link {

	text-decoration:none;

	color:#083a81;

}

table#calendar a:hover {

	text-decoration:none;

	color:#FFFFFF;

	background-color:#083a81;

}

table#calendar a:visited {

	text-decoration:underline;

	color:#083a81;

	background-color:#FFFFFF;

}

table#header_cal {

	color:#013a81;

	background-color:#efe9e5;

	font-weight:bold;

}

table#nomb_dias {

	background-color:#013a81;

	color:#FFFFFF;

}

table#dias_cal {

	color:#013a81;

	background-color:#FFFFFF;

}

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

/* estilos para tablas de datos

/* genera un margen de 1 px para toda la tabla

/* y un header

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



table#color {

	background-color:#FFFFFF;

	border: solid #000000 1px;

	margin-left: auto;

	margin-right: auto;

}

table#color td {

	padding: 0px;

	border: solid #000000 1px;

	text-align:center;

}

.toprow {

	font-style: italic;

	text-align: center;

	background-color: #ebecf5;

}

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

/* Estilos para los listados de alumnos admitidos

/*

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

#admitidos {

	text-align:center;

}

#sidebar {

	margin:auto;

}

.avisos_azul {

	color:#0000CC;

	font-weight:bold;/*text-decoration:underline;*/

}

.avisos_rojo {

	color:#FF0000;

	font-weight:bold;

}

tr.d0 td {

	background-color: #CCCCCC;

	color: black;

}

tr.d1 td {

	background-color: #FFFFFF;

	color: black;

}

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

/* Estilo para los planes de estudio.

/* para las listas ordenadas que usan el YUI

/* para mostrar un tooltip

/* Nota: el estilo del tooltip en general es el que incluye

/* la herramienta, ese no se modifica con este estilo

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

.texto_listas a:hover {

	text-decoration:underline;

}

.texto_listas a:visited {

	color:#000000;

	text-decoration:none;

}

.planeng {

	color:#013a81;

	text-decoration:none;

}

.imagenes {

	height:253px;

	width:1024px;

	padding:0;

	margin:0;

}

.imagenes img {

}