div.top {

    /* La altura es de 28 píxeles ya que ese es el espacio que ocupa 
          nuestra imagen de esquina. */ 

        height:28px; 

        background-image:url(../images/esquinas/borde_superior.gif); 

        background-repeat: repeat-x; 
		margin:2em 0 0 0;}
  img.esquina_sup_izq { float:left; }
  img.esquina_sup_der { float:right; }
 div.bottom {

        height:28px; 

        background-image:url(../images/esquinas/borde_inferior.gif); 

        background-repeat: repeat-x; }
  img.esquina_inf_izq { float:left; }
 img.esquina_inf_der { float:right; }
 
div.content {

        background-image:url(../images/esquinas/borde_izquierdo.gif);

  
        background-repeat:repeat-y; }
		
		div.boxcontrol {

        padding:0 5% 0 2%; 

min-height: 280px;
    
        background-image:url(../images/esquinas/borde_derecho.gif); 

        background-position:right; 

        background-repeat:repeat-y; }
		
		h1 { 

        margin:0;

        /* Solo para decoración, no tiene nada que ver con la solución 
          al espacio en blanco */ 

  
        }
		h2.titulos { 

        margin:0;

        /* Solo para decoración, no tiene nada que ver con la solución 
          al espacio en blanco */ 

  
        border-bottom:1px dashed #996;}
		p.autor { 

        margin:-.1em 0 0 0;

        /* Solo para decoración no tiene nada que ver con la solución 
          al espacio en blanco */ 

  
        padding-right:8px; 

         ;}
		div.content { 

    
        background-image:url(../images/esquinas/borde_izquierdo.gif); 

        background-repeat:repeat-y; 

        background-color: #cccccc;
		
		 }
		
		/* Simplified box model hack para 
          posicionar correctamente las imagenes de esquina. */

        * html img.esquina_sup_izq, * html img.esquina_inf_izq { \margin-left:-.2em; 
        margin-left:0; }

        img.esquina_inf_der, img.esquina_sup_der { margin-left:.2em; }