/* Responsive Full Background Image Using CSS
 * Tutorial URL: http://sixrevisions.com/css/responsive-background-image/
*/
body {
  /* Location of the image */
  background-image: url(images/1024X768.png);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#fff;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}


/* For mobile devices */

@media screen and (min-width: 320px) {

/* Formato Celulares */
  body {
    background-image: url(images/320x480.png);
}
}


@media screen and (min-width: 480px) {

  /* Formato Celulares */

  body {

    background-image: url(images/480X320.png);

}

 

}

 
@media screen and (min-width: 600px) {

  /* Formato Celulares */

  body {

    background-image: url(images/600x800.png);

}



}

 

@media screen and (min-width: 800px) {

   /* Formato Celulares */

  body {

    background-image: url(images/800X600.png);

}

 

  }

 

@media screen and (min-width: 768px) {

   /* Formato Tablets */

  body {

    background-image: url(images/768X1024.png);

}

 

  }

 

@media screen and (min-width: 1024px) {

   /* Formato Tablets */

  body {

    background-image: url(images/1024X768.png);

}

 

  }

@media screen and (min-width: 1366px) {

   /* Formato Tablets */

  body {

    background-image: url(images/1366X768.png);

}

 

  }

 }

@media screen and (min-width: 1440px) {

   /* Formato Tablets */

  body {

    background-image: url(images/1440X900.png);

}

 

  }