*{
    margin: 0;
    padding: 0;
}

a {text-decoration: none; color: #000099;}
a:hover {text-decoration: underline; color: #3333cc}
a img{border: 0;
}

/*Estilos para que las listas no se salgan del contenedor*/ 
ul{list-style: square;
list-style-position:inside;
}



body{

    font: 10px Verdana, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    text-align: center;
}

#contenedor{
    width: 780px;
    text-align:left;
    margin: 0 auto 0 auto;
	background-color: #F0F0F0;
}

#encabezado{
	height: 90px;
	background-color: #2B57AD;
}

#banner{
   /*	width: 302px;*/
	margin-top: 28px;
	text-align: center;
	vertical-align: middle;
    /*margin-right: 10px;*/
}

/*#banner img{border: 2px solid #FFF;}*/

#contenido{
	width: 418px;
	margin: 0 auto 10px auto;
	padding-top: 8px;
}

#contenidoPlantilla{
	width: 300px;
	margin: 0 auto 10px auto;
	padding-top: 8px;
}

#contenido2{
	width: 570px;
	margin: 8px 0 10px 0;
	border: 1px solid #5290CD;
	background-color: #FFF;
	padding: 8px 15px;
	float: right;
	overflow:auto;
    height:54em;
 }
 
  #contenido3 {
	width: 400px;
	margin: 0 auto 10px auto;
	text-align:justify;
	padding: 8px;
	border: 1px solid #5290CD;
	background-color: #FFF;
	
/*en esta ocasión se usa para scroll*/
	overflow:auto;
    height:64em;
 }
 #contenidocienporciento{
	width: 740px;
	margin: 8px 0 10px 0;
	border: 1px solid #5290CD;
	background-color: #FFF;
	padding: 8px 15px;
	float: right;
	overflow:auto;
    height:54em;
 }

#comunicaciones{

}

#menu{

	background-color: #2B57AD;
	font-size:95%;

}

#comunicaciones{
	border: 1px solid #2B57AD;
	background-color: #FFF;
	padding: 2px 15px;
}

.noticia{
	padding: 8px 0 10px 0;
	font-size: 10px;
	text-align: justify;
}

.noticia a{
	font-weight: normal;
}

.noticia h2{
	color: #003399;
	font-size: 10px;
	margin-bottom: 4px;
	text-align: left;
}

.noticia img{ float: left; border: 1px solid #000; margin: 0 4px 4px 0;}

#busqueda{
	margin-right: 5px;
	background: url(http://www.utp.edu.co/principal/images/com.jpg) no-repeat left top;
}

#recomendados{
	margin-top: 7px;
}

#recomendados ul{
	list-style: none;
	text-align:right;
}

#recomendados li{
	float: left;
	margin-right: 8px;
	border: 1px solid #000;
}

#recomendados li:hover{
	border: 1px solid #2B57AD;
}

#recomendados a img{
	border: 0;
}

#pieDePagina{
	margin-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
	text-align: center;
}

#pieDePagina span{
	color: #2B57AD;
	font-weight: bold;
}

.textoCentrado{text-align:center;}

.textoDerecha{text-align:right;}

.borde{padding: 5px; border: 1px solid #2B57AD;}

.titulo{
	color: #FFF;
	padding: 2px 0 2px 5px;
	font-size: 10px;
	font-weight: bold;
	background-color: #2B57AD;
}
.tituloConsejo{
	color: #FFF;
	padding: 2px 0 2px 5px;
	font-size: 10px;
	font-weight: bold;
	background-color: #990000;
}
#tituloingles{
	color: #FFF;
	padding: 5px 0 2px 5px;
	font-size: 10px;
	font-weight: bold;
	background-color: #2B57AD;
}

.titulo a{color: #FFF;}

.titulo a:hover{color: #FFF;}

.tituloConsejo a {color: #FFF;}

#contenido2 h1{
	font-size:11px;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
	background:#2B57AD;
	line-height:20px;
	color:#FFFFFF;
}

#contenido2 li{
	list-style-position:inside;
	line-height:15px;
}

.espacio{margin-bottom: 10px;}

.espacio2{margin-bottom: 3px;}

.espacio3{margin-top: 10px;}

.box{
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #2B57AD;
	background-color: #E0E0E0;
}

.boxEventos{
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #2B57AD;
	background-color: #E0E0E0;
	overflow:auto;
    max-height: 16em;
}

.conFondo{
background-color:#CCCCCC;
}

.box ul, .boxEventos ul{list-style: none;}

.box li, .boxEventos li{ padding: 4px; text-align:center;}

.box .t1, .boxEventos .t1{background-color: #CCC;}

.alignleft{text-align:left;
padding: 4px;
background-color: #CCC;
text-transform:capitalize;
}

.alignleftb{text-align:left;
padding: 4px;
text-transform:capitalize; }

.columna{width: 172px;}

.busqueda{font-size: 11px; color: #003300;}

.flotarIzquierda{float: left;
}

.flotarIzquierda img{border:none;}
.flotarDerecha{float: right;}

.limpiar{clear: both;}

.escondido{visibility:hidden; display: none;}

.punteado {border-top: 1px dotted #2b57ad;}

.mas{color: #000099;}

.publicado{color: #999999; margin-top: 10px;}

.area{color: #2B57AD; margin-bottom: 8px;}

.email{font-size: 10px; width: 80px;}

.sangria{padding-left:10px;}

#errorpqr{color:red;}
.errorpqr{color:red;}