@charset "utf-8";



/*



	-----------------------------------------------------------------------



	 						1. GENERALES



	-----------------------------------------------------------------------



*/



body {
	background-image:url(fondo_pagina.jpg);
	margin-top:0px;
	background-color:#ece9d8;
	font:75% Arial, Helvetica, sans-serif;
	color:#4C5359;
	text-decoration:none;
}



A:link {

text-decoration:none;

color: #0B4F8C;

	

}



A:active {

text-decoration:none;

color: #0B4F8C;	

}



A:visited {

text-decoration:none;

color: #0B4F8C;	

}





#interfaz {
	width: 780px;
	background-color: #FFFFFF;
	height: 615px;
	margin: 0px auto;

}


#interfaz #columna8 #columna1 {
	width: 540px;
	height: 135px;
}


#interfaz #columna2 {
	height: 437px;
	width: 558px;
	background-color: #FFFFFF;
	background-image: url(fondito.png);
	float: right;
	margin-top: 8px;

}

#interfaz #columna3 {
	height: 437px;
	width: 560px;
	background-color: #FFFFFF;
	float: right;
	background-image: url(fondo4.png);
	margin-top: 8px;
}

#interfaz #columna4 {
	height: 437px;
	width: 560px;
	background-color: #FFFFFF;
	float: right;
	background-image: url(fondo5.png);
	margin-top:10px;
}

#interfaz #columna6 #columna5 {
	height: 135px;
	width: 300px;
}

#interfaz #columna6 {
	height: 165px;
	width: 560px;
	background-color: #FFFFFF;
	background-image: url(fondo7.png);
	margin-top: 6px;
	float: right;
}

#interfaz #columna8 {
	height: 165px;
	width: 560px;
	background-color: #FFFFFF;
	background-image: url(fondo1.png);
	float: right;
	margin-top: 6px;

}

#interfaz #cuerpo {

	width: 759px;

	height: 663px;

	background-color: #FFFFFF;

}

#interfaz #menu {
	height: 170px;
	width: 220px;
	float: left;

}

#interfaz #cuerpo #fondo_cuerpo {

	width: 740px;

	height: 663px;

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

	background-repeat: no-repeat;

}



#interfaz #cuerpo #fondo_cuerpo #cuerpoabajo {

	width: 740px;

	height: 335px;

}



#interfaz #cuerpo #fondo_cuerpo  #buscador1 {

	width: 195px;

	height: 20px;

	margin-top: 15px;

	margin-left: 30px;

}



.busqueda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
}
.noticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #114170;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
}

.buscar {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	height: 15px;
	text-decoration:none;
	margin-bottom: 0px;

}



#interfaz #cuerpo #fondo_cuerpo  #buscador2 {

	width: 200px;

	height: 25px;

	margin-top: 9px;

	margin-left: 25px;

	margin-bottom: 0px;

}



#interfaz #cuerpo #fondo_cuerpo  #buscador2 #form1 {

	width: 200px;

	height: 20px;

	margin-top: 0px;

	margin-bottom: 0px;

}



.encabezado {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #114170;
	font-weight: bold;
	text-align: left;
}
.encabezadocentro {
	font-family: Arial, Helvetica, sans-serif
	font-size: 12px;
	color: #114170;
	font-weight: bold;
	text-align:center;
}
.encabezado3 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #114170;
	font-weight: bold;
	text-align: left;
}

.texto_blanco {

	font-family: "Trebuchet MS";

	font-size: 12px;

	color: #FBFBFB;

	font-weight: bold;

	text-align: left;

}


.titulo_grande {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #114170;
	font-weight: bold;
	text-align: left;

}



.leyenda {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-align: left;
	height: 15px;

}



#interfaz #cuerpo #fondo_cuerpo  #destacado1 {

	width: 195px;

	height: 23px;

	margin-top: 0px;

	margin-left: 30px;

	padding-top: 31px;

}





#interfaz #cuerpo #fondo_cuerpo  #destacado2 {

	width: 204px;

	height: 282px;

	margin-left: 21px;

	margin-bottom: 0px;

	margin-top: 3px;

}



#interfaz #cuerpo #fondo_cuerpo  #interes1 {

	width: 195px;

	height: 20px;

	margin-top: 28px;

	margin-left: 30px;

}





#interfaz #cuerpo #fondo_cuerpo  #interes2 {

	width: 195px;

	height: 275px;

	margin-top: 7px;

	margin-left: 30px;

}







#interfaz #cuer_pie {

	width: 759px;

	height: 18px;

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

	background-color: #6f98ae;

}



#interfaz #noticias1 {
	width: 490px;
	height: 400px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#noticiindex {
	width: 520px;
	height: 400px;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 0px;
	/*margin-right: 0px;*/
}



#pie #noticias2 {
	width: auto;
	height: 145px;
	margin-top: 30px;
	margin-left: 40px;
	margin-right: 0px;

}

#interfaz #pie #noticias3 {

	width: 190px;
	margin-top: 40px;
	margin-left: 20px;
	margin-right: 0px;
}

#interfaz #pie #noticias4 {

	width: 190px;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 0px;
}

#interfaz #cuerpo #fondo_cuerpo  #tablanoti {

	width: 455px;

	height: 270px;

	margin-top: 0px;

	margin-left: 0px;

	float: left;

}



#interfaz #cuerpo #fondo_cuerpo  #foto1 {

	width: 116px;

	height: 116px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

}



#interfaz #cuerpo #fondo_cuerpo  #foto2 {

	width: 116px;

	height: 116px;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

}



#interfaz #cuerpo #fondo_cuerpo  #agenda1 {

	width: 215px;

	height: 20px;

	margin-top: 27px;

	margin-left: 25px;

}



#interfaz #cuerpo #fondo_cuerpo  #agenda2 {

	width: 215px;

	height: 235px;

	margin-top: 7px;

	margin-left: 25px;

}



#interfaz #cuerpo #fondo_cuerpo  #agenda3 {

	width: 215px;

	height: 20px;

	margin-top: 10px;

	margin-left: 30px;

	text-align: right;

}



#intranet #intranet1 {
	width: 400px;
	height: 15px;
	margin-top: 2px;
	margin-right: 20px;
	margin-left: 0px;
	float: right;
	padding-top: 0px;
	margin-bottom: 0px;

}



#interfaz #cuerpo #fondo_cuerpo  #intranet2 {

	width: 210px;

	height: 275px;

	margin-top: 7px;

	margin-right: 0px;

	margin-left: 20px;

}



.encabezado2 {

	font-family: "Trebuchet MS";

	font-size:12px;

	color: #FF6600;

	font-weight: bold;

	text-align: left;

}



#interfaz #cuerpo #fondo_cuerpo  #foto_int1 {

	width: 48px;

	height: 48px;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 6px;

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

}



#interfaz #lat_der {

	width: 11px;

	height: 668px;

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

	background-repeat: repeat-y;

}



#interfaz #lat_izq {

	width: 8px;

	height: 668px;

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

	background-repeat: repeat-y;

}



#interfaz #cuerpo #fondo_cuerpo  #foto_int2 {

	width: 48px;

	height: 48px;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

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

}



#interfaz #columna6 #columna5 #form1 {
	width: 100%;
	height: 110px;
	margin-top: 0px;
}

#interfaz #columna8 #columna1 #form2 {
	width: 100%;
	height: 110px;
	margin-top: 0px;
}
#interfaz #form3 {
	width: 190px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#interfaz #form4 {
	width: 190px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#interfaz #form5 {
	width: 190px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#interfaz #form_combo {
	width: 190px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#interfaz #form_buscar {
	width: 190px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: right;
	
}

#intranet #form_intranet {
	width: 140px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#intranet #form_buscar {
	width: 60px;
	height: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}



#interfaz #cuerpo #fondo_cuerpo  #noticias {

	width: 505px;

	height: 660px;

	margin-top: 0px;

	float:right;

	margin-left: 0px;

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

}



#popup   {      

	position: absolute;      

	border: 3px solid #ffffff;

	background-color:#F7F7F7;      

	width: 247px;      

	height: 333px;      

	margin-top: 80px;

	margin-left: 450px;       

}



/*



	-----------------------------------------------------------------------



	 				2. CABECERA



	-----------------------------------------------------------------------



*/







#cabecera {
	height: 53px;
	width: 780px;
	background-color: #FFFFFF;
	margin: 0px auto;

}

#flash {
	height: 160px;
	width: 780px;
	background-color: #FFFFFF;
	margin: 0px auto;
}

#intranet {
	height: 24px;
	width: 780px;
	background-color: #FFFFFF;
	margin: 0px auto;
	background-image: url(fondo3.png);
}


#botonera {
	height: 49px;
	width: 780px;
	background-color: #FFFFFF;
	margin: 0px auto;
}

/*



	-----------------------------------------------------------------------



	 				3. PIE



	-----------------------------------------------------------------------



*/


#interfaz #pie {
	height: 447px;
	width: 150px;
	background-color: #FFFFFF;

	float: left;

}

/*

	-----------------------------------------------------------------------



	 						4. SALUDO



	-----------------------------------------------------------------------

*/


#interfaz #cuerpo #fondo_cuerpo  #saludo {

	width: 505px;

	height: 660px;

	margin-top: 0px;

	float:right;

	margin-left: 0px;

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

}



#interfaz #cuerpo #fondo_cuerpo  #saludo2 {

	width: 440px;

	height: 590px;

	margin-top: 15px;

	margin-left: 30px;

	margin-right: 0px;

}



#interfaz #cuerpo #fondo_cuerpo1 {

	width: 740px;

	height: 663px;

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

}



#interfaz #cuerpo #fondo_cuerpo  #foto_saludo {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



#interfaz #cuerpo #fondo_cuerpo  #leyenda_foto {

	width: 189px;

	height: 60px;

	margin-left: -200px;

	margin-right: 10px;

	margin-top: 10px;

	float: left;

	padding-top: 230px;

}



/*



	-----------------------------------------------------------------------



	 						5. MISION VISION



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_misionvision {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}





/*



	-----------------------------------------------------------------------



	 						5. QUIENES



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_quienes {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						6. PRINCIPIOS



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #principios {

	width: 440px;

	height: 590px;

	margin-top: 15px;

	float:right;

	margin-left: 0px;

	margin-right: 25px;

}





/*



	-----------------------------------------------------------------------



	 						7. ORIENTACION



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_orientacion {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						7. RECREACION



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_recreacion {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}





/*



	-----------------------------------------------------------------------



	 						8. BECAS



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_becas {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						8. INFORMACION



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_informacion {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						8. INVESTIGACION



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_investigacion {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						8. CHARLAS



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_charlas {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}





/*



	-----------------------------------------------------------------------



	 						9. FERIAS



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_ferias {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						9. CULTURALES



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_culturales {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}



/*



	-----------------------------------------------------------------------



	 						10. SALUD



	-----------------------------------------------------------------------



*/



#interfaz #cuerpo #fondo_cuerpo  #foto_salud {

	width: 189px;

	height: 239px;

	margin-left: 0px;

	margin-right: 10px;

	float:left;

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

	background-repeat: no-repeat;

}

#pie2 {
	height: 63px;
	width: 780px;
	background-color: #FFFFFF;
	margin: 0px auto;
	background-image: url(pie2.png);

}
