#tituloPrograma1{
width:45%;
margin:10px 0 3px 3px;
}

#tituloPrograma2{
width:33%;
margin:4px 0 3px 3px;
}

#tituloPrograma3{
width:24%;
margin:4px 0 3px 3px;
}

#tituloPrograma1, #tituloPrograma2, #tituloPrograma3{
background-color:#003772;
text-align:center;
padding-top:3px;
padding-bottom:5px;
float:left;
text-decoration:none;
color:#E2E2E2;
height:30px;
}

#tituloPrograma1 a, #tituloPrograma2 a, #tituloPrograma3 a{
color:#FFFFFF;

}

#tituloPrograma1 a:hover, #tituloPrograma2 a:hover, #tituloPrograma3 a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

div#principal h2, div#principal h3

{

	font-size: 1.2em;

	color: #2B57AD;

	padding-left: 5px;

}

.programas {
background-image:url(../images/programas.gif);
background-repeat:no-repeat;
}

.Titulos {
	color: #FFFFFF;
	font: Verdana;
	font-size:10px;
	background-color: #2B57AD;
	text-align: center;
}

.Titulos a:hover {
	font-weight:bold;
}

.listaProgramasFondo{
background-color: #E2E2E2;
}

#listaProgramas {
   list-style:none;
}
#listaProgramas li {
   margin: 2px 0 1px 0;
   padding: 5px 0 0 0;
}
#listaProgramas li a {
   background: url(/programas/images/programas.gif) no-repeat;
   line-height: 20px;
   height: 20px;
   margin: 2px 0 0 0;
   padding: 1px 0 5px 30px;
   display:block;
}
#listaProgramas li a:hover {
    font-weight:bold;
}

.tituloFacultad{
 font-size:12px;
 font-weight:bold;
 color:#000099;
}

/*#contenido2 li{
list-style-position:inside;
line-height:15px;
} */
.negrita{
font-weight:bold;
margin:10px 0 5px 0;
}

#contenido2{
text-align:justify;
}

blockquote{
text-indent:20px;
}

.fondoColor{
background:#5190CD;
color:#FFFFFF;
margin-top:20px;
font-weight:bold;
font-size:12px;
margin-bottom:10px;
}


/*Mejora progresiva para los estilos de las dependencias*/


#dependencias ul {
/*border-bottom: 1px dotted #999; */
list-style: none; 
margin: 15px; 
padding:8px;

/*width: 45%; */
list-style-image: url(http://www.utp.edu.co/menu/imagenes/proramas.gif);
}

#dependencias li { 
/*background-color:#efefef; */
/*border: 1px dotted #999; */
border-bottom-width: 0; 
line-height: 200%;

/*font: 1.2em/1.333 Verdana, Arial, sans-serif; */
} 
 
#dependencias li a { 
color: black; 
display: block; 
height: 100%; 
padding: 0.25em 0.5em; 
text-align: left; 
text-decoration: none; 
} 

#dependencias li a:hover { background-color:#fff; }

body > ul { border-width: 0; } 

#dependencias ul > li { 
/*border: 1px solid #efefef; */
border-width: 1px 0 0 0; 
} 

#dependencias li > a { 
/*background-color: #666; 
color: white; */
font-weight: bold; 
} 

#dependencias li > a:hover { background-color: #CECECE; }

#dependencias li { opacity: 0.9; } 

#dependencias li:hover { opacity: 1; }

#dependencias li:nth-child(2n+1) a { background-color: #CECECE; } 

#dependencias li:nth-child(n) a:hover { 
background-color: #aaa; 
} 
#dependencias li a:hover { text-shadow: 2px 2px 4px #333; color:#fff; }