body
{
  background-color: #456789;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#pagina
{
  width: 900px;
  background-color: #FFF;
  overflow-y: auto;
  position: relative;
  margin: 0px auto;
}
#cabecera
{
  width: 900px;
  height: 100px;
  overflow: hidden;
  background-color: #123456;
  border-bottom: 1px solid #123456;
}
#lema_sidunp
{
  font-size: 19px;
  font-weight; bold:
  color: #123456;
  padding: 3px;
}
#cuerpo
{
  clear: both;
  float: none;
  width: 900px;
  padding: 0px;
  margin: 0px;
  border-top: 1px solid #123456;
}
#izquierda
{
  width: 180px;
  float: left;
  margin: 0px;
}
#centro
{
  width: 500px;
  float: left;
  margin: 1px 10px;
}
#derecha
{
  width: 180px;
  float: left;
  margin: 0px;
}
#noticias, #citaciones, #oficios, 
#s_noticias, #s_citaciones, #s_oficios
{
  clear: both;
  width: 490px;
  border: 1px solid #123456;
  text-align: left;
  margin-top: 9px;
}
div._cuerpo
{
  overflow-y: auto;
  max-height: 1150px;
}

#slide
{
  overflow: hidden;
  width: 194px;
}
#cbox
{
  overflow: hidden;
  width: 194px;
  text-align: center;
  line-height: 0;
}
#titulo_cbox, #titulo_estadisticas, #titulo_estatuto, #titulo_encuesta
{
  font-family: Arial;
  font-size: 9px;
  font-weight: bold;
  color: #123456;
  text-align: justify;
  width: 99%;
  padding: 6px 3px;
}
#estadisticas, #estatuto, #unp, #encuesta
{
  margin-top: 9px;
  overflow: hidden;
  width: 194px;
}
div._estatuto
{
  font-family: Arial, serif;
  font-size: 15px;
  font-weight: bold;
  color: #123456;
  padding: 3px;
  cursor: pointer;
  border: 1px solid #123456;  
  margin-bottom: 4px;
  background-color: #DDD;
}
#img_unp
{
  font-family: Arial, serif;
  font-size: 15px;
  font-weight: bold;
  color: #123456;
  cursor: pointer;
}
#titulo_noticias, #titulo_citaciones, #titulo_oficios, div._titulo,
#s_titulo_noticias, #s_titulo_citaciones, #s_titulo_oficios
{
  clear: both;
  float: none;
  font-family: Verdana, arial;
  font-size: 13px;
  font-weight: bold;
  background-color: #123456;
  color: #ABCDEF;
  padding: 3px 3px 3px 3px;
}
div.ver_mas
{
  clear: both;
  float: none;
  font-family: Verdana, arial;
  font-size: 9px;
  color: #123456;
  padding: 3px;
  text-decoration: underline;
  width: 96%;
  text-align: right;
}
#menu
{
  width: 170px;
  border-top: 1px solid #123456;
  border-left: 1px solid #123456;
  border-right: 1px solid #123456;
  background: #ABCDEF;
  color: #123456;
  font-family:"Comic Sans MS", Arial;
  font-size: 11px;
  margin: 6px 2px;
}

#encuesta
{
  width: 170px;
  font-family:"Comic Sans MS", Arial;
  font-size: 11px;
  margin: 6px 2px;
  text-align: justify;
}
div.item_menu
{
  width: 100%;
  border-bottom: 1px solid #123456;
  padding: 3px 0px;
  cursor: pointer;
}
#portales
{
  width: 180px;
}
div.titulo_portal
{
  clear: both;
  float: none;
  font-family: Arial, serif;
  font-size: 11px;
  font-weight: bold;
  color: #123456;
  padding: 2px;
  background-color: #EEE;
  text-align: left;
  border-right: 1px solid #C1C1C1;
  border-top: 1px solid #C1C1C1;
}
div.img_portal
{
/*  background-color: #EEE;*/
  cursor: pointer;
  border-right: 1px solid #C1C1C1;
}
div.sidunp_contenido
{
  margin-top: 9px;
  border: 1px solid #123456;
  padding: 2px;
  background-color: #ABCDEF;
}
div.texto_personal
{
  font-family: Verdana, arial;
  font-size: 12px;
  text-align: justify;
  width: 96%;
  padding: 6px;
  color: #123456;
}
div.texto_sidunp
{
  font-family: Arial, serif;
  font-size: 13px;
  font-weight: bold;
  text-align: justify;
  width: 96%;
  padding: 12px 6px;
  color: #123456;
}
img.foto
{
  background: url('http://ventaentreparticulares.webproyecto.com/img/noDisponible.jpg') center center;
  width: 174px;
  height: 150px;
  padding: 0px;
  margin-right: 6px;
  float: left;
  border: 1px solid #123456;
}
#presentacion, #vision, #mision, #objetivos, #ubicacion
{
  border-bottom: 5px solid #CED;
  border-left: 5px solid #CE9;
  border-right: 5px solid #CEB;
  border-top: 5px solid #CEA;
  background-color: #EEE;
  width: 96%;
  color: #039;
  font-size: 25px;
  font-weight: bold;
}
div.fecha_noticia
{
  font-size: 12px;
  font-family: Verdana, arial;
  color: #123456;
  text-align: left;
  font-weight: bold;
  padding: 1px 9px;
}
div.texto_noticia
{
  font-size: 14px;
  font-family: Arial, serif;
  color: #123456;
  text-align: left;
  padding: 1px 1px 6px 9px;
}
.pie
{
   clear: both;
   background-color: #ABCDEF;
   color: #123456;
   font-family: Arial, serif;
   font-size: 11px;
/*   font-weight: bold;*/
 /*  border-bottom: 6px solid #CED;
   border-left: 6px solid #CE9;
   border-right: 6px solid #CEB;
   border-top: 6px solid #CEA;*/
}
#pie_izquierdo
{
   float: left;
   width: 330px;
   padding: 6px;
}
#pie_derecho
{
   float: left;
   width: 521px;
   padding: 6px;   
}
div.publicidad
{
   float: right;
   border: 1px solid #FFF;
   margin: 6px;
   cursor: pointer;
}
img._publicidad
{
   width: 120px;
   height: 100px;
}
#buscador
{
  padding-top: 3px;
  font-size: 9px;
  text-align: right;
  color: #123456;
  font-weight: bold;
}
select, input, textarea
{
   background: #9ABCDE;
   border: 1px solid #333;
   text-align: left;
   font-size: 11px;
   font-family: Arial, serif;
   font-weight: bold;
   color: #123456;
}
button
{
   font-size: 11px;
   font-family: Arial, serif;
   font-weight: bold;
   color: #123456;
   background: #9ABCDE;
   text-align: center;
}
#cargando_info
{
   position: absolute;
   top: 0px;
   left: 0px;
   color: #000;
   width: 100%;
   height: 100%;
   filter:alpha(opacity=45); .opacity:.45;
}
.campo
{
   clear: both;
   font-family: Arial, serif;
   font-size: 11px;
   color: #123456;
   padding: 3px;
   text-align: left;
}
.titulo_campo
{
   float:left;
   width: 120px;
   font-weight: bold;
}
.boletin
{
   clear: both;
   float: none;
   background-color: #ABCDEF;
   color: #123456;
   margin: 9px;
   padding: 6px;
   border: #123456 1px solid;
   font-size: 10px;
   font-weight: bold;
   cursor: pointer;
}
div.boletin:hover
{
   background-color: #123456;
   color: #ABCDEF;
}