<style>

  @import url(https://fonts.googleapis.com/css?family=Roboto:100);

 body{

    padding:0;

    margin:0;

}

   #loadingpage{

  /*position: fixed;

  */position: relative;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.9);display: block

}



.h1-loading {

  font: 1em 'Roboto', sans-serif;

  margin-bottom: 40px;

  color: white;

  position: relative;

  /*margin-top:45px;*/

  margin-left: 30%;

}



#loading-theme4 {



 /* margin-top:310px;

  margin-left: 45%;



  */

  margin-left: 35%;

  margin-top:40px;display: inline-block;

  width: 50px;

  height: 50px;

  border: 3px solid rgba(255,255,255,.3);

  border-radius: 50%;

  border-top-color: #fff;

  animation: spintheme4 1s ease-in-out infinite;

  -webkit-animation: spintheme4 1s ease-in-out infinite;

}



@keyframes spintheme4 {

  to { -webkit-transform: rotate(360deg); }

}

@-webkit-keyframes spintheme4 {

  to { -webkit-transform: rotate(360deg); }

}

</style>

<div id="loadingpage" style="display: block;">



<div id="loading-theme4"></div>



<h1 class='h1-loading'>Cargando...</h1>

</div>