$(document).ready(function(){
    var ancho = $(window).width();
    $("#barra-lateral")
	.mouseover(function(){
	    if (ancho >= 768) {
		$("#barra-lateral").css("width", "200px");
		$("#barra-lateral-contenidos").css("display", "block");
		$("#barra-lateral-trigger").css("display", "none");
		$("#contenidos").css("paddingLeft", "250px");
		$("#thefoot").css("paddingLeft", "250px");
	    }
	})
	.mouseout(function(){
	    if (ancho >= 768) {
		$("#barra-lateral").css("width", "2em");
		$("#barra-lateral-contenidos").css("display", "none");
		$("#barra-lateral-trigger").css("display", "block");
		$("#contenidos").css("paddingLeft", "5em");
		$("#thefoot").css("paddingLeft", "5em");
	    }
	})
});
$(window).resize(function(){
    var ancho = $(window).width();
    if (ancho >= 768) {
        $("#barra-lateral").css("width", "2em");
        $("#barra-lateral-contenidos").css("display", "none");
        $("#barra-lateral-trigger").css("display", "block");
        $("#contenidos").css("paddingLeft", "5em");
    }else{
        $("#barra-lateral").css("width", "");
        $("#barra-lateral-contenidos").css("display", "block");
        $("#barra-lateral-trigger").css("display", "none");
        $("#contenidos").css("paddingLeft", "");
    }
});