//********************************************************
//********************************************************
//****Inicio del codigo cuando el documento este listo****
//********************************************************
//********************************************************
function runDOMReady() {
};

function runPageReady() {
   $("#parrafo1").css("display", "block");
   $("#color1").animate({width:"96%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#parrafo2").css("display", "block");
   $("#color2").animate({width:"91%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#parrafo3").css("display", "block");
   $("#color3").animate({width:"85%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#parrafo4").css("display", "block");
   $("#color4").animate({width:"78%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#parrafo5").css("display", "block");
   $("#color5").animate({width:"70%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#parrafo6").css("display", "block");
   $("#color6").animate({width:"61%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   $("#logo").css("display", "block");
   $("#color7").animate({width:"51%", marginLeft:"0px"},{duration: 2000, easing: 'easeOutQuart', complete: function() {
   }}) }}) }}) }}) }}) }}) }});
};

//Inicia la pagina!!!!!!
$(document).ready(runDOMReady);
$(window).load(runPageReady);