/*html { background-image: url(imagenes/fondo.jpg) }    */
body {
  /* Ubicación de la imagen*/

  background-image: url(imagenes/fondo.png);
  /* Nos aseguramos que la imagen de fondo este centrada vertical y
    horizontalmente en todo momento*/

  background-position: center center;

  /* La imagen de fondo no se repite*/
  background-repeat: no-repeat;
  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando
     la altura del contenido supere la altura de la imagen.                     */

  background-attachment: fixed;

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana  del navegador*/

  background-size: cover;

  /* Fijamos un color de fondo para que se muestre mientras se está
    cargando la imagen de fondo o si hay problemas para cargarla*/
  background-color: #464646;

}



 #header { width:88%; margin: 0 auto; box-shadow: 0px 0px 40px #000}
#mainimg{width:100%;height: auto}
#separador {width:100%;margin-top: 20px;float:left}
#texto {width:100%;float:left;padding: 5px;box-sizing:border-box; }
#texto2 {width:100%;float:left;font-family:tahoma;padding: 3px;color:black;font-size:1em;box-sizing:border-box;}
#titulo {font-size:4em;font-family:'Cookie', cursive;padding: 10px;color:black;text-align:center;box-sizing:border-box;}
#hl3line {
    background-image: url(http://static.parastorage.com/services/skins/2.1229.63/images/wysiwyg/core/themes/base/fadenotchlinenew.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 30px;
}

#textu {width:90%;float:left;margin: 0 58px;padding: 5px;box-sizing:border-box; }
#contenedor {width:90%; max-width:980px; margin:0 auto;}
#main {width:100%;box-sizing:border-box;}

#footer{
   clear:both;
   float:left;
   margin-top:2px;
   box-sizing:border-box;
   width:100%;
   padding:2px;
   font-size:0.75em;
   color:#fff;

   font-family:verdana;font-size:1em;
   text-align:center;
}
.foottext1{width:50%;height: 30%;padding: 5%;float:left;font-family:verdana;text-align:center;font-size:0.75em;background:#000;box-sizing:border-box;color:#FFFFFF;}
.foottext2{width:48%;float:left;font-family:verdana;font-size:1em;box-sizing:border-box;color:#FFFFFF;}


#footer2{
   clear:both;
   float:left;
   margin-top:2px;
   box-sizing:border-box;
   width:60%;
   padding:2px;
   font-size:1em;
   font-family:verdana;font-size:1em;
   text-align:center;
   align-content: middle;
}
.colu1{width:60%;float:left;font-family:verdana;font-size:0.75em;text-align:left;box-sizing:border-box;color:#FFFFFF;}
.colu2{width:40%;float:left;font-family:verdana;text-align:center;font-size:0.75em;box-sizing:border-box;color:#FFFFFF;}

@media screen and (max-width: 799px){
  #textu{width:100%; margin: 0 30px}
  #imagenes{width:100%;}
  #titulo{
  font-size:2em;
  }
  .foottext1{width:100%;height:25%;margin 0;}
  .foottext2{width:100%;}
  .colu1{width:50%}
  .colu2{width:50%}
}

@media screen and (max-width: 500px){
  #textu{width:100%;margin: 0 28px;}
  #imagenes{width:100%;}
  #titulo{
  font-size:2em;
  }
  .foottext1{width:100%;height:18%;margin 0;}
  .foottext2{width:100%;margin auto;}
  .colu1{width:100%;margin auto;}
  .colu2{width:100%;margin auto;}
}