div.todo{
align:center;
        width:600px;
        }
div.top {
        height:8px;
        background-image:url(/esquinas/arriba.gif);
        background-repeat: repeat-x;
        margin:2em 0 0 0;}

img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content {
        background-image:url(/esquinas/izq.gif);
        background-repeat:repeat-y;
        background-color: #ffffff; }

div.boxcontrol { padding:0 5% 0 5%;
        background-image:url(/esquinas/der.gif);
        background-position:right;
        background-repeat:repeat-y; }

div.bottom { height:8px;
        background-image:url(/esquinas/abajo.gif);
        background-repeat:repeat-x;
        border:0;
        padding:0;
        margin:0;}

img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

/* IE 5.5 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; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; }