.cuerpo {
width: 770px;
background: #fff;
margin: 0 auto 0 auto;}
.titlo {
	font: 16px/15px Verdana;
	color: #FFF;
	margin: 5px 0 0 5px;
}
.content_portal {
	margin: 0 auto;
}
.lista_program {
	height: 400px;
	margin: 0 auto;
	width: 770px;
}
.lista_program ul {
	padding: 0px;
}
.lista_program ul li {
	list-style: none;
	display: block;
	margin: 5px 5px;
}
.lista_program ul li.idioma {
	background: #fff url(imgcr/idiomass.jpg) no-repeat 0 20px;
	width: 370px;
	float: left;
	height: 225px;
}
.lista_program ul li.curtec {
background: #fff url(imgcr/curtec.jpg) no-repeat;
float: left;
width: 370px;
height: 180px;}
.lista_program ul li.eventos {
	background: #fff url(imgcr/eventoss.jpg) no-repeat 0 20px;
	float: left;
	width: 370px;
	height: 225px;
}
.lista_program ul li.practicas {
background: #fff url(imgcr/practicas.jpg) no-repeat;
float: left;
width: 370px;
height: 180px;}
.lista_program ul li.egresados {
background: #fff url(imgcr/egresados.jpg) no-repeat;
float: left;
width: 370px;
height: 180px;}
.lista_program ul li.familia {
background: #fff url(imgcr/familia.jpg) no-repeat;
float: left;
width: 370px;
height: 180px;}
.barre {
	margin: 141px 5px 0 280px;
	background: #330099;
	width: 80px;
	height: 18px;
}
.barre a {
	display:block;
	width: 80px;
	height: 18px;
	text-align:center;
	font: 10px/20px Verdana;
	color: #FFF;
	text-decoration: none;
	border: solid 1px #FFF;}
.barre a:hover {
background: #FFF;
	height: 18px;
border: solid 1px #330099;
color: #330099;}