// Menus
	var clickable = true;
	$(document).ready(function() {
		
		//Ajustes en el CSS para internet explorer
		if($.browser.msie && $.browser.version < 8){
			$('.submenu').each(function(){
				var newM = parseFloat($(this).css('margin-left')) - $(this).parent().width() -4;
				$(this).css('margin-left',newM+'px');
			});
		}
		
		//Se deselecciona cualquier elemento del menu al clickar en cualquier parte de la web
		
		$('body').click(function() {
			if(clickable){
				$('*').removeClass('sel');
				$('.submenu').slideUp('fast');
			}else{
				clickable=true;
			}
		});
		$('ul.menu>li>span').click(function() {
			if($(this).next().is(':visible')){
				$('.submenu').slideUp('fast');
			}else{
				$('*').removeClass('sel');
				$('.submenu').slideUp('fast');
				$(this).next().slideToggle('fast');
			}
			$(this).parent().prev().toggleClass('white');
			$(this).parent().toggleClass('sel');
			clickable=false;
		});
		
		//El ancho del submenu del primer menú y del segundo depende de su contenido. (Y debe estar definido para los siguiente efectos)
		var max = 0;
		$('ul#menu_arriba>li>ul.submenu,ul#menu_abajo>li>ul.submenu').each(function(){
			max = 0;
			$(this).children('li').each(function(){
				if($(this).children('a').html().length > max){
					max = $(this).children('a').html().length;
				}
			});
			max = max * 8;
			$(this).width(max);
			/*
			if($(this).hasClass('doble')){
				$(this).width(max*2);
			}
			if($(this).hasClass('triple')){
				$(this).width(max*3);
			}
			*/
		});
		//Los elementos del submenu de Area Tematica deben tener el mismo ancho que sus padres (O mayor si hay varias columnas)
		var widthCabecera = $('#cabecera').width();
		$('ul#AT>li>ul.submenu').each(function() {
			var internalPadding = $(this).innerWidth()-$(this).width();
		    $(this).width($(this).parent().innerWidth()- internalPadding);
		    if($(this).hasClass('doble')){
		    	$(this).width($(this).width()*2);
		    }
		    if($(this).hasClass('triple')){
		    	$(this).width($(this).width()*3);
		    }
		    var prevTotal = 0;
		    var prevTotalIE = 0;
		    $(this).parent().prevAll().each(function(){
		    	prevTotal += $(this).innerWidth() + parseFloat($(this).css('border-left-width')) + parseFloat($(this).css('border-right-width'));
		    	if($.browser.msie){
		    		prevTotalIE += $(this).innerWidth()+1;
			    }
		    });
		    if($.browser.msie){
	    		prevTotal = prevTotalIE;
		    }
		    var diff = widthCabecera - prevTotal;
		    if($(this).innerWidth()>diff){

		    	diff = diff - $(this).innerWidth() + $(this).width();
		    	$(this).width(diff);
		    }
		  });
		$('ul#AT>li>div.submenu').each(function() {
			var ieTotalHijos = 0;
			$(this).children('div').each(function(){
				var maxlocal = 0;
				$(this).children('a').each(function(){
					if($(this).html().length > maxlocal){
						maxlocal = $(this).html().length;
					}
				});
				
				maxlocal = maxlocal*8;
				$(this).width(maxlocal);
				if($.browser.msie){
					$(this).css('width',maxlocal+'px');
				}
				ieTotalHijos+=maxlocal;
			});
			ieTotalHijos +=15;
			if($.browser.msie){
				$(this).css('width',ieTotalHijos+"px");
			}
			var width = $(this).innerWidth();
			var parentWidth = $('ul#AT').innerWidth();
			
			var previous = 0;
			
			$(this).parent().prevAll().each(function(){
				previous += $(this).innerWidth();
			});
			if((parentWidth-previous)<width){
				var newMargin = parseFloat($(this).css('margin-left'))+ parentWidth - width - previous;
				$(this).css('margin-left',newMargin+'px');
			}
			
		  });
		
		//Los elementos de los submenus superior y del medio no deben sobrepasar el bloque de la derecha, ni ser menores que sus padres
		$('ul#menu_arriba>li>ul.submenu,ul#menu_abajo>li>ul.submenu').each(function() {
			var width = $(this).innerWidth();
			var total = $(this).parent().innerWidth();
			var totalIE = $(this).parent().innerWidth();
			
			if(width < total){
				$(this).width(total-parseFloat($(this).css('padding-left'))-parseFloat($(this).css('padding-right')));
			}
			$(this).parent().nextAll().each(function(){
				total += $(this).innerWidth()+ parseFloat($(this).css('border-left-width')) + parseFloat($(this).css('border-right-width'));
				if($.browser.msie){
					totalIE += $(this).innerWidth()+1;
			    }
			});
			if($.browser.msie){
				total = totalIE;
		    }
			if(width > total){
				var newMargin = parseFloat($(this).css('margin-left'));
				newMargin = newMargin + total - width + 2;
				$(this).css('margin-left',newMargin+'px');
			}
		});
		
	 });