$(function() {
  $('<div id="ov" tabindex="-1" style="background-Color:gray; opacity: .90;filter:Alpha(Opacity=90);position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index:1001;"><div id="dv" tabindex="-2" style="z-index:1002;outline-width:0;font-family: Segoe UI, Arial, sans-serif; font-size: .8em;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;"><div id="title"/><div id="cnt"/></div></div>').appendTo(document.body);
   $("#ov").keydown(function() { $(this).hide(); }).click(function() { $(this).hide(); });
   $('#dv').css({
     position: "absolute", padding: ".4em", width: "567px",
    overflow: "hidden", height: "auto", border: "1px solid #666666",
    background: "#000000", color: "#ffffff", top: "50%", left: "50%"
	});
  $('#title').attr("style", "height:15px;margin:2px;").append('PERIODO VACACIONAL DEL INAIP');    
  //Aqui se puede reemplazar el contenido que se le agrega al aviso.    
  $('#cnt').append("<img src='portals/0/imagenes/aviso.jpg'/>");
 //Centrando la Imagen
  $("img").load(function() {
    capa = $("#dv");
	Left = capa.offset().left - (capa.innerWidth() /2 );
	Top = capa.offset().top - (capa.innerHeight() /2);
    capa.css({ top: Top + "px", left: Left + "px" })
  });
   $("#dv").focus();
  });