// Funcion que redimensiona el contenido de las paginas
function redimensionar()
{

    var alto = document.documentElement.clientHeight;
    if(alto == 0) {
    	alto=document.body.clientHeight;
    }

    var ancho = document.documentElement.clientWidth;
    if(ancho == 0) {
    	ancho=document.body.clientWidth;
	}

    //Convertimos los pixeles en em
    alto = alto/16;
    ancho = ancho/16;
    alto= alto/1.03;

    if (ancho < 64)
    {
        ancho = 64;
    }

    var divCabecera = document.getElementById("divCabecera");
    var divSeparadorPie = document.getElementById("divSeparadorPie");
    var divPie = document.getElementById("divPie");
    var divContenedor = document.getElementById("divContenedor");
    var divPublicidad = document.getElementById("divPublicidad");
    var divMenu = document.getElementById("divMenu");
    var divDerecha = document.getElementById("divDerecha");
    var divIzquierda = document.getElementById("divIzquierda");
    var divCuerpo = document.getElementById("divCuerpo");
    var divListaCompra = document.getElementById("divListaCompra");
    var listaCompra = document.getElementById("listaCompra");
    var cabeceraLista = document.getElementById("cabeceraLista");
    var botonesDerecha = document.getElementById("botonesDerecha");

    var altoCabecera = divCabecera.clientHeight;
    //Convertimos los pixeles en em
    altoCabecera = altoCabecera/16;
    if (divPie!=null)
    {
    	 var altoPie = divPie.clientHeight;
    	 if(divSeparadorPie!=null) {
    	 	altoPie = altoPie + divSeparadorPie.clientHeight;
    	 }
    	 altoPie = altoPie/16;
    }

    var anchoIzq;
    var anchoDcha;

    if (divPie!=null)
    {
    	alto = alto - (altoCabecera + altoPie +1.94) ;
    }

    var altoContenedor = alto + "em";

    divContenedor.style.height =altoContenedor;
    divCuerpo.style.height = altoContenedor;

    var altoPubli;
    if (divPublicidad != null)
    {
        altoPubli = divPublicidad.clientHeight;
        //Convertimos los pixeles en em
        altoPubli = altoPubli/16;
        var altoMenu = alto - (altoPubli + 0.25);
        if(altoMenu < 19)
        {
            altoMenu = 19;
        }
        altoMenu = altoMenu + "em";

        divMenu.style.height=altoMenu;
    }
    else
    {
        altoPubli = 0;
    }


    if (divListaCompra != null)
    {
        var altoRestable = (listaCompra.clientHeight/16) + (cabeceraLista.clientHeight/16) + (botonesDerecha.clientHeight/16);
        var altoListaCompra = alto - (altoRestable);
        altoListaCompra = altoListaCompra * 1.6;
        if (altoListaCompra < 13)
        {
            altoListaCompra = 9;
        }
        divListaCompra.style.height = altoListaCompra + "em";

    }


    if (divIzquierda != null)
    {
        if (divDerecha==null || divIzquierda.clientHeight <= divDerecha.clientHeight)
        {
            if ((divIzquierda.clientHeight/16) < alto)
            {
                divContenedor.style.height = alto + "em";
                divCuerpo.style.height = alto + "em";
            }
            else
            {
                divContenedor.style.height = (divIzquierda.clientHeight/16) + "em";
                divCuerpo.style.height = (divIzquierda.clientHeight/16) + "em";
            }
        }
        else
        {
            if ((divDerecha.clientHeight/16) < alto)
            {
                divContenedor.style.height = alto + "em";
                divCuerpo.style.height = alto + "em";
            }
            else
            {
                divContenedor.style.height = (divIzquierda.clientHeight/16) + "em";
                divCuerpo.style.height = (divIzquierda.clientHeight/16) + "em";
            }
        }

    }


////    if (divContenedor.clientHeight < alto)
////    {
////        divContenedor.style.height =altoContenedor;
////    }
////
////    if (divCuerpo.clientHeight < alto)
////    {
////        divCuerpo.style.height = altoContenedor;
////    }
////
////    if (divContenedor.clientHeight < divCuerpo.clientHeight)
////    {
////        divContenedor.style.height = divCuerpo.style.height
////    }

    if (divIzquierda != null)
    {
        anchoIzq = divIzquierda.clientWidth;
        anchoDcha = divDerecha!=null? divDerecha.clientWidth : 0;
    }
    else
    {
        anchoIzq = 0;
        anchoDcha = 0;
    }

    //Convertimos los pixeles en em
    anchoIzq = anchoIzq/16;
    anchoDcha = anchoDcha/16;

    divCabecera.style.width = (ancho - 2.94) + "em";
    divContenedor.style.width = (ancho - 2.94) + "em";
    if (divPie!=null)
    {
    	 divPie.style.width = (ancho - 2.94) + "em";
    }
    //Sumandole 54 al divCuerpo, en lugar de 47 funciona bien
    if ((anchoIzq != 0) && (anchoDcha !=0))
    {
        divCuerpo.style.width = ancho - (anchoIzq + anchoDcha + 3.31) + "em";
    }
    else
    {
        divCuerpo.style.width = ancho - (anchoIzq + anchoDcha + 2.94) + "em";
    }
}