$(document).ready(function(){
	
	var WindowWidth = resizeWidth();
	var MarginMainLeft = WindowWidth * 0.2;
	var MarginMainTop = WindowWidth * 0.03;
	var WindowMain = WindowWidth * 0.6;
	$('#main').css('margin-left', MarginMainLeft);
	$('#main').css('margin-top', MarginMainTop);
	$('#main').css('width', WindowMain);
	
	var MarginNavLeft = resizeNav();
	$('#menu1').css('margin-left', MarginNavLeft);
	$('#nav').css('width', WindowWidth);
	
	$('#cuadros').css('margin-left', MarginMainLeft);
	$('#cuadros').css('width', WindowMain);
	
	$('#cuadros2').css('margin-left', MarginMainLeft);
	$('#cuadros2').css('width', WindowMain);
	
	WindowNav = WindowWidth * 0.7;	
	var DivSubtituloWidth = WindowNav/5 ;
	$('.subtitulo').css('width',DivSubtituloWidth);
	
	$('#smenu1').hide();
	$('#smenu2').hide();
	$('#smenu3').hide();
	$('#smenu4').hide();
	$('#smenu5').hide();
	
	$('#menu1').hover(
		function(){
			$('#smenu1').show();
			},
		function(){
			$('#smenu1').hide();
			});
	$('#menu2').hover(
		function(){
			$('#smenu2').show();
			},
		function(){
			$('#smenu2').hide();
			});
	$('#menu3').hover(
		function(){
			$('#smenu3').show();
			},
		function(){
			$('#smenu3').hide();
			});
	$('#menu4').hover(
		function(){
			$('#smenu4').show();
			},
		function(){
			$('#smenu4').hide();
			});
	$('#menu5').hover(
		function(){
			$('#smenu5').show();
			},
		function(){
			$('#smenu5').hide();
			});
			});//end ready function
			
	function resizeMenu(){
		document.getElementById("nav").style.width=(document.body.clientWidth - 100)*1;
		document.getElementById("bottom").style.width=(document.body.clientWidth - 100)*1;
		document.getElementById("main").style.width=(document.body.clientWidth - 50)*0.75;
		}
	
	$(window).resize(function(){
	var anchoHeader = resizeWidth();
	$('#header').css('width', anchoHeader);
	});
			
	function resizeMenu(){
		var espacio = (document.body.clientWidth)*0.1;
		return espacio;
		}
		
	function resizeBottom(data){
		var margin = (document.body.clientWidth)-(6*data);
		margin = margin / 2;
		return margin;
		}
		
	function resizeNav(){
		var marginNav = (document.body.clientWidth)*0.15;
		return marginNav;
		}
	
	function resizeWidth(){
		var ClientWindow = (document.body.clientWidth)*1;
		return ClientWindow;
		}